site: improve layout of home page on mobile devices

Improve the sizing of <h1> <h2> and <img> of the above-the-fold
section of the home page.
I manually tested the new layout on the various form factors.
Also update the links in the stack svg picture and run optipng
on the home picture, reducing its size by 20%.

Preview in https://staging-dot-perfetto-site.uc.r.appspot.com/

Change-Id: I53c3f6b743c3d3858da84c54fd695e7008854153
4 files changed
tree: 2b9c44cff792a3c3b586b5f7064123bf2b3c8769
  1. bazel/
  2. build_overrides/
  3. buildtools/
  4. debian/
  5. docs/
  6. gn/
  7. include/
  8. infra/
  9. protos/
  10. src/
  11. test/
  12. tools/
  13. ui/
  14. .clang-format
  15. .gitignore
  16. .gn
  17. .style.yapf
  18. Android.bp
  19. Android.bp.extras
  20. BUILD
  21. BUILD.extras
  22. BUILD.gn
  23. codereview.settings
  24. heapprofd.rc
  25. LICENSE
  26. METADATA
  27. MODULE_LICENSE_APACHE2
  28. OWNERS
  29. perfetto.rc
  30. PRESUBMIT.py
  31. README.chromium
  32. README.md
  33. TEST_MAPPING
  34. traced_perf.rc
  35. WORKSPACE
README.md

Perfetto - System profiling, app tracing and trace analysis

Perfetto is a production-grade open-source stack for performance instrumentation and trace analysis. It offers services and libraries and for recording system-level and app-level traces, native + java heap profiling, a library for analyzing traces using SQL and a web-based UI to visualize and explore multi-GB traces.

See https://docs.perfetto.dev or the /docs/ directory for documentation.