From 4e3b2385c6de30eae2fc1eaff00501942bf7c1d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20V=C3=A1squez?= <juan@ombulabs.com>
Date: Thu, 20 Aug 2026 14:50:55 -0600
Subject: [PATCH 1/6] [OMBU-821] Restyle the app and add a copy-as-markdown
 block

The app had one font-family rule and no other styling. This gives it a layout
that follows fastruby.io: Oxygen for text, Source Code Pro for anything numeric,
square corners, and the brand palette as custom properties in application.css.

Adds a masthead, a page shell and a colophon to the layout, plus the Google
Fonts link. The home page becomes a hero, a terminal block showing the two
commands, and the FAQ as a definition-style grid rather than a bare <ul>.

The report page keeps its table and gains an environment row (ruby / os / arch,
which the model already stored but nothing displayed), a rail and tag marking the
fastest entry instead of bare bold, and a markdown block to paste into an issue.
The block sits under the table rather than replacing it, so the URL stays the
primary way to share. It uses user-select: all so a click selects the whole
snippet, which avoids adding the first JavaScript to the app.

report_markdown and report_environment do the formatting. The snippet mirrors
what the page shows: the fastest row is bolded, the slower column only appears
for comparison reports, and the environment line is omitted for older reports
that predate those fields.

Tests updated for the new markup, plus share_snippet_test for the snippet
itself. 24 runs, 63 assertions, green on Ruby 4.0.6 for both Rails versions.
Verified assets:precompile still succeeds and both pages render.
---
 app/assets/stylesheets/application.css | 164 +++++++++++++++--
 app/assets/stylesheets/docs.scss       |  83 +++++++++
 app/assets/stylesheets/reports.scss    | 234 +++++++++++++++++++++++--
 app/helpers/reports_helper.rb          |  38 ++++
 app/views/docs/index.html.erb          |  78 ++++++---
 app/views/layouts/application.html.erb |  23 ++-
 app/views/reports/show.html.erb        |  88 +++++++---
 test/integration/docs_test.rb          |   3 +-
 test/integration/share_snippet_test.rb |  63 +++++++
 test/integration/show_report_test.rb   |  13 +-
 10 files changed, 711 insertions(+), 76 deletions(-)
 create mode 100644 app/assets/stylesheets/docs.scss
 create mode 100644 test/integration/share_snippet_test.rb

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index d784ea8..5229bfa 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1,21 +1,161 @@
 /*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
+ * Base styles and page furniture. Per-page styles live in their own files and
+ * are pulled in by require_tree below.
  *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
- * vendor/assets/stylesheets directory can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
- * files in this directory. Styles in this file should be added after the last require_* statement.
- * It is generally better to create a new file per style scope.
+ * Colors and type follow fastruby.io: Oxygen for text, Source Code Pro for
+ * anything numeric, and square corners throughout.
  *
  *= require_tree .
  *= require_self
  */
 
+:root {
+  --ink: #262320;
+  --muted: #57514a;
+  --page: #f8f8f8;
+  --surface: #fff;
+  --cream: #f1ebe1;
+  --line: #dadada;
+  --line-soft: #ddd;
+  --green: #00d242;
+  --green-pale: #b5e0c3;
+  --yellow: #fdca31;
+  --warn-ink: #8a6d3b;
+  --mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
 body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
-               Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-               "Helvetica Neue", sans-serif;
+  margin: 0;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--page);
+  color: var(--ink);
+  font-family: Oxygen, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.38;
+  letter-spacing: 0.36px;
+}
+
+a {
+  color: var(--ink);
+  text-decoration: none;
+  border-bottom: 1px solid var(--line);
+}
+
+a:hover {
+  color: var(--green);
+  border-bottom-color: var(--green);
+}
+
+code {
+  font-family: var(--mono);
+  font-size: 0.925em;
+}
+
+/* Masthead */
+
+.masthead {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 24px;
+  padding: 22px 32px;
+  background: var(--surface);
+  border-bottom: 1px solid var(--line);
+}
+
+.masthead__wordmark {
+  font-weight: 700;
+  font-size: 18px;
+  letter-spacing: 1.18px;
+  border-bottom: 0;
+}
+
+.masthead__wordmark span {
+  color: var(--green);
+}
+
+.masthead__wordmark:hover {
+  color: var(--ink);
+}
+
+.masthead__link {
+  font-size: 13px;
+  color: var(--muted);
+}
+
+/* Page shell */
+
+.shell {
+  flex: 1;
+  width: 100%;
+  max-width: 940px;
+  margin: 0 auto;
+  padding: 44px 32px 56px;
+}
+
+/* Colophon */
+
+.colophon {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 24px 32px;
+  background: var(--surface);
+  border-top: 1px solid var(--line);
+  font-size: 13px;
+  color: var(--muted);
+}
+
+/* Shared bits */
+
+.eyebrow {
+  font-family: var(--mono);
+  font-size: 10.5px;
+  font-weight: 500;
+  letter-spacing: 1.4px;
+  text-transform: uppercase;
+  color: var(--muted);
+}
+
+.terminal {
+  background: var(--ink);
+  padding: 22px 24px;
+  overflow-x: auto;
+}
+
+.terminal pre {
+  margin: 0;
+  font-family: var(--mono);
+  font-size: 13.5px;
+  line-height: 1.85;
+  color: var(--page);
+}
+
+.terminal .prompt {
+  color: var(--green);
+}
+
+.terminal .result {
+  color: var(--green-pale);
+}
+
+@media screen and (max-width: 640px) {
+  .masthead,
+  .colophon {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+
+  .shell {
+    padding: 28px 20px 40px;
+  }
 }
diff --git a/app/assets/stylesheets/docs.scss b/app/assets/stylesheets/docs.scss
new file mode 100644
index 0000000..2011af7
--- /dev/null
+++ b/app/assets/stylesheets/docs.scss
@@ -0,0 +1,83 @@
+// Home page: hero, usage block, and the FAQ list.
+
+.docs {
+  display: flex;
+  flex-direction: column;
+  gap: 44px;
+
+  &__hero {
+    display: flex;
+    flex-direction: column;
+    gap: 18px;
+    max-width: 62ch;
+
+    h1 {
+      margin: 0;
+      font-weight: 700;
+      font-size: 1.75rem;
+      line-height: 1.08;
+      letter-spacing: 1.18px;
+    }
+
+    p {
+      margin: 0;
+      font-size: 17px;
+      line-height: 1.5;
+      color: var(--muted);
+    }
+  }
+
+  &__usage {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    max-width: 74ch;
+  }
+
+  &__note {
+    margin: 0;
+    font-size: 13.5px;
+    color: var(--muted);
+  }
+
+  &__faq {
+    display: flex;
+    flex-direction: column;
+    border-top: 1px solid var(--line);
+    max-width: 78ch;
+  }
+
+  &__faq-item {
+    display: grid;
+    grid-template-columns: 210px 1fr;
+    gap: 28px;
+    padding: 22px 0;
+    border-bottom: 1px solid var(--line);
+
+    h2 {
+      margin: 0;
+      font-weight: 700;
+      font-size: 14.5px;
+      line-height: 1.35;
+      letter-spacing: normal;
+    }
+
+    p {
+      margin: 0;
+      font-size: 15px;
+      line-height: 1.55;
+      color: var(--muted);
+    }
+  }
+}
+
+@media screen and (max-width: 640px) {
+  .docs {
+    gap: 32px;
+
+    &__faq-item {
+      grid-template-columns: 1fr;
+      gap: 8px;
+    }
+  }
+}
diff --git a/app/assets/stylesheets/reports.scss b/app/assets/stylesheets/reports.scss
index 4c50ea4..73e9354 100644
--- a/app/assets/stylesheets/reports.scss
+++ b/app/assets/stylesheets/reports.scss
@@ -1,21 +1,231 @@
-// Place all the styles related to the reports controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
+// Report page: the results table, the deviation notice, and the share block.
 
 .report {
-  .results {
-    font-family: Monaco, Consolas, 'Liberation Mono', Courier, monospace;
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+
+  &__head {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+  }
+
+  &__meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    li {
+      font-family: var(--mono);
+      font-size: 11.5px;
+      padding: 6px 11px;
+      background: var(--cream);
+      color: var(--muted);
+    }
+  }
+}
+
+.results {
+  width: 100%;
+  border-collapse: collapse;
+  background: var(--surface);
+  border: 1px solid var(--line);
+
+  th {
+    font-family: var(--mono);
+    font-size: 10.5px;
+    font-weight: 500;
+    letter-spacing: 1.2px;
+    text-transform: uppercase;
+    color: var(--muted);
+    text-align: left;
+    padding: 15px 10px;
+    border-bottom: 2px solid var(--line-soft);
+  }
+
+  td {
+    padding: 16px 10px;
+    border-top: 1px solid var(--line-soft);
+    vertical-align: middle;
+  }
+
+  th:first-child,
+  td:first-child {
+    padding-left: 22px;
+  }
+
+  th:last-child,
+  td:last-child {
+    padding-right: 22px;
+  }
+
+  &__rail {
+    width: 4px;
+    padding-left: 18px !important;
+    padding-right: 0 !important;
+  }
+
+  &__slower,
+  &__ips {
+    text-align: right;
+    font-family: var(--mono);
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+
+  &__name {
+    min-width: 0;
+  }
+
+  &__label {
+    font-family: var(--mono);
+    font-size: 14px;
+    font-weight: 300;
+  }
+
+  &__tag {
+    font-family: var(--mono);
+    font-size: 9.5px;
+    font-weight: 500;
+    letter-spacing: 1.2px;
+    text-transform: uppercase;
+    color: var(--ink);
+    background: var(--green-pale);
+    padding: 3px 6px;
+    margin-left: 8px;
+    white-space: nowrap;
+  }
+
+  &__value {
+    font-size: 15px;
+    font-weight: 300;
+  }
+
+  &__dev {
+    font-size: 11.5px;
+    color: #999;
+
+    &.is-noisy {
+      color: var(--warn-ink);
+    }
   }
-  width: 600px;
 
-  @media screen and (max-width: 600px) {
-    width: 100%;
-    padding-right: 5px;
-    font-size: 13px;
+  tr.is-fastest {
+    background: #f8fdf9;
 
-    .results {
-      font-size: 13px;
+    td.results__rail {
+      background: var(--green);
+      background-clip: content-box;
     }
 
+    .results__label,
+    .results__value {
+      font-weight: 900;
+    }
+
+    .results__slower {
+      color: #999;
+    }
+  }
+}
+
+.notice {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding: 18px 22px;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  border-left: 4px solid var(--yellow);
+
+  p {
+    margin: 0;
+    font-size: 14.5px;
+    line-height: 1.5;
+    color: var(--muted);
+    max-width: 66ch;
+  }
+}
+
+.share {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+
+  &__link {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 18px;
+  }
+
+  &__url {
+    font-family: var(--mono);
+    font-size: 12.5px;
+    padding: 13px 16px;
+    background: var(--surface);
+    border: 1px solid var(--line);
+    user-select: all;
+    word-break: break-all;
+  }
+
+  &__hint {
+    font-size: 12.5px;
+    color: var(--muted);
+  }
+
+  &__snippet {
+    background: var(--surface);
+    border: 1px solid var(--line);
+  }
+
+  &__snippet-head {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    padding: 12px 16px;
+    background: var(--page);
+    border-bottom: 1px solid var(--line);
+  }
+
+  pre {
+    margin: 0;
+    padding: 18px 16px;
+    background: var(--ink);
+    color: var(--page);
+    font-family: var(--mono);
+    font-size: 12.5px;
+    line-height: 1.75;
+    overflow-x: auto;
+    user-select: all;
+  }
+}
+
+@media screen and (max-width: 640px) {
+  .results {
+    th,
+    td {
+      padding: 12px 8px;
+    }
+
+    &__rail {
+      padding-left: 12px !important;
+    }
+
+    th:first-child,
+    td:first-child {
+      padding-left: 14px;
+    }
+
+    th:last-child,
+    td:last-child {
+      padding-right: 14px;
+    }
   }
 }
diff --git a/app/helpers/reports_helper.rb b/app/helpers/reports_helper.rb
index 741e2d3..173950d 100644
--- a/app/helpers/reports_helper.rb
+++ b/app/helpers/reports_helper.rb
@@ -34,4 +34,42 @@ def stddev_percentage(part)
   def format_stddev(part)
     "%4.1f%%" % stddev_percentage(part)
   end
+
+  # The report rendered as a markdown table, for pasting into an issue or a
+  # pull request. Mirrors what the page shows: the fastest entry is bolded and
+  # the slower column only appears for comparison reports.
+  def report_markdown(report, fastest, url)
+    columns = ["name", "iterations/second"]
+    columns << "slower" if report.compare
+
+    lines = []
+    lines << "| #{columns.join(" | ")} |"
+    lines << "| #{columns.map { "---" }.join(" | ")} |"
+
+    report.entries.each do |entry|
+      name = entry["name"]
+      name = "**#{name}**" if fastest && entry["name"] == fastest["name"]
+
+      cells = [name, "#{format_ips(entry["ips"]).strip} \u00b1 #{format_stddev(entry).strip}"]
+      cells << times_slower(fastest, entry) if report.compare
+
+      lines << "| #{cells.join(" | ")} |"
+    end
+
+    environment = report_environment(report)
+    lines << ""
+    lines << [environment, "Full report: #{url}"].compact.join(". ")
+
+    lines.join("\n")
+  end
+
+  # "ruby 4.0.6, darwin/arm64" from whichever of those fields the client sent.
+  # Older reports predate them entirely, so this can be nil.
+  def report_environment(report)
+    ruby = "ruby #{report.ruby}" if report.ruby.present?
+    machine = [report.os, report.arch].reject(&:blank?).join("/")
+
+    parts = [ruby, machine.presence].compact
+    parts.any? ? parts.join(", ") : nil
+  end
 end
diff --git a/app/views/docs/index.html.erb b/app/views/docs/index.html.erb
index 8dd8f47..68c71d3 100644
--- a/app/views/docs/index.html.erb
+++ b/app/views/docs/index.html.erb
@@ -1,21 +1,59 @@
-<ul>
-  <li>
-    <b>What is this?</b> This is a site that allows you to easily share benchmarking results.
-  </li>
-  <li>
-    <b>How do I use it?</b> Install <code>benchmark-ips</code> version <code>2.6.0</code> or greater and run your benchmark with <code>SHARE=1</code>. I.e.: <code>SHARE=1 ruby my_benchmark.rb</code>
-  </li>
-  <li>
-    <b>I shared a benchmark, how do I find it?</b> The url for your shared benchmark is output in the terminal after it runs. Share that URL with friends, enemies, whoever.
-  </li>
-  <li>
-    <b>The site is ugly, how can I make it nicer?</b> Send a PR to <a href="https://github.com/fastruby/benchmark.fyi">github.com/fastruby/benchmark.fyi</a> with your changes!
-  </li>
-  <li>
-    <b>I have a great idea to improve benchmark.fyi!</b> <em>AAWESOME!</em> Open an issue or send a PR to <a href="https://github.com/fastruby/benchmark.fyi">github.com/fastruby/benchmark.fyi</a>!
-  </li>
-  <li>
-    <b>Who made this?</b> Evan Phoenix (<a href="https://twitter.com/evanphx">evanphx</a>) did. <a href="https://www.fastruby.io/team">FastRuby.io</a> maintains <a href="https://ips.fastruby.io/">https://ips.fastruby.io</a> and <a href="https://github.com/fastruby/benchmark.fyi">github.com/fastruby/benchmark.fyi</a>.
-  </li>
-</ul>
+<div class="docs">
+  <section class="docs__hero">
+    <h1>Share benchmark results as a link</h1>
+    <p>
+      Run your <a href="https://github.com/evanphx/benchmark-ips">benchmark-ips</a>
+      benchmark with one extra environment variable and get a URL you can paste
+      into an issue, a pull request, or a blog post.
+    </p>
+  </section>
 
+  <section class="docs__usage">
+    <div class="eyebrow">How to use it</div>
+    <div class="terminal">
+<pre><span class="prompt">$</span> gem install benchmark-ips
+<span class="prompt">$</span> SHARE=1 ruby my_benchmark.rb
+
+<span class="result">Shared at: https://ips.fastruby.io/2Bq</span></pre>
+    </div>
+    <p class="docs__note">
+      Requires benchmark-ips 2.6.0 or greater. Add <code>x.compare!</code> to your
+      benchmark for the times-slower column.
+    </p>
+  </section>
+
+  <section class="docs__faq">
+    <div class="docs__faq-item">
+      <h2>I shared a benchmark, how do I find it?</h2>
+      <p>
+        The URL is printed in your terminal after the run. Share it with friends,
+        enemies, whoever.
+      </p>
+    </div>
+
+    <div class="docs__faq-item">
+      <h2>Can I run my own instance?</h2>
+      <p>
+        Yes. Point benchmark-ips at it with <code>SHARE_URL</code> instead of
+        <code>SHARE</code>, and it posts there rather than here.
+      </p>
+    </div>
+
+    <div class="docs__faq-item">
+      <h2>The site is ugly, how can I make it nicer?</h2>
+      <p>
+        Send a pull request to
+        <a href="https://github.com/fastruby/benchmark.fyi">github.com/fastruby/benchmark.fyi</a>
+        with your changes.
+      </p>
+    </div>
+
+    <div class="docs__faq-item">
+      <h2>I have a great idea to improve benchmark.fyi!</h2>
+      <p>
+        Excellent. Open an issue or send a pull request to
+        <a href="https://github.com/fastruby/benchmark.fyi">github.com/fastruby/benchmark.fyi</a>.
+      </p>
+    </div>
+  </section>
+</div>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 6447cb1..597b3d3 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -4,13 +4,32 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title><%= content_for?(:title) ? yield(:title) : "benchmark.fyi" %></title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&family=Source+Code+Pro:wght@300;500;900&display=swap" />
     <%= stylesheet_link_tag "application" %>
     <%= csrf_meta_tags %>
   </head>
 
   <body>
-    <h2>benchmark.fyi</h2>
+    <header class="masthead">
+      <a class="masthead__wordmark" href="/">benchmark<span>.fyi</span></a>
+      <a class="masthead__link" href="https://github.com/fastruby/benchmark.fyi">GitHub</a>
+    </header>
 
-    <%= yield %>
+    <main class="shell">
+      <%= yield %>
+    </main>
+
+    <footer class="colophon">
+      <div>
+        Built by Evan Phoenix. Maintained by
+        <a href="https://www.fastruby.io/team">FastRuby.io</a>.
+      </div>
+      <div>
+        Powered by
+        <a href="https://github.com/evanphx/benchmark-ips">benchmark-ips</a>
+      </div>
+    </footer>
   </body>
 </html>
diff --git a/app/views/reports/show.html.erb b/app/views/reports/show.html.erb
index 75cf7d7..fd2e44e 100644
--- a/app/views/reports/show.html.erb
+++ b/app/views/reports/show.html.erb
@@ -1,34 +1,76 @@
+<% report_url = "#{root_url}#{@report.short_id}" %>
+
 <div class="report">
+  <section class="report__head">
+    <div class="eyebrow">Shared report</div>
+    <% if (environment = report_environment(@report)) %>
+      <ul class="report__meta">
+        <% if @report.ruby.present? %><li>ruby <%= @report.ruby %></li><% end %>
+        <% if @report.os.present? %><li><%= @report.os %></li><% end %>
+        <% if @report.arch.present? %><li><%= @report.arch %></li><% end %>
+      </ul>
+    <% end %>
+  </section>
+
   <table class="results">
-    <tr>
-      <th>name</th>
-      <% if @report.compare %>
-        <th>times slower</th>
-      <% end %>
-      <th>iterations/second</th>
-    </tr>
-    <% @report.entries.each do |part| %>
+    <thead>
       <tr>
-        <td>
-          <% if part["name"] == @fastest["name"] %>
-            <b><%= part["name"] %></b>
-          <% else %>
-            <%= part["name"] %>
-          <% end %>
-        </td>
+        <th class="results__rail"></th>
+        <th class="results__name">name</th>
         <% if @report.compare %>
-          <td><%= times_slower @fastest, part %></td>
+          <th class="results__slower">slower</th>
         <% end %>
-        <td><%= format_ips part["ips"] %> ±<%= format_stddev part %></td>
+        <th class="results__ips">iterations / second</th>
       </tr>
-    <% end %>
+    </thead>
+    <tbody>
+      <% @report.entries.each do |part| %>
+        <% fastest = part["name"] == @fastest["name"] %>
+        <tr class="<%= "is-fastest" if fastest %>">
+          <td class="results__rail"></td>
+          <td class="results__name">
+            <span class="results__label"><%= part["name"] %></span>
+            <% if fastest %>
+              <span class="results__tag">fastest</span>
+            <% end %>
+          </td>
+          <% if @report.compare %>
+            <td class="results__slower"><%= times_slower @fastest, part %></td>
+          <% end %>
+          <td class="results__ips">
+            <span class="results__value"><%= format_ips(part["ips"]).strip %></span>
+            <span class="results__dev <%= "is-noisy" if stddev_percentage(part) >= 5 %>">
+              &plusmn; <%= format_stddev(part).strip %>
+            </span>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
   </table>
 
   <% if @note_high_stddev %>
-    <div class="panel">
-      One or more entries has a fairly high standard deviation. This means that
-      the iterations were not very consistent and were subject to effects outside
-      the code itself, such as machine load, GC, etc.
-    </div>
+    <aside class="notice">
+      <div class="eyebrow">High standard deviation</div>
+      <p>
+        One or more entries has a fairly high standard deviation. This means that
+        the iterations were not very consistent and were subject to effects outside
+        the code itself, such as machine load, GC, etc.
+      </p>
+    </aside>
   <% end %>
+
+  <section class="share">
+    <div class="share__link">
+      <span class="share__url"><%= report_url %></span>
+      <span class="share__hint">Share the link, or paste the block below.</span>
+    </div>
+
+    <div class="share__snippet">
+      <div class="share__snippet-head">
+        <span class="eyebrow">Copy as markdown</span>
+        <span class="share__hint">Click the block to select it all</span>
+      </div>
+      <pre><%= report_markdown(@report, @fastest, report_url) %></pre>
+    </div>
+  </section>
 </div>
diff --git a/test/integration/docs_test.rb b/test/integration/docs_test.rb
index a5fcab0..1f76e16 100644
--- a/test/integration/docs_test.rb
+++ b/test/integration/docs_test.rb
@@ -5,6 +5,7 @@ class DocsTest < ActionDispatch::IntegrationTest
     get "/"
 
     assert_equal 200, status
-    assert_select "li b", text: "What is this?"
+    assert_select "h1", text: "Share benchmark results as a link"
+    assert_select ".docs__faq-item h2", text: "Can I run my own instance?"
   end
 end
diff --git a/test/integration/share_snippet_test.rb b/test/integration/share_snippet_test.rb
new file mode 100644
index 0000000..2d5dbd5
--- /dev/null
+++ b/test/integration/share_snippet_test.rb
@@ -0,0 +1,63 @@
+require 'test_helper'
+
+class ShareSnippetTest < ActionDispatch::IntegrationTest
+  def entry(name, ips, stddev)
+    {
+      name: name,
+      ips: ips,
+      stddev: stddev,
+      microseconds: 3322,
+      iterations: 221,
+      cycles: 16
+    }
+  end
+
+  test "renders a markdown table alongside the html table" do
+    report = Report.create!(
+      report: [entry("fast", 500.0, 1.0), entry("slow", 100.0, 1.0)],
+      compare: true,
+      ruby: "4.0.6",
+      os: "darwin",
+      arch: "arm64"
+    )
+
+    get "/#{report.short_id}"
+
+    assert_equal 200, status
+
+    # the table is still there; the snippet is in addition to it, not instead
+    assert_select "table.results"
+
+    snippet = css_select(".share__snippet pre").first.text
+
+    assert_includes snippet, "| name | iterations/second | slower |"
+    assert_includes snippet, "| --- | --- | --- |"
+    assert_includes snippet, "**fast**"
+    assert_includes snippet, "| slow |"
+    assert_includes snippet, "5.00x"
+    assert_includes snippet, "ruby 4.0.6, darwin/arm64"
+    assert_includes snippet, "/#{report.short_id}"
+  end
+
+  test "omits the slower column from the snippet for non comparison reports" do
+    report = Report.create! report: [entry("only", 500.0, 1.0)]
+
+    get "/#{report.short_id}"
+
+    snippet = css_select(".share__snippet pre").first.text
+
+    assert_includes snippet, "| name | iterations/second |"
+    refute_includes snippet, "slower"
+  end
+
+  test "omits the environment line when the client sent no environment" do
+    report = Report.create! report: [entry("only", 500.0, 1.0)]
+
+    get "/#{report.short_id}"
+
+    snippet = css_select(".share__snippet pre").first.text
+
+    refute_includes snippet, "ruby "
+    assert_includes snippet, "Full report:"
+  end
+end
diff --git a/test/integration/show_report_test.rb b/test/integration/show_report_test.rb
index 2d74701..055f385 100644
--- a/test/integration/show_report_test.rb
+++ b/test/integration/show_report_test.rb
@@ -18,7 +18,8 @@ def entry(name, ips, stddev)
     get "/#{report.short_id}"
 
     assert_equal 200, status
-    assert_select "td b", text: "fast"
+    assert_select "tr.is-fastest .results__label", text: "fast"
+    assert_select "tr.is-fastest .results__tag", text: "fastest"
   end
 
   test "warns when an entry has a high standard deviation" do
@@ -27,7 +28,7 @@ def entry(name, ips, stddev)
     get "/#{report.short_id}"
 
     assert_equal 200, status
-    assert_select "div.panel"
+    assert_select ".notice"
   end
 
   test "omits the warning when every entry is consistent" do
@@ -36,7 +37,7 @@ def entry(name, ips, stddev)
     get "/#{report.short_id}"
 
     assert_equal 200, status
-    assert_select "div.panel", count: 0
+    assert_select ".notice", count: 0
   end
 
   test "renders the times slower column only for comparison reports" do
@@ -44,7 +45,7 @@ def entry(name, ips, stddev)
 
     get "/#{plain.short_id}"
 
-    assert_select "th", text: "times slower", count: 0
+    assert_select "th.results__slower", count: 0
 
     compared = Report.create!(
       report: [entry("a", 500.0, 1.0), entry("b", 100.0, 1.0)],
@@ -53,8 +54,8 @@ def entry(name, ips, stddev)
 
     get "/#{compared.short_id}"
 
-    assert_select "th", text: "times slower"
-    assert_select "td", text: "5.00x"
+    assert_select "th.results__slower", text: "slower"
+    assert_select "td.results__slower", text: "5.00x"
   end
 
   test "responds 404 for a report that does not exist" do

From 78463c51a30ac7f2d23135934ed0949f327afc14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20V=C3=A1squez?= <juan@ombulabs.com>
Date: Thu, 20 Aug 2026 15:13:20 -0600
Subject: [PATCH 2/6] [OMBU-821] Open external links in a new tab, bump type,
 add seeds

External links now carry target="_blank" rel="noopener". Applied to all of them,
not only the masthead GitHub link, so leaving the site behaves consistently.

The footer keeps crediting Evan Phoenix, who wrote both this app and
benchmark-ips, and now links his GitHub. The old FAQ said "Who made this? Evan
Phoenix (evanphx) did. FastRuby.io maintains ..." and the footer is where that
line now lives.

Type scale up roughly one step throughout: body 16 to 17px with a little more
line-height, wordmark 18 to 20px, home page h1 1.75 to 2.1rem, and the small
monospace details (table names, deviations, hints, meta chips) each up about a
pixel so they stay legible rather than decorative.

db/seeds.rb creates three sample reports so the /:id page can be looked at
without running a benchmark, covering the variations the view handles: a
comparison report with a noisy entry, one without compare!, and one from an older
client that sent no ruby/os/arch. It skips when reports already exist unless
FORCE=1, and prints the paths it created.
---
 README.md                              | 11 +++++
 app/assets/stylesheets/application.css | 14 +++---
 app/assets/stylesheets/docs.scss       | 14 +++---
 app/assets/stylesheets/reports.scss    | 26 +++++-----
 app/views/docs/index.html.erb          |  6 +--
 app/views/layouts/application.html.erb | 10 ++--
 db/seeds.rb                            | 66 +++++++++++++++++++++++---
 7 files changed, 107 insertions(+), 40 deletions(-)

diff --git a/README.md b/README.md
index 93d8272..8962af6 100644
--- a/README.md
+++ b/README.md
@@ -112,6 +112,17 @@ one.
 
 Visit http://localhost:3000 and share a benchmark at it using the `SHARE_URL` example above.
 
+To look at a report page without running a benchmark first, load the samples:
+
+```bash
+bin/rails db:seed
+```
+
+That creates three reports covering the variations the page has to handle: a
+comparison report with a noisy entry, one without `compare!`, and one from an
+older client that sent no ruby/os/arch fields. It prints their paths and does
+nothing if reports already exist, so pass `FORCE=1` to add them anyway.
+
 ## Verifying a change end to end
 
 The suite uses Rack::Test, so it never exercises the real server or a real
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 5229bfa..d147da0 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -38,8 +38,8 @@ body {
   background: var(--page);
   color: var(--ink);
   font-family: Oxygen, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 1.38;
+  font-size: 17px;
+  line-height: 1.45;
   letter-spacing: 0.36px;
 }
 
@@ -73,7 +73,7 @@ code {
 
 .masthead__wordmark {
   font-weight: 700;
-  font-size: 18px;
+  font-size: 20px;
   letter-spacing: 1.18px;
   border-bottom: 0;
 }
@@ -87,7 +87,7 @@ code {
 }
 
 .masthead__link {
-  font-size: 13px;
+  font-size: 14px;
   color: var(--muted);
 }
 
@@ -111,7 +111,7 @@ code {
   padding: 24px 32px;
   background: var(--surface);
   border-top: 1px solid var(--line);
-  font-size: 13px;
+  font-size: 14px;
   color: var(--muted);
 }
 
@@ -119,7 +119,7 @@ code {
 
 .eyebrow {
   font-family: var(--mono);
-  font-size: 10.5px;
+  font-size: 11px;
   font-weight: 500;
   letter-spacing: 1.4px;
   text-transform: uppercase;
@@ -135,7 +135,7 @@ code {
 .terminal pre {
   margin: 0;
   font-family: var(--mono);
-  font-size: 13.5px;
+  font-size: 14px;
   line-height: 1.85;
   color: var(--page);
 }
diff --git a/app/assets/stylesheets/docs.scss b/app/assets/stylesheets/docs.scss
index 2011af7..a406c35 100644
--- a/app/assets/stylesheets/docs.scss
+++ b/app/assets/stylesheets/docs.scss
@@ -14,15 +14,15 @@
     h1 {
       margin: 0;
       font-weight: 700;
-      font-size: 1.75rem;
+      font-size: 2.1rem;
       line-height: 1.08;
       letter-spacing: 1.18px;
     }
 
     p {
       margin: 0;
-      font-size: 17px;
-      line-height: 1.5;
+      font-size: 18px;
+      line-height: 1.55;
       color: var(--muted);
     }
   }
@@ -36,7 +36,7 @@
 
   &__note {
     margin: 0;
-    font-size: 13.5px;
+    font-size: 14.5px;
     color: var(--muted);
   }
 
@@ -49,7 +49,7 @@
 
   &__faq-item {
     display: grid;
-    grid-template-columns: 210px 1fr;
+    grid-template-columns: 240px 1fr;
     gap: 28px;
     padding: 22px 0;
     border-bottom: 1px solid var(--line);
@@ -57,14 +57,14 @@
     h2 {
       margin: 0;
       font-weight: 700;
-      font-size: 14.5px;
+      font-size: 16px;
       line-height: 1.35;
       letter-spacing: normal;
     }
 
     p {
       margin: 0;
-      font-size: 15px;
+      font-size: 16px;
       line-height: 1.55;
       color: var(--muted);
     }
diff --git a/app/assets/stylesheets/reports.scss b/app/assets/stylesheets/reports.scss
index 73e9354..f9f7c53 100644
--- a/app/assets/stylesheets/reports.scss
+++ b/app/assets/stylesheets/reports.scss
@@ -21,8 +21,8 @@
 
     li {
       font-family: var(--mono);
-      font-size: 11.5px;
-      padding: 6px 11px;
+      font-size: 12.5px;
+      padding: 7px 12px;
       background: var(--cream);
       color: var(--muted);
     }
@@ -37,7 +37,7 @@
 
   th {
     font-family: var(--mono);
-    font-size: 10.5px;
+    font-size: 11px;
     font-weight: 500;
     letter-spacing: 1.2px;
     text-transform: uppercase;
@@ -83,13 +83,13 @@
 
   &__label {
     font-family: var(--mono);
-    font-size: 14px;
+    font-size: 15px;
     font-weight: 300;
   }
 
   &__tag {
     font-family: var(--mono);
-    font-size: 9.5px;
+    font-size: 10px;
     font-weight: 500;
     letter-spacing: 1.2px;
     text-transform: uppercase;
@@ -101,12 +101,12 @@
   }
 
   &__value {
-    font-size: 15px;
+    font-size: 16px;
     font-weight: 300;
   }
 
   &__dev {
-    font-size: 11.5px;
+    font-size: 12.5px;
     color: #999;
 
     &.is-noisy {
@@ -144,7 +144,7 @@
 
   p {
     margin: 0;
-    font-size: 14.5px;
+    font-size: 15.5px;
     line-height: 1.5;
     color: var(--muted);
     max-width: 66ch;
@@ -165,8 +165,8 @@
 
   &__url {
     font-family: var(--mono);
-    font-size: 12.5px;
-    padding: 13px 16px;
+    font-size: 13.5px;
+    padding: 14px 16px;
     background: var(--surface);
     border: 1px solid var(--line);
     user-select: all;
@@ -174,7 +174,7 @@
   }
 
   &__hint {
-    font-size: 12.5px;
+    font-size: 13.5px;
     color: var(--muted);
   }
 
@@ -200,8 +200,8 @@
     background: var(--ink);
     color: var(--page);
     font-family: var(--mono);
-    font-size: 12.5px;
-    line-height: 1.75;
+    font-size: 13.5px;
+    line-height: 1.8;
     overflow-x: auto;
     user-select: all;
   }
diff --git a/app/views/docs/index.html.erb b/app/views/docs/index.html.erb
index 68c71d3..abc4034 100644
--- a/app/views/docs/index.html.erb
+++ b/app/views/docs/index.html.erb
@@ -2,7 +2,7 @@
   <section class="docs__hero">
     <h1>Share benchmark results as a link</h1>
     <p>
-      Run your <a href="https://github.com/evanphx/benchmark-ips">benchmark-ips</a>
+      Run your <a href="https://github.com/evanphx/benchmark-ips" target="_blank" rel="noopener">benchmark-ips</a>
       benchmark with one extra environment variable and get a URL you can paste
       into an issue, a pull request, or a blog post.
     </p>
@@ -43,7 +43,7 @@
       <h2>The site is ugly, how can I make it nicer?</h2>
       <p>
         Send a pull request to
-        <a href="https://github.com/fastruby/benchmark.fyi">github.com/fastruby/benchmark.fyi</a>
+        <a href="https://github.com/fastruby/benchmark.fyi" target="_blank" rel="noopener">github.com/fastruby/benchmark.fyi</a>
         with your changes.
       </p>
     </div>
@@ -52,7 +52,7 @@
       <h2>I have a great idea to improve benchmark.fyi!</h2>
       <p>
         Excellent. Open an issue or send a pull request to
-        <a href="https://github.com/fastruby/benchmark.fyi">github.com/fastruby/benchmark.fyi</a>.
+        <a href="https://github.com/fastruby/benchmark.fyi" target="_blank" rel="noopener">github.com/fastruby/benchmark.fyi</a>.
       </p>
     </div>
   </section>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 597b3d3..cb783ae 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -14,7 +14,7 @@
   <body>
     <header class="masthead">
       <a class="masthead__wordmark" href="/">benchmark<span>.fyi</span></a>
-      <a class="masthead__link" href="https://github.com/fastruby/benchmark.fyi">GitHub</a>
+      <a class="masthead__link" href="https://github.com/fastruby/benchmark.fyi" target="_blank" rel="noopener">GitHub</a>
     </header>
 
     <main class="shell">
@@ -23,12 +23,14 @@
 
     <footer class="colophon">
       <div>
-        Built by Evan Phoenix. Maintained by
-        <a href="https://www.fastruby.io/team">FastRuby.io</a>.
+        Built by
+        <a href="https://github.com/evanphx" target="_blank" rel="noopener">Evan Phoenix</a>.
+        Maintained by
+        <a href="https://www.fastruby.io" target="_blank" rel="noopener">FastRuby.io</a>.
       </div>
       <div>
         Powered by
-        <a href="https://github.com/evanphx/benchmark-ips">benchmark-ips</a>
+        <a href="https://github.com/evanphx/benchmark-ips" target="_blank" rel="noopener">benchmark-ips</a>
       </div>
     </footer>
   </body>
diff --git a/db/seeds.rb b/db/seeds.rb
index 1beea2a..ba81513 100644
--- a/db/seeds.rb
+++ b/db/seeds.rb
@@ -1,7 +1,61 @@
-# This file should contain all the record creation needed to seed the database with its default values.
-# The data can then be loaded with the rails db:seed command (or created alongside the database with db:setup).
+# Sample reports, so the /:id page can be looked at without running a real
+# benchmark first. Safe to run repeatedly: it does nothing when reports already
+# exist unless you pass FORCE=1.
 #
-# Examples:
-#
-#   movies = Movie.create([{ name: 'Star Wars' }, { name: 'Lord of the Rings' }])
-#   Character.create(name: 'Luke', movie: movies.first)
+#   bin/rails db:seed
+
+if Report.any? && !ENV["FORCE"]
+  puts "Reports already exist (#{Report.count}). Pass FORCE=1 to add the samples anyway."
+  exit
+end
+
+def entry(name, ips, stddev)
+  {
+    "name" => name,
+    "central_tendency" => ips,
+    "ips" => ips,
+    "error" => stddev,
+    "stddev" => stddev,
+    "microseconds" => 2_000_000.0,
+    "iterations" => (ips * 2).round,
+    "cycles" => (ips / 10).round
+  }
+end
+
+created = []
+
+# A comparison report with one noisy entry, so the times-slower column and the
+# high-deviation notice are both visible.
+created << Report.create!(
+  report: [
+    entry("interpolation", 12_481_000.0, 149_772.0),
+    entry("concat (+)", 9_204_000.0, 165_672.0),
+    entry("<< buffer", 4_117_000.0, 345_828.0),
+    entry("format", 1_902_000.0, 39_942.0)
+  ],
+  compare: true,
+  ruby: "4.0.6",
+  os: "darwin",
+  arch: "arm64"
+)
+
+# No compare!, so the slower column is absent, and every entry is consistent, so
+# there is no deviation notice.
+created << Report.create!(
+  report: [
+    entry("Hash#fetch", 8_940_000.0, 62_580.0),
+    entry("Hash#[]", 9_120_000.0, 72_960.0)
+  ],
+  ruby: "3.3.12",
+  os: "linux",
+  arch: "x86_64"
+)
+
+# An older client that sent no environment fields, so the meta row is empty.
+created << Report.create!(
+  report: [entry("nokogiri parse", 41_200.0, 1_648.0)],
+  compare: true
+)
+
+puts "Created #{created.size} reports:"
+created.each { |r| puts "  /#{r.short_id}" }

From a51a2226c53c461669c8014b3a85699126a02390 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20V=C3=A1squez?= <juan@ombulabs.com>
Date: Thu, 20 Aug 2026 15:21:17 -0600
Subject: [PATCH 3/6] [OMBU-821] Make the stylesheets mobile first

The three breakpoints were max-width overrides on a desktop baseline. They are
now min-width: 40em, with the small-screen values as the base, so the cascade
runs the conventional direction. No visual change at either end: the same values
apply, they are just declared the other way round.

Fixes a real narrow-screen bug in passing. Both numeric columns in the results
table are white-space: nowrap and the table had no overflow container, so on a
phone the table pushed the page wider than the viewport and the body scrolled
sideways. The table now sits in a .results-wrap with overflow-x: auto, which
scrolls the table alone. The border moved to the wrapper so the scroll happens
inside it.

Also drops the two !important declarations on the rail cell, which existed only
to win against the generic th/td padding. td.results__rail is specific enough.

Mobile matters more than usual here: these links get opened from phones, in
Slack and GitHub threads.
---
 app/assets/stylesheets/application.css | 17 ++++---
 app/assets/stylesheets/docs.scss       | 22 +++++----
 app/assets/stylesheets/reports.scss    | 52 +++++++++++++-------
 app/views/reports/show.html.erb        | 66 +++++++++++++-------------
 4 files changed, 93 insertions(+), 64 deletions(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index d147da0..d8a6188 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -66,7 +66,7 @@ code {
   justify-content: space-between;
   align-items: center;
   gap: 24px;
-  padding: 22px 32px;
+  padding: 22px 20px;
   background: var(--surface);
   border-bottom: 1px solid var(--line);
 }
@@ -98,7 +98,7 @@ code {
   width: 100%;
   max-width: 940px;
   margin: 0 auto;
-  padding: 44px 32px 56px;
+  padding: 28px 20px 40px;
 }
 
 /* Colophon */
@@ -108,7 +108,7 @@ code {
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 12px;
-  padding: 24px 32px;
+  padding: 24px 20px;
   background: var(--surface);
   border-top: 1px solid var(--line);
   font-size: 14px;
@@ -148,14 +148,17 @@ code {
   color: var(--green-pale);
 }
 
-@media screen and (max-width: 640px) {
+/* Wider screens opt into more generous spacing. Everything above is the
+   small-screen baseline. */
+
+@media screen and (min-width: 40em) {
   .masthead,
   .colophon {
-    padding-left: 20px;
-    padding-right: 20px;
+    padding-left: 32px;
+    padding-right: 32px;
   }
 
   .shell {
-    padding: 28px 20px 40px;
+    padding: 44px 32px 56px;
   }
 }
diff --git a/app/assets/stylesheets/docs.scss b/app/assets/stylesheets/docs.scss
index a406c35..47fe8a0 100644
--- a/app/assets/stylesheets/docs.scss
+++ b/app/assets/stylesheets/docs.scss
@@ -3,7 +3,7 @@
 .docs {
   display: flex;
   flex-direction: column;
-  gap: 44px;
+  gap: 32px;
 
   &__hero {
     display: flex;
@@ -14,7 +14,7 @@
     h1 {
       margin: 0;
       font-weight: 700;
-      font-size: 2.1rem;
+      font-size: 1.75rem;
       line-height: 1.08;
       letter-spacing: 1.18px;
     }
@@ -49,8 +49,8 @@
 
   &__faq-item {
     display: grid;
-    grid-template-columns: 240px 1fr;
-    gap: 28px;
+    grid-template-columns: 1fr;
+    gap: 8px;
     padding: 22px 0;
     border-bottom: 1px solid var(--line);
 
@@ -71,13 +71,19 @@
   }
 }
 
-@media screen and (max-width: 640px) {
+// Wider screens opt into the two-column FAQ and the larger heading.
+
+@media screen and (min-width: 40em) {
   .docs {
-    gap: 32px;
+    gap: 44px;
+
+    &__hero h1 {
+      font-size: 2.1rem;
+    }
 
     &__faq-item {
-      grid-template-columns: 1fr;
-      gap: 8px;
+      grid-template-columns: 240px 1fr;
+      gap: 28px;
     }
   }
 }
diff --git a/app/assets/stylesheets/reports.scss b/app/assets/stylesheets/reports.scss
index f9f7c53..a45767d 100644
--- a/app/assets/stylesheets/reports.scss
+++ b/app/assets/stylesheets/reports.scss
@@ -3,7 +3,7 @@
 .report {
   display: flex;
   flex-direction: column;
-  gap: 30px;
+  gap: 24px;
 
   &__head {
     display: flex;
@@ -29,11 +29,18 @@
   }
 }
 
+// The numeric columns do not wrap, so the table gets its own horizontal scroll
+// rather than pushing the page wide.
+.results-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--line);
+  background: var(--surface);
+}
+
 .results {
   width: 100%;
   border-collapse: collapse;
   background: var(--surface);
-  border: 1px solid var(--line);
 
   th {
     font-family: var(--mono);
@@ -43,30 +50,31 @@
     text-transform: uppercase;
     color: var(--muted);
     text-align: left;
-    padding: 15px 10px;
+    padding: 12px 8px;
     border-bottom: 2px solid var(--line-soft);
   }
 
   td {
-    padding: 16px 10px;
+    padding: 12px 8px;
     border-top: 1px solid var(--line-soft);
     vertical-align: middle;
   }
 
   th:first-child,
   td:first-child {
-    padding-left: 22px;
+    padding-left: 14px;
   }
 
   th:last-child,
   td:last-child {
-    padding-right: 22px;
+    padding-right: 14px;
   }
 
-  &__rail {
+  th.results__rail,
+  td.results__rail {
     width: 4px;
-    padding-left: 18px !important;
-    padding-right: 0 !important;
+    padding-left: 12px;
+    padding-right: 0;
   }
 
   &__slower,
@@ -207,25 +215,35 @@
   }
 }
 
-@media screen and (max-width: 640px) {
+// Wider screens opt into roomier cells.
+
+@media screen and (min-width: 40em) {
+  .report {
+    gap: 30px;
+  }
+
   .results {
-    th,
-    td {
-      padding: 12px 8px;
+    th {
+      padding: 15px 10px;
     }
 
-    &__rail {
-      padding-left: 12px !important;
+    td {
+      padding: 16px 10px;
     }
 
     th:first-child,
     td:first-child {
-      padding-left: 14px;
+      padding-left: 22px;
     }
 
     th:last-child,
     td:last-child {
-      padding-right: 14px;
+      padding-right: 22px;
+    }
+
+    th.results__rail,
+    td.results__rail {
+      padding-left: 18px;
     }
   }
 }
diff --git a/app/views/reports/show.html.erb b/app/views/reports/show.html.erb
index fd2e44e..8cc602d 100644
--- a/app/views/reports/show.html.erb
+++ b/app/views/reports/show.html.erb
@@ -12,41 +12,43 @@
     <% end %>
   </section>
 
-  <table class="results">
-    <thead>
-      <tr>
-        <th class="results__rail"></th>
-        <th class="results__name">name</th>
-        <% if @report.compare %>
-          <th class="results__slower">slower</th>
-        <% end %>
-        <th class="results__ips">iterations / second</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% @report.entries.each do |part| %>
-        <% fastest = part["name"] == @fastest["name"] %>
-        <tr class="<%= "is-fastest" if fastest %>">
-          <td class="results__rail"></td>
-          <td class="results__name">
-            <span class="results__label"><%= part["name"] %></span>
-            <% if fastest %>
-              <span class="results__tag">fastest</span>
-            <% end %>
-          </td>
+  <div class="results-wrap">
+    <table class="results">
+      <thead>
+        <tr>
+          <th class="results__rail"></th>
+          <th class="results__name">name</th>
           <% if @report.compare %>
-            <td class="results__slower"><%= times_slower @fastest, part %></td>
+            <th class="results__slower">slower</th>
           <% end %>
-          <td class="results__ips">
-            <span class="results__value"><%= format_ips(part["ips"]).strip %></span>
-            <span class="results__dev <%= "is-noisy" if stddev_percentage(part) >= 5 %>">
-              &plusmn; <%= format_stddev(part).strip %>
-            </span>
-          </td>
+          <th class="results__ips">iterations / second</th>
         </tr>
-      <% end %>
-    </tbody>
-  </table>
+      </thead>
+      <tbody>
+        <% @report.entries.each do |part| %>
+          <% fastest = part["name"] == @fastest["name"] %>
+          <tr class="<%= "is-fastest" if fastest %>">
+            <td class="results__rail"></td>
+            <td class="results__name">
+              <span class="results__label"><%= part["name"] %></span>
+              <% if fastest %>
+                <span class="results__tag">fastest</span>
+              <% end %>
+            </td>
+            <% if @report.compare %>
+              <td class="results__slower"><%= times_slower @fastest, part %></td>
+            <% end %>
+            <td class="results__ips">
+              <span class="results__value"><%= format_ips(part["ips"]).strip %></span>
+              <span class="results__dev <%= "is-noisy" if stddev_percentage(part) >= 5 %>">
+                &plusmn; <%= format_stddev(part).strip %>
+              </span>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
 
   <% if @note_high_stddev %>
     <aside class="notice">

From 1f4adeb442a648b6f341dd98d08ada08e7381c49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20V=C3=A1squez?= <juan@ombulabs.com>
Date: Thu, 20 Aug 2026 16:08:29 -0600
Subject: [PATCH 4/6] [OMBU-821] Fix the review findings and drop dead code

Accessibility and correctness, from a critical pass over the redesign:

- Benchmark names are arbitrary strings, and an unescaped pipe added a column to
  the markdown table, breaking the row for anyone who pasted it. markdown_cell
  escapes it.
- The deviation figures and the fastest row's slower cell used #999, which is
  2.85:1 on white and fails WCAG AA at that size. --faint is #6b6b6b, 5.33:1.
- The report page had no heading at all, so the page carrying the content had no
  document outline. "Shared report" is now an h1, and the page sets a title
  naming the fastest entry.
- Noisy entries were marked by colour alone. They now say "high" in text.
- .results-wrap scrolls but could not be reached without a pointer. It takes
  tabindex, role=region, a label, and a visible focus ring.
- The copy hint said "click", which is not what a phone does. It now says
  "Select the block to copy it".
- Dropped the dead `environment =` assignment and the --line-soft token, which
  was visually identical to --line.

Fonts are self-hosted, so no third-party request on first load. Latin subsets
only, and Source Code Pro is variable so one file covers every weight: 48KB for
all three. Declared in fonts.css.erb rather than SCSS so the asset paths do not
depend on the sass engine.

Removes code nothing reached:

  app/assets/javascripts/*      no view loads JS, and the manifest never linked
                                it; the requires named jquery and turbolinks,
                                which are not in the Gemfile
  app/mailers, mailer layouts   no mailer subclasses and nothing sends mail
  app/helpers/application_helper.rb, docs_helper.rb   empty modules
  bin/spring                    spring is not in the Gemfile
  .travis.yml, database.yml.travis   CI runs on GitHub Actions

26 runs, 69 assertions, green on Ruby 4.0.6 for both Gemfiles. Boot and
assets:precompile verified, and the fonts are served from our own origin.
---
 .travis.yml                            |  15 -------------
 app/assets/config/manifest.js          |   1 +
 app/assets/fonts/README.md             |  12 ++++++++++
 app/assets/fonts/oxygen-400.woff2      | Bin 0 -> 10328 bytes
 app/assets/fonts/oxygen-700.woff2      | Bin 0 -> 10268 bytes
 app/assets/fonts/source-code-pro.woff2 | Bin 0 -> 21968 bytes
 app/assets/javascripts/application.js  |  16 -------------
 app/assets/javascripts/docs.coffee     |   3 ---
 app/assets/javascripts/reports.coffee  |   3 ---
 app/assets/stylesheets/application.css |   3 ++-
 app/assets/stylesheets/fonts.css.erb   |  30 +++++++++++++++++++++++++
 app/assets/stylesheets/reports.scss    |  13 +++++++----
 app/helpers/application_helper.rb      |   2 --
 app/helpers/docs_helper.rb             |   2 --
 app/helpers/reports_helper.rb          |  10 +++++++--
 app/mailers/application_mailer.rb      |   4 ----
 app/views/layouts/application.html.erb |   3 ---
 app/views/layouts/mailer.html.erb      |  13 -----------
 app/views/layouts/mailer.text.erb      |   1 -
 app/views/reports/show.html.erb        |  14 +++++++-----
 bin/spring                             |  15 -------------
 config/database.yml.travis             |   4 ----
 test/integration/share_snippet_test.rb |  15 +++++++++++++
 test/integration/show_report_test.rb   |  11 +++++++++
 24 files changed, 96 insertions(+), 94 deletions(-)
 delete mode 100644 .travis.yml
 create mode 100644 app/assets/fonts/README.md
 create mode 100644 app/assets/fonts/oxygen-400.woff2
 create mode 100644 app/assets/fonts/oxygen-700.woff2
 create mode 100644 app/assets/fonts/source-code-pro.woff2
 delete mode 100644 app/assets/javascripts/application.js
 delete mode 100644 app/assets/javascripts/docs.coffee
 delete mode 100644 app/assets/javascripts/reports.coffee
 create mode 100644 app/assets/stylesheets/fonts.css.erb
 delete mode 100644 app/helpers/application_helper.rb
 delete mode 100644 app/helpers/docs_helper.rb
 delete mode 100644 app/mailers/application_mailer.rb
 delete mode 100644 app/views/layouts/mailer.html.erb
 delete mode 100644 app/views/layouts/mailer.text.erb
 delete mode 100755 bin/spring
 delete mode 100644 config/database.yml.travis

diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index d67351e..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,15 +0,0 @@
-sudo: required
-
-services:
-  - docker
-  - postgresql
-
-language: ruby
-
-rvm:
-  - 2.7.1
-
-before_script:
-  - cp config/database.yml.travis config/database.yml
-  - bundle exec rake db:create db:migrate
-
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
index 5918193..1493c37 100644
--- a/app/assets/config/manifest.js
+++ b/app/assets/config/manifest.js
@@ -1,2 +1,3 @@
 //= link_tree ../images
 //= link_directory ../stylesheets .css
+//= link_tree ../fonts
diff --git a/app/assets/fonts/README.md b/app/assets/fonts/README.md
new file mode 100644
index 0000000..f57a406
--- /dev/null
+++ b/app/assets/fonts/README.md
@@ -0,0 +1,12 @@
+Self-hosted so the app makes no third-party request for fonts.
+
+Latin subsets pulled from Google Fonts. Source Code Pro is a variable font, so
+one file covers every weight the app uses.
+
+  oxygen-400.woff2         Oxygen Regular
+  oxygen-700.woff2         Oxygen Bold
+  source-code-pro.woff2    Source Code Pro, variable 200..900
+
+Both families are licensed under the SIL Open Font License 1.1:
+https://fonts.google.com/specimen/Oxygen/license
+https://fonts.google.com/specimen/Source+Code+Pro/license
diff --git a/app/assets/fonts/oxygen-400.woff2 b/app/assets/fonts/oxygen-400.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..45fca4e2a5b34ea9d3ae363e8756583fc683d439
GIT binary patch
literal 10328
zcmV-eD5uwVPew8T0RR9104P`h4gdfE07)bO04M+e0RR9100000000000000000000
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

literal 0
HcmV?d00001

diff --git a/app/assets/fonts/oxygen-700.woff2 b/app/assets/fonts/oxygen-700.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..50d99f60c9372171c98edab243dd44a0db73ada9
GIT binary patch
literal 10268
zcmV+%DC5_6Pew8T0RR9104N*)4gdfE07_&404K!&0RR9100000000000000000000
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

literal 0
HcmV?d00001

diff --git a/app/assets/fonts/source-code-pro.woff2 b/app/assets/fonts/source-code-pro.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..eff3376173448d361b42b4bd1f0f97c0bf96be10
GIT binary patch
literal 21968
zcmV)4K+3;&Pew8T0RR9109DWc6#xJL0HTBd099H50RR9100000000000000000000
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

literal 0
HcmV?d00001

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
deleted file mode 100644
index e07c5a8..0000000
--- a/app/assets/javascripts/application.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// This is a manifest file that'll be compiled into application.js, which will include all the files
-// listed below.
-//
-// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
-// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
-//
-// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-// compiled file.
-//
-// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
-// about supported directives.
-//
-//= require jquery
-//= require jquery_ujs
-//= require turbolinks
-//= require_tree .
diff --git a/app/assets/javascripts/docs.coffee b/app/assets/javascripts/docs.coffee
deleted file mode 100644
index 24f83d1..0000000
--- a/app/assets/javascripts/docs.coffee
+++ /dev/null
@@ -1,3 +0,0 @@
-# Place all the behaviors and hooks related to the matching controller here.
-# All this logic will automatically be available in application.js.
-# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/javascripts/reports.coffee b/app/assets/javascripts/reports.coffee
deleted file mode 100644
index 24f83d1..0000000
--- a/app/assets/javascripts/reports.coffee
+++ /dev/null
@@ -1,3 +0,0 @@
-# Place all the behaviors and hooks related to the matching controller here.
-# All this logic will automatically be available in application.js.
-# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index d8a6188..e2858f3 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -16,7 +16,7 @@
   --surface: #fff;
   --cream: #f1ebe1;
   --line: #dadada;
-  --line-soft: #ddd;
+  --faint: #6b6b6b;
   --green: #00d242;
   --green-pale: #b5e0c3;
   --yellow: #fdca31;
@@ -118,6 +118,7 @@ code {
 /* Shared bits */
 
 .eyebrow {
+  margin: 0;
   font-family: var(--mono);
   font-size: 11px;
   font-weight: 500;
diff --git a/app/assets/stylesheets/fonts.css.erb b/app/assets/stylesheets/fonts.css.erb
new file mode 100644
index 0000000..265e221
--- /dev/null
+++ b/app/assets/stylesheets/fonts.css.erb
@@ -0,0 +1,30 @@
+/*
+ * Self-hosted webfonts, so no third-party request is made on first load.
+ * .css.erb rather than .scss so the asset paths do not depend on the sass
+ * engine, which is on its way out.
+ */
+
+@font-face {
+  font-family: "Oxygen";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("<%= font_path "oxygen-400.woff2" %>") format("woff2");
+}
+
+@font-face {
+  font-family: "Oxygen";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("<%= font_path "oxygen-700.woff2" %>") format("woff2");
+}
+
+/* Variable font: one file serves every weight between 200 and 900. */
+@font-face {
+  font-family: "Source Code Pro";
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: swap;
+  src: url("<%= font_path "source-code-pro.woff2" %>") format("woff2");
+}
diff --git a/app/assets/stylesheets/reports.scss b/app/assets/stylesheets/reports.scss
index a45767d..0309649 100644
--- a/app/assets/stylesheets/reports.scss
+++ b/app/assets/stylesheets/reports.scss
@@ -35,6 +35,11 @@
   overflow-x: auto;
   border: 1px solid var(--line);
   background: var(--surface);
+
+  &:focus-visible {
+    outline: 2px solid var(--green);
+    outline-offset: 2px;
+  }
 }
 
 .results {
@@ -51,12 +56,12 @@
     color: var(--muted);
     text-align: left;
     padding: 12px 8px;
-    border-bottom: 2px solid var(--line-soft);
+    border-bottom: 2px solid var(--line);
   }
 
   td {
     padding: 12px 8px;
-    border-top: 1px solid var(--line-soft);
+    border-top: 1px solid var(--line);
     vertical-align: middle;
   }
 
@@ -115,7 +120,7 @@
 
   &__dev {
     font-size: 12.5px;
-    color: #999;
+    color: var(--faint);
 
     &.is-noisy {
       color: var(--warn-ink);
@@ -136,7 +141,7 @@
     }
 
     .results__slower {
-      color: #999;
+      color: var(--faint);
     }
   }
 }
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
deleted file mode 100644
index de6be79..0000000
--- a/app/helpers/application_helper.rb
+++ /dev/null
@@ -1,2 +0,0 @@
-module ApplicationHelper
-end
diff --git a/app/helpers/docs_helper.rb b/app/helpers/docs_helper.rb
deleted file mode 100644
index 611f68b..0000000
--- a/app/helpers/docs_helper.rb
+++ /dev/null
@@ -1,2 +0,0 @@
-module DocsHelper
-end
diff --git a/app/helpers/reports_helper.rb b/app/helpers/reports_helper.rb
index 173950d..ec698ab 100644
--- a/app/helpers/reports_helper.rb
+++ b/app/helpers/reports_helper.rb
@@ -18,7 +18,7 @@ def format_ips(value)
   def times_slower(best, cur)
     best_low = best["ips"] - best["stddev"]
     report_high = cur["ips"] + cur["stddev"]
-    overlaps = report_high > best_low 
+    overlaps = report_high > best_low
 
     if overlaps
       return "-"
@@ -47,7 +47,7 @@ def report_markdown(report, fastest, url)
     lines << "| #{columns.map { "---" }.join(" | ")} |"
 
     report.entries.each do |entry|
-      name = entry["name"]
+      name = markdown_cell(entry["name"])
       name = "**#{name}**" if fastest && entry["name"] == fastest["name"]
 
       cells = [name, "#{format_ips(entry["ips"]).strip} \u00b1 #{format_stddev(entry).strip}"]
@@ -63,6 +63,12 @@ def report_markdown(report, fastest, url)
     lines.join("\n")
   end
 
+  # Benchmark names are arbitrary strings. An unescaped pipe would add a column
+  # to the markdown table and break the row for everyone who pastes it.
+  def markdown_cell(value)
+    value.to_s.gsub("|") { "\\|" }
+  end
+
   # "ruby 4.0.6, darwin/arm64" from whichever of those fields the client sent.
   # Older reports predate them entirely, so this can be nil.
   def report_environment(report)
diff --git a/app/mailers/application_mailer.rb b/app/mailers/application_mailer.rb
deleted file mode 100644
index 286b223..0000000
--- a/app/mailers/application_mailer.rb
+++ /dev/null
@@ -1,4 +0,0 @@
-class ApplicationMailer < ActionMailer::Base
-  default from: 'from@example.com'
-  layout 'mailer'
-end
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index cb783ae..b2254cb 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -4,9 +4,6 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title><%= content_for?(:title) ? yield(:title) : "benchmark.fyi" %></title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&family=Source+Code+Pro:wght@300;500;900&display=swap" />
     <%= stylesheet_link_tag "application" %>
     <%= csrf_meta_tags %>
   </head>
diff --git a/app/views/layouts/mailer.html.erb b/app/views/layouts/mailer.html.erb
deleted file mode 100644
index cbd34d2..0000000
--- a/app/views/layouts/mailer.html.erb
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <style>
-      /* Email styles need to be inline */
-    </style>
-  </head>
-
-  <body>
-    <%= yield %>
-  </body>
-</html>
diff --git a/app/views/layouts/mailer.text.erb b/app/views/layouts/mailer.text.erb
deleted file mode 100644
index 37f0bdd..0000000
--- a/app/views/layouts/mailer.text.erb
+++ /dev/null
@@ -1 +0,0 @@
-<%= yield %>
diff --git a/app/views/reports/show.html.erb b/app/views/reports/show.html.erb
index 8cc602d..b0ad0d9 100644
--- a/app/views/reports/show.html.erb
+++ b/app/views/reports/show.html.erb
@@ -1,9 +1,10 @@
 <% report_url = "#{root_url}#{@report.short_id}" %>
+<% content_for :title, "#{@fastest["name"]} and #{pluralize(@report.entries.size - 1, "other")} - benchmark.fyi" %>
 
 <div class="report">
   <section class="report__head">
-    <div class="eyebrow">Shared report</div>
-    <% if (environment = report_environment(@report)) %>
+    <h1 class="eyebrow">Shared report</h1>
+    <% if report_environment(@report) %>
       <ul class="report__meta">
         <% if @report.ruby.present? %><li>ruby <%= @report.ruby %></li><% end %>
         <% if @report.os.present? %><li><%= @report.os %></li><% end %>
@@ -12,7 +13,7 @@
     <% end %>
   </section>
 
-  <div class="results-wrap">
+  <div class="results-wrap" tabindex="0" role="region" aria-label="Benchmark results">
     <table class="results">
       <thead>
         <tr>
@@ -40,8 +41,9 @@
             <% end %>
             <td class="results__ips">
               <span class="results__value"><%= format_ips(part["ips"]).strip %></span>
-              <span class="results__dev <%= "is-noisy" if stddev_percentage(part) >= 5 %>">
-                &plusmn; <%= format_stddev(part).strip %>
+              <% noisy = stddev_percentage(part) >= 5 %>
+              <span class="results__dev <%= "is-noisy" if noisy %>">
+                &plusmn; <%= format_stddev(part).strip %><% if noisy %> high<% end %>
               </span>
             </td>
           </tr>
@@ -70,7 +72,7 @@
     <div class="share__snippet">
       <div class="share__snippet-head">
         <span class="eyebrow">Copy as markdown</span>
-        <span class="share__hint">Click the block to select it all</span>
+        <span class="share__hint">Select the block to copy it</span>
       </div>
       <pre><%= report_markdown(@report, @fastest, report_url) %></pre>
     </div>
diff --git a/bin/spring b/bin/spring
deleted file mode 100755
index 7fe232c..0000000
--- a/bin/spring
+++ /dev/null
@@ -1,15 +0,0 @@
-#!/usr/bin/env ruby
-
-# This file loads spring without using Bundler, in order to be fast.
-# It gets overwritten when you run the `spring binstub` command.
-
-unless defined?(Spring)
-  require 'rubygems'
-  require 'bundler'
-
-  if (match = Bundler.default_lockfile.read.match(/^GEM$.*?^    (?:  )*spring \((.*?)\)$.*?^$/m))
-    Gem.paths = { 'GEM_PATH' => [Bundler.bundle_path.to_s, *Gem.path].uniq.join(Gem.path_separator) }
-    gem 'spring', match[1]
-    require 'spring/binstub'
-  end
-end
diff --git a/config/database.yml.travis b/config/database.yml.travis
deleted file mode 100644
index d507ef0..0000000
--- a/config/database.yml.travis
+++ /dev/null
@@ -1,4 +0,0 @@
-test:
-  adapter: postgresql
-  database: travis_ci_test
-
diff --git a/test/integration/share_snippet_test.rb b/test/integration/share_snippet_test.rb
index 2d5dbd5..1439c58 100644
--- a/test/integration/share_snippet_test.rb
+++ b/test/integration/share_snippet_test.rb
@@ -50,6 +50,21 @@ def entry(name, ips, stddev)
     refute_includes snippet, "slower"
   end
 
+  test "escapes pipes in names so they do not add markdown columns" do
+    report = Report.create! report: [entry("a | b", 500.0, 1.0)]
+
+    get "/#{report.short_id}"
+
+    snippet = css_select(".share__snippet pre").first.text
+
+    assert_includes snippet, "a \\| b"
+
+    # the row must still be two columns wide, not three: an unescaped pipe would
+    # add a cell and break the table for anyone who pastes it
+    row = snippet.lines.find { |l| l.include?("a \\| b") }
+    assert_equal 3, row.scan(/(?<!\\)\|/).size
+  end
+
   test "omits the environment line when the client sent no environment" do
     report = Report.create! report: [entry("only", 500.0, 1.0)]
 
diff --git a/test/integration/show_report_test.rb b/test/integration/show_report_test.rb
index 055f385..ef5fbef 100644
--- a/test/integration/show_report_test.rb
+++ b/test/integration/show_report_test.rb
@@ -22,6 +22,15 @@ def entry(name, ips, stddev)
     assert_select "tr.is-fastest .results__tag", text: "fastest"
   end
 
+  test "gives the page a heading and a scrollable results region" do
+    report = Report.create! report: [entry("only", 500.0, 1.0)]
+
+    get "/#{report.short_id}"
+
+    assert_select "h1"
+    assert_select ".results-wrap[tabindex=?][role=?]", "0", "region"
+  end
+
   test "warns when an entry has a high standard deviation" do
     report = Report.create! report: [entry("noisy", 100.0, 20.0)]
 
@@ -29,6 +38,8 @@ def entry(name, ips, stddev)
 
     assert_equal 200, status
     assert_select ".notice"
+    # the noisy entry is marked in text, not by colour alone
+    assert_select ".results__dev.is-noisy", text: /high/
   end
 
   test "omits the warning when every entry is consistent" do

From a987e5c4dcc9696fb20c358c32b3ca082b1dea5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20V=C3=A1squez?= <juan@ombulabs.com>
Date: Thu, 20 Aug 2026 16:10:59 -0600
Subject: [PATCH 5/6] [OMBU-821] Drop sass-rails for plain CSS

Removes sass-rails, and with it sassc-rails and sassc. sassc-ruby is archived and
libsass is deprecated upstream, so the engine compiling this app's stylesheets
was abandoned even though sass-rails reports as up to date.

Nothing here needed Sass. The two stylesheets used `&__` concatenation, which is
the one nesting feature native CSS cannot express, so they are now flat BEM
selectors. sprockets-rails is declared directly, since sass-rails was the only
thing pulling it in and config/application.rb requires sprockets/railtie.

I previously reported this could not be done because sprockets 4.4 autoloads
sassc regardless. That was wrong: when I tested it, one .scss file was still
present, which is what pulled sassc in. With no .scss left, precompile is clean.

Verified: 26 runs green on both Gemfiles, assets:precompile exits 0, all four
pages render, and the compiled stylesheet still carries the font faces, the
custom properties and all three breakpoints.
---
 Gemfile                             |   2 +-
 Gemfile.lock                        |  13 +-
 Gemfile.next.lock                   |  13 +-
 app/assets/stylesheets/docs.css     |  89 ++++++++++
 app/assets/stylesheets/docs.scss    |  89 ----------
 app/assets/stylesheets/reports.css  | 257 ++++++++++++++++++++++++++++
 app/assets/stylesheets/reports.scss | 254 ---------------------------
 7 files changed, 349 insertions(+), 368 deletions(-)
 create mode 100644 app/assets/stylesheets/docs.css
 delete mode 100644 app/assets/stylesheets/docs.scss
 create mode 100644 app/assets/stylesheets/reports.css
 delete mode 100644 app/assets/stylesheets/reports.scss

diff --git a/Gemfile b/Gemfile
index b8cd5c5..e87f78e 100644
--- a/Gemfile
+++ b/Gemfile
@@ -15,7 +15,7 @@ end
 gem 'pg', '>= 0.18', '< 2.0'
 gem 'rack', '~> 2.2'
 gem 'puma', '~> 8.0'
-gem 'sass-rails'
+gem 'sprockets-rails'
 gem 'ostruct'
 
 group :development do
diff --git a/Gemfile.lock b/Gemfile.lock
index 336165e..58f4632 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -205,16 +205,6 @@ GEM
       tsort
     reline (0.7.0)
       io-console (~> 0.5)
-    sass-rails (6.0.0)
-      sassc-rails (~> 2.1, >= 2.1.1)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
     securerandom (0.4.1)
     sprockets (4.4.0)
       concurrent-ruby (~> 1.1)
@@ -225,7 +215,6 @@ GEM
       activesupport (>= 6.1)
       sprockets (>= 3.0.0)
     thor (1.5.0)
-    tilt (2.9.0)
     timeout (0.6.1)
     tsort (0.2.0)
     tzinfo (2.0.6)
@@ -256,7 +245,7 @@ DEPENDENCIES
   puma (~> 8.0)
   rack (~> 2.2)
   rails (~> 7.1.0)
-  sass-rails
+  sprockets-rails
   tzinfo-data
   web-console (>= 3.3.0)
 
diff --git a/Gemfile.next.lock b/Gemfile.next.lock
index e531565..ca0acf2 100644
--- a/Gemfile.next.lock
+++ b/Gemfile.next.lock
@@ -198,16 +198,6 @@ GEM
       tsort
     reline (0.7.0)
       io-console (~> 0.5)
-    sass-rails (6.0.0)
-      sassc-rails (~> 2.1, >= 2.1.1)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
     securerandom (0.4.1)
     sprockets (4.4.0)
       concurrent-ruby (~> 1.1)
@@ -218,7 +208,6 @@ GEM
       activesupport (>= 6.1)
       sprockets (>= 3.0.0)
     thor (1.5.0)
-    tilt (2.9.0)
     timeout (0.6.1)
     tsort (0.2.0)
     tzinfo (2.0.6)
@@ -250,7 +239,7 @@ DEPENDENCIES
   puma (~> 8.0)
   rack (~> 2.2)
   rails (~> 7.2.0)
-  sass-rails
+  sprockets-rails
   tzinfo-data
   web-console (>= 3.3.0)
 
diff --git a/app/assets/stylesheets/docs.css b/app/assets/stylesheets/docs.css
new file mode 100644
index 0000000..ebd0b86
--- /dev/null
+++ b/app/assets/stylesheets/docs.css
@@ -0,0 +1,89 @@
+/* Home page: hero, usage block, and the FAQ list. Flat selectors, no nesting. */
+
+.docs {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
+
+.docs__hero {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  max-width: 62ch;
+}
+
+.docs__hero h1 {
+  margin: 0;
+  font-weight: 700;
+  font-size: 1.75rem;
+  line-height: 1.08;
+  letter-spacing: 1.18px;
+}
+
+.docs__hero p {
+  margin: 0;
+  font-size: 18px;
+  line-height: 1.55;
+  color: var(--muted);
+}
+
+.docs__usage {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-width: 74ch;
+}
+
+.docs__note {
+  margin: 0;
+  font-size: 14.5px;
+  color: var(--muted);
+}
+
+.docs__faq {
+  display: flex;
+  flex-direction: column;
+  border-top: 1px solid var(--line);
+  max-width: 78ch;
+}
+
+.docs__faq-item {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 8px;
+  padding: 22px 0;
+  border-bottom: 1px solid var(--line);
+}
+
+.docs__faq-item h2 {
+  margin: 0;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 1.35;
+  letter-spacing: normal;
+}
+
+.docs__faq-item p {
+  margin: 0;
+  font-size: 16px;
+  line-height: 1.55;
+  color: var(--muted);
+}
+
+/* Wider screens opt into the two-column FAQ and the larger heading. */
+
+@media screen and (min-width: 40em) {
+  .docs {
+    gap: 44px;
+  }
+
+  .docs__hero h1 {
+    font-size: 2.1rem;
+  }
+
+  .docs__faq-item {
+    grid-template-columns: 240px 1fr;
+    gap: 28px;
+  }
+}
diff --git a/app/assets/stylesheets/docs.scss b/app/assets/stylesheets/docs.scss
deleted file mode 100644
index 47fe8a0..0000000
--- a/app/assets/stylesheets/docs.scss
+++ /dev/null
@@ -1,89 +0,0 @@
-// Home page: hero, usage block, and the FAQ list.
-
-.docs {
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-
-  &__hero {
-    display: flex;
-    flex-direction: column;
-    gap: 18px;
-    max-width: 62ch;
-
-    h1 {
-      margin: 0;
-      font-weight: 700;
-      font-size: 1.75rem;
-      line-height: 1.08;
-      letter-spacing: 1.18px;
-    }
-
-    p {
-      margin: 0;
-      font-size: 18px;
-      line-height: 1.55;
-      color: var(--muted);
-    }
-  }
-
-  &__usage {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    max-width: 74ch;
-  }
-
-  &__note {
-    margin: 0;
-    font-size: 14.5px;
-    color: var(--muted);
-  }
-
-  &__faq {
-    display: flex;
-    flex-direction: column;
-    border-top: 1px solid var(--line);
-    max-width: 78ch;
-  }
-
-  &__faq-item {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 8px;
-    padding: 22px 0;
-    border-bottom: 1px solid var(--line);
-
-    h2 {
-      margin: 0;
-      font-weight: 700;
-      font-size: 16px;
-      line-height: 1.35;
-      letter-spacing: normal;
-    }
-
-    p {
-      margin: 0;
-      font-size: 16px;
-      line-height: 1.55;
-      color: var(--muted);
-    }
-  }
-}
-
-// Wider screens opt into the two-column FAQ and the larger heading.
-
-@media screen and (min-width: 40em) {
-  .docs {
-    gap: 44px;
-
-    &__hero h1 {
-      font-size: 2.1rem;
-    }
-
-    &__faq-item {
-      grid-template-columns: 240px 1fr;
-      gap: 28px;
-    }
-  }
-}
diff --git a/app/assets/stylesheets/reports.css b/app/assets/stylesheets/reports.css
new file mode 100644
index 0000000..68b1153
--- /dev/null
+++ b/app/assets/stylesheets/reports.css
@@ -0,0 +1,257 @@
+/* Report page: the results table, the deviation notice, and the share block. */
+
+.report {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.report__head {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.report__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.report__meta li {
+  font-family: var(--mono);
+  font-size: 12.5px;
+  padding: 7px 12px;
+  background: var(--cream);
+  color: var(--muted);
+}
+
+/* The numeric columns do not wrap, so the table gets its own horizontal scroll
+   rather than pushing the page wide. */
+
+.results-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--line);
+  background: var(--surface);
+}
+
+.results-wrap:focus-visible {
+  outline: 2px solid var(--green);
+  outline-offset: 2px;
+}
+
+.results {
+  width: 100%;
+  border-collapse: collapse;
+  background: var(--surface);
+}
+
+.results th {
+  font-family: var(--mono);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 1.2px;
+  text-transform: uppercase;
+  color: var(--muted);
+  text-align: left;
+  padding: 12px 8px;
+  border-bottom: 2px solid var(--line);
+}
+
+.results td {
+  padding: 12px 8px;
+  border-top: 1px solid var(--line);
+  vertical-align: middle;
+}
+
+.results th:first-child,
+.results td:first-child {
+  padding-left: 14px;
+}
+
+.results th:last-child,
+.results td:last-child {
+  padding-right: 14px;
+}
+
+.results th.results__rail,
+.results td.results__rail {
+  width: 4px;
+  padding-left: 12px;
+  padding-right: 0;
+}
+
+.results__slower,
+.results__ips {
+  text-align: right;
+  font-family: var(--mono);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.results__slower {
+  font-size: 14px;
+}
+
+.results__name {
+  min-width: 0;
+}
+
+.results__label {
+  font-family: var(--mono);
+  font-size: 15px;
+  font-weight: 300;
+}
+
+.results__tag {
+  font-family: var(--mono);
+  font-size: 10px;
+  font-weight: 500;
+  letter-spacing: 1.2px;
+  text-transform: uppercase;
+  color: var(--ink);
+  background: var(--green-pale);
+  padding: 3px 6px;
+  margin-left: 8px;
+  white-space: nowrap;
+}
+
+.results__value {
+  font-size: 16px;
+  font-weight: 300;
+}
+
+.results__dev {
+  font-size: 12.5px;
+  color: var(--faint);
+}
+
+.results__dev.is-noisy {
+  color: var(--warn-ink);
+}
+
+.results tr.is-fastest {
+  background: #f8fdf9;
+}
+
+.results tr.is-fastest td.results__rail {
+  background: var(--green);
+  background-clip: content-box;
+}
+
+.results tr.is-fastest .results__label,
+.results tr.is-fastest .results__value {
+  font-weight: 900;
+}
+
+.results tr.is-fastest .results__slower {
+  color: var(--faint);
+}
+
+.notice {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding: 18px 22px;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  border-left: 4px solid var(--yellow);
+}
+
+.notice p {
+  margin: 0;
+  font-size: 15.5px;
+  line-height: 1.5;
+  color: var(--muted);
+  max-width: 66ch;
+}
+
+.share {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.share__link {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 18px;
+}
+
+.share__url {
+  font-family: var(--mono);
+  font-size: 13.5px;
+  padding: 14px 16px;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  user-select: all;
+  word-break: break-all;
+}
+
+.share__hint {
+  font-size: 13.5px;
+  color: var(--muted);
+}
+
+.share__snippet {
+  background: var(--surface);
+  border: 1px solid var(--line);
+}
+
+.share__snippet-head {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  background: var(--page);
+  border-bottom: 1px solid var(--line);
+}
+
+.share__snippet pre {
+  margin: 0;
+  padding: 18px 16px;
+  background: var(--ink);
+  color: var(--page);
+  font-family: var(--mono);
+  font-size: 13.5px;
+  line-height: 1.8;
+  overflow-x: auto;
+  user-select: all;
+}
+
+/* Wider screens opt into roomier cells. */
+
+@media screen and (min-width: 40em) {
+  .report {
+    gap: 30px;
+  }
+
+  .results th {
+    padding: 15px 10px;
+  }
+
+  .results td {
+    padding: 16px 10px;
+  }
+
+  .results th:first-child,
+  .results td:first-child {
+    padding-left: 22px;
+  }
+
+  .results th:last-child,
+  .results td:last-child {
+    padding-right: 22px;
+  }
+
+  .results th.results__rail,
+  .results td.results__rail {
+    padding-left: 18px;
+  }
+}
diff --git a/app/assets/stylesheets/reports.scss b/app/assets/stylesheets/reports.scss
deleted file mode 100644
index 0309649..0000000
--- a/app/assets/stylesheets/reports.scss
+++ /dev/null
@@ -1,254 +0,0 @@
-// Report page: the results table, the deviation notice, and the share block.
-
-.report {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-
-  &__head {
-    display: flex;
-    flex-direction: column;
-    gap: 14px;
-  }
-
-  &__meta {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-
-    li {
-      font-family: var(--mono);
-      font-size: 12.5px;
-      padding: 7px 12px;
-      background: var(--cream);
-      color: var(--muted);
-    }
-  }
-}
-
-// The numeric columns do not wrap, so the table gets its own horizontal scroll
-// rather than pushing the page wide.
-.results-wrap {
-  overflow-x: auto;
-  border: 1px solid var(--line);
-  background: var(--surface);
-
-  &:focus-visible {
-    outline: 2px solid var(--green);
-    outline-offset: 2px;
-  }
-}
-
-.results {
-  width: 100%;
-  border-collapse: collapse;
-  background: var(--surface);
-
-  th {
-    font-family: var(--mono);
-    font-size: 11px;
-    font-weight: 500;
-    letter-spacing: 1.2px;
-    text-transform: uppercase;
-    color: var(--muted);
-    text-align: left;
-    padding: 12px 8px;
-    border-bottom: 2px solid var(--line);
-  }
-
-  td {
-    padding: 12px 8px;
-    border-top: 1px solid var(--line);
-    vertical-align: middle;
-  }
-
-  th:first-child,
-  td:first-child {
-    padding-left: 14px;
-  }
-
-  th:last-child,
-  td:last-child {
-    padding-right: 14px;
-  }
-
-  th.results__rail,
-  td.results__rail {
-    width: 4px;
-    padding-left: 12px;
-    padding-right: 0;
-  }
-
-  &__slower,
-  &__ips {
-    text-align: right;
-    font-family: var(--mono);
-    font-variant-numeric: tabular-nums;
-    white-space: nowrap;
-  }
-
-  &__name {
-    min-width: 0;
-  }
-
-  &__label {
-    font-family: var(--mono);
-    font-size: 15px;
-    font-weight: 300;
-  }
-
-  &__tag {
-    font-family: var(--mono);
-    font-size: 10px;
-    font-weight: 500;
-    letter-spacing: 1.2px;
-    text-transform: uppercase;
-    color: var(--ink);
-    background: var(--green-pale);
-    padding: 3px 6px;
-    margin-left: 8px;
-    white-space: nowrap;
-  }
-
-  &__value {
-    font-size: 16px;
-    font-weight: 300;
-  }
-
-  &__dev {
-    font-size: 12.5px;
-    color: var(--faint);
-
-    &.is-noisy {
-      color: var(--warn-ink);
-    }
-  }
-
-  tr.is-fastest {
-    background: #f8fdf9;
-
-    td.results__rail {
-      background: var(--green);
-      background-clip: content-box;
-    }
-
-    .results__label,
-    .results__value {
-      font-weight: 900;
-    }
-
-    .results__slower {
-      color: var(--faint);
-    }
-  }
-}
-
-.notice {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  padding: 18px 22px;
-  background: var(--surface);
-  border: 1px solid var(--line);
-  border-left: 4px solid var(--yellow);
-
-  p {
-    margin: 0;
-    font-size: 15.5px;
-    line-height: 1.5;
-    color: var(--muted);
-    max-width: 66ch;
-  }
-}
-
-.share {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-
-  &__link {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 18px;
-  }
-
-  &__url {
-    font-family: var(--mono);
-    font-size: 13.5px;
-    padding: 14px 16px;
-    background: var(--surface);
-    border: 1px solid var(--line);
-    user-select: all;
-    word-break: break-all;
-  }
-
-  &__hint {
-    font-size: 13.5px;
-    color: var(--muted);
-  }
-
-  &__snippet {
-    background: var(--surface);
-    border: 1px solid var(--line);
-  }
-
-  &__snippet-head {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    align-items: center;
-    gap: 12px;
-    padding: 12px 16px;
-    background: var(--page);
-    border-bottom: 1px solid var(--line);
-  }
-
-  pre {
-    margin: 0;
-    padding: 18px 16px;
-    background: var(--ink);
-    color: var(--page);
-    font-family: var(--mono);
-    font-size: 13.5px;
-    line-height: 1.8;
-    overflow-x: auto;
-    user-select: all;
-  }
-}
-
-// Wider screens opt into roomier cells.
-
-@media screen and (min-width: 40em) {
-  .report {
-    gap: 30px;
-  }
-
-  .results {
-    th {
-      padding: 15px 10px;
-    }
-
-    td {
-      padding: 16px 10px;
-    }
-
-    th:first-child,
-    td:first-child {
-      padding-left: 22px;
-    }
-
-    th:last-child,
-    td:last-child {
-      padding-right: 22px;
-    }
-
-    th.results__rail,
-    td.results__rail {
-      padding-left: 18px;
-    }
-  }
-}

From b5990109d4832ac6ae986d8cd3f6419086740676 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20V=C3=A1squez?= <juan@ombulabs.com>
Date: Thu, 20 Aug 2026 16:17:55 -0600
Subject: [PATCH 6/6] [OMBU-821] Fix the terminal block markup and the page
 title

The usage block was a <pre>, so its lines had to start at column 0 or the
indentation would have reached the rendered page as leading whitespace. Each line
is its own element now, which lets the markup line up with everything around it.
white-space: nowrap rather than pre, so the indentation inside each element is
collapsed and the line still does not wrap.

report_title replaces the inline interpolation, which produced "nokogiri parse
and 0 others" for a single-entry report. One entry now titles as just the name.
---
 app/assets/stylesheets/application.css | 18 ++++++++++++------
 app/helpers/reports_helper.rb          | 10 ++++++++++
 app/views/docs/index.html.erb          |  7 +++----
 app/views/reports/show.html.erb        |  2 +-
 test/integration/show_report_test.rb   | 10 ++++++++++
 5 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index e2858f3..5ff2143 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -127,26 +127,32 @@ code {
   color: var(--muted);
 }
 
+/* Lines are separate elements rather than one <pre>, so the markup can be
+   indented normally without leading whitespace reaching the page. */
+
 .terminal {
+  display: flex;
+  flex-direction: column;
   background: var(--ink);
   padding: 22px 24px;
   overflow-x: auto;
 }
 
-.terminal pre {
-  margin: 0;
+.terminal__line {
   font-family: var(--mono);
   font-size: 14px;
   line-height: 1.85;
   color: var(--page);
+  white-space: nowrap;
 }
 
-.terminal .prompt {
-  color: var(--green);
+.terminal__result {
+  margin-top: 1.85em;
+  color: var(--green-pale);
 }
 
-.terminal .result {
-  color: var(--green-pale);
+.terminal .prompt {
+  color: var(--green);
 }
 
 /* Wider screens opt into more generous spacing. Everything above is the
diff --git a/app/helpers/reports_helper.rb b/app/helpers/reports_helper.rb
index ec698ab..d2a59d1 100644
--- a/app/helpers/reports_helper.rb
+++ b/app/helpers/reports_helper.rb
@@ -63,6 +63,16 @@ def report_markdown(report, fastest, url)
     lines.join("\n")
   end
 
+  # "interpolation and 3 others - benchmark.fyi". A single-entry report gets just
+  # the name, since "and 0 others" reads like a bug.
+  def report_title(report, fastest)
+    name = fastest ? fastest["name"] : "Report"
+    others = report.entries.size - 1
+    name = "#{name} and #{pluralize(others, "other")}" if others.positive?
+
+    "#{name} - benchmark.fyi"
+  end
+
   # Benchmark names are arbitrary strings. An unescaped pipe would add a column
   # to the markdown table and break the row for everyone who pastes it.
   def markdown_cell(value)
diff --git a/app/views/docs/index.html.erb b/app/views/docs/index.html.erb
index abc4034..6b9bbee 100644
--- a/app/views/docs/index.html.erb
+++ b/app/views/docs/index.html.erb
@@ -11,10 +11,9 @@
   <section class="docs__usage">
     <div class="eyebrow">How to use it</div>
     <div class="terminal">
-<pre><span class="prompt">$</span> gem install benchmark-ips
-<span class="prompt">$</span> SHARE=1 ruby my_benchmark.rb
-
-<span class="result">Shared at: https://ips.fastruby.io/2Bq</span></pre>
+      <div class="terminal__line"><span class="prompt">$</span> gem install benchmark-ips</div>
+      <div class="terminal__line"><span class="prompt">$</span> SHARE=1 ruby my_benchmark.rb</div>
+      <div class="terminal__line terminal__result">Shared at: https://ips.fastruby.io/2Bq</div>
     </div>
     <p class="docs__note">
       Requires benchmark-ips 2.6.0 or greater. Add <code>x.compare!</code> to your
diff --git a/app/views/reports/show.html.erb b/app/views/reports/show.html.erb
index b0ad0d9..dc8beae 100644
--- a/app/views/reports/show.html.erb
+++ b/app/views/reports/show.html.erb
@@ -1,5 +1,5 @@
 <% report_url = "#{root_url}#{@report.short_id}" %>
-<% content_for :title, "#{@fastest["name"]} and #{pluralize(@report.entries.size - 1, "other")} - benchmark.fyi" %>
+<% content_for :title, report_title(@report, @fastest) %>
 
 <div class="report">
   <section class="report__head">
diff --git a/test/integration/show_report_test.rb b/test/integration/show_report_test.rb
index ef5fbef..e9524c9 100644
--- a/test/integration/show_report_test.rb
+++ b/test/integration/show_report_test.rb
@@ -31,6 +31,16 @@ def entry(name, ips, stddev)
     assert_select ".results-wrap[tabindex=?][role=?]", "0", "region"
   end
 
+  test "titles the page after the fastest entry" do
+    many = Report.create! report: [entry("fast", 500.0, 1.0), entry("slow", 100.0, 1.0)]
+    get "/#{many.short_id}"
+    assert_select "title", text: "fast and 1 other - benchmark.fyi"
+
+    one = Report.create! report: [entry("solo", 500.0, 1.0)]
+    get "/#{one.short_id}"
+    assert_select "title", text: "solo - benchmark.fyi"
+  end
+
   test "warns when an entry has a high standard deviation" do
     report = Report.create! report: [entry("noisy", 100.0, 20.0)]