rays/ipx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

Home page: each feature beside the part of the app that shows it (#216)

Browse Source 
The whole-window screenshot is cut into the parts that show each feature: the feed list, the
episode table with its Files pane, the player, the phone, and the directory's most subscribed,
each in the dial's navy frame at no more than its own size. On a phone the wide ones show their
left part, larger. Features with nothing to show sit in a short list below.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Ray Slakinski
2026-10-12 18:06:49 +00:00
parent 8d5a86d02a
commit 0045396efd
7 changed files with 68 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
site/index.html
View File

@@ -54,41 +54,61 @@
<figcaption>Some of what people listen to and read on iPX servers today.</figcaption>
</figure>
<!-- The window in a navy panel, the dial's material, shown near its own size so its text can
be read. -->
<section class="shots" aria-labelledby="shots">
<h2 id="shots">In the browser</h2>
<p class="shotlede">Everyone signs in to a list of their own: feeds down the side, episodes in a table with each one's notes below, and the player along the bottom, as iPodderX laid them out.</p>
<figure class="window">
<img src="/shots/desktop.webp" width="2400" height="1500" 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.">
</figure>
</section>
<section class="pocket" aria-labelledby="phone">
<img src="/shots/phone.webp" width="600" height="1298" loading="lazy"
alt="iPX on a phone: Ologies with Alie Ward and its latest episodes.">
<div>
<h2 id="phone">On your phone</h2>
<p>Add it to your home screen and it opens like an app, with the same lists and the same place in each episode as on your computer.</p>
</div>
</section>
<!-- Each feature beside the part of the app that shows it, cut from a scratch iPX on public
podcasts, in a navy frame like the dial's. -->
<section class="does" aria-labelledby="does">
<h2 id="does">What it does</h2>
<dl>
<div><dt>Everyone gets their own list</dt>
<dd>Each person subscribes, reads and listens at their own pace, and picks up where they left off on any device. However many of you want an episode, there is one copy on disk.</dd></div>
<div><dt>It does the fetching</dt>
<dd>Feeds are checked on a schedule and new episodes download on their own, filtered by keyword, media type or explicit content. Old files are cleared to stay within the disk space you give it, never one somebody pinned.</dd></div>
<div class="feature">
<div class="say">
<h3>Everyone gets their own list</h3>
<p>Each person signs in to their own feeds, with their own unread counts, pins and place in every episode. However many of you want an episode, there is one copy on disk.</p>
</div>
<figure class="frame"><img src="/shots/feeds.webp" width="290" height="416" loading="lazy"
alt="The feed list: Directory, Currently Listening and All Subscriptions, then each show with its cover and how many of its episodes are unread."></figure>
</div>
<div class="feature">
<div class="say">
<h3>It does the fetching</h3>
<p>Feeds are checked on a schedule and new episodes download on their own, filtered by keyword, media type or explicit content. Old files are cleared to stay within the disk space you give it, never one somebody pinned.</p>
</div>
<figure class="frame"><img class="cut" src="/shots/episodes.webp" width="904" height="283" loading="lazy"
alt="99% Invisible's episodes in a table with each one's size and date, and the downloaded one's file beside it, ready to play, save, share or delete."></figure>
</div>
<div class="feature wide">
<div class="say">
<h3>Pick up where you left off</h3>
<p>The player keeps your place in every episode, on every device. Turn on DeadAir for a show and it plays without the long silences, leaving the pause you choose.</p>
</div>
<figure class="frame"><img class="cut bar" src="/shots/player.webp" width="1200" height="80" loading="lazy"
alt="The player along the bottom of the page: the episode playing, back and forward, how far in it is, its speed and the volume."></figure>
</div>
<div class="feature phone">
<div class="say">
<h3>On your phone</h3>
<p>Add it to your home screen and it opens like an app, with the same lists and the same place in each episode as on your computer.</p>
</div>
<img src="/shots/phone.webp" width="300" height="649" loading="lazy"
alt="iPX on a phone: Ologies with Alie Ward and its latest episodes.">
</div>
<div class="feature">
<div class="say">
<h3>A shared directory</h3>
<p>iPX servers can share the public shows their people follow. <a href="https://directory.ipxreader.app">Browse the directory</a> to find something new, and subscribe in one click from your own server.</p>
</div>
<figure class="frame"><img class="cut" src="/shots/directory.webp" width="700" height="186" loading="lazy"
alt="The directory's most subscribed shows, each with its cover and how many people subscribe."></figure>
</div>
<dl class="also">
<div><dt>BitTorrent too</dt>
<dd>A show published as a torrent downloads like any other. iPX joins the swarm, seeds back until the ratio or time you set, and gives up on one that stalls. A slow swarm never holds up the rest.</dd></div>
<div><dt>Subscribe to a whole list</dt>
<dd>Give iPX the address of an OPML list and it keeps a folder in step with it, as whoever keeps the list adds and drops shows. Your own subscriptions import and export as OPML too.</dd></div>
<div><dt>DeadAir</dt>
<dd>Turn it on for a show and iPX plays it without its long silences, leaving the pause you choose. The original file stays as it is.</dd></div>
<div><dt>A shared directory</dt>
<dd>iPX servers can share the public shows their people follow. Browse it to find something new, and subscribe in one click from your own server.</dd></div>
<div><dt>Sign in your way</dt>
<dd>Each person signs in with a password, or Cloudflare Access or Authentik signs them in for you. An admin adds people and decides who else is one.</dd></div>
<div><dt>Blogs too</dt>