Home page: the reader's typeface, screenshots, no source or run sections (#216)

Inter, the same file ipx-web serves, in place of Archivo. Screenshots of a scratch iPX subscribed
to public podcasts (99% Invisible playing; Ologies on a phone), never production's. The Run it
section and the links to the source are out for now.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

site/index.html

@@ -7,7 +7,7 @@
 <meta name="description" content="iPX checks your feeds, downloads new episodes and gives everyone at home their own list, on your own server. The heir to iPodderX, free and open source.">
 <meta name="color-scheme" content="light">
 <link rel="icon" href="/favicon.png">
-<link rel="preload" href="/fonts/archivo.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="stylesheet" href="/site.css">
 </head>
 <body>
@@ -15,7 +15,6 @@
   <a class="home" href="/"><img src="/logo.svg" alt="" width="36" height="36">iPX</a>
   <nav aria-label="Elsewhere">
     <a href="https://directory.ipxreader.app">Directory</a>
-    <a href="https://git.sdf1.net/rays/ipx">Source</a>
   </nav>
 </header>
 
@@ -25,8 +24,7 @@
     <p class="lede">A podcatcher for the whole household, running on your own server.</p>
     <p class="intro">It checks your feeds, downloads new episodes, and gives everyone at home a list of their own to listen from in the browser, all sharing one copy of each file.</p>
     <p class="acts">
-      <a class="btn primary" href="#run">Run it on your server</a>
-      <a class="btn" href="https://directory.ipxreader.app">Browse the directory</a>
+      <a class="btn primary" href="https://directory.ipxreader.app">Browse the directory</a>
     </p>
   </section>
 
@@ -56,6 +54,16 @@
     <figcaption>Some of what people listen to and read on iPX servers today.</figcaption>
   </figure>
 
+  <section class="shots" aria-labelledby="shots">
+    <h2 id="shots">In the browser, and on your phone</h2>
+    <figure class="screens">
+      <img class="desk" src="/shots/desktop.webp" width="2000" height="1250" loading="lazy"
+        alt="iPX in a desktop browser: the feed list down the side, 99% Invisible's episodes in a table, the newest one's notes below it, and the player along the bottom.">
+      <img class="phone" src="/shots/phone.webp" width="600" height="1298" loading="lazy"
+        alt="iPX on a phone: Ologies with Alie Ward and its latest episodes.">
+    </figure>
+  </section>
+
   <section class="does" aria-labelledby="does">
     <h2 id="does">What it does</h2>
     <dl>
@@ -78,22 +86,6 @@
     </dl>
   </section>
 
-  <section class="run" id="run" aria-labelledby="run-h">
-    <h2 id="run-h">Run it</h2>
-    <p>You need a machine that stays on and Docker. These three steps start iPX with everything kept beside it in SQLite.</p>
-    <ol>
-      <li><p>Get the source.</p>
-        <pre><code>git clone https://git.sdf1.net/rays/ipx.git
-cd ipx</code></pre></li>
-      <li><p>Build iPX and its web page.</p>
-        <pre><code>docker build -t ipx .
-docker build -f Dockerfile.web -t ipx-web .</code></pre></li>
-      <li><p>Start them, then open port 8099 on that machine and sign in as <b>admin</b> with the password <b>ipodderx</b>. Change it in Settings straight away.</p>
-        <pre><code>docker compose up -d</code></pre></li>
-    </ol>
-    <p>The <a href="https://git.sdf1.net/rays/ipx#run-it">README</a> covers Postgres, signing in through Cloudflare Access or Authentik, and every setting.</p>
-  </section>
-
   <section class="then" aria-labelledby="then">
     <h2 id="then">Since 2004</h2>
     <p>iPodderX was one of the first podcatchers, a Mac app by Ray Slakinski and August Trometer, from the year podcasts got their name. iPX is its engine rewritten in Rust for a server, with a page modelled on the original window: the feed list down the side, the episodes in a table, the player along the bottom.</p>
@@ -101,7 +93,7 @@ docker build -f Dockerfile.web -t ipx-web .</code></pre></li>
 </main>
 
 <footer>
-  <p>iPX is free and open source under the MIT licence. <a href="https://git.sdf1.net/rays/ipx">Read the source</a> or <a href="https://git.sdf1.net/rays/ipx/issues">report a problem</a>.</p>
+  <p>iPX is free and open source under the MIT licence.</p>
 </footer>
 </body>
 </html>