Tune out the noise and All talk, no dead air, each a radio idiom the dial at the top already sets up, written with /brand-naming-strategies. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -56,8 +56,7 @@
|
|||||||
|
|
||||||
<!-- Each feature beside the part of the app that shows it, cut from a scratch iPX on public
|
<!-- 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. -->
|
podcasts, in a navy frame like the dial's. -->
|
||||||
<section class="does" aria-labelledby="does">
|
<section class="does" aria-label="What it does">
|
||||||
<h2 id="does">What it does</h2>
|
|
||||||
|
|
||||||
<div class="feature">
|
<div class="feature">
|
||||||
<div class="say">
|
<div class="say">
|
||||||
@@ -90,8 +89,8 @@
|
|||||||
episode ends sooner. CSS only; the page runs no script of its own. -->
|
episode ends sooner. CSS only; the page runs no script of its own. -->
|
||||||
<div class="feature">
|
<div class="feature">
|
||||||
<div class="say">
|
<div class="say">
|
||||||
<h3>Cut the dead air</h3>
|
<h3>All talk, no dead air</h3>
|
||||||
<p>Turn on DeadAir for a show and its long silences shrink to a short pause, so episodes finish sooner without anyone talking faster. You choose how long a pause to leave.</p>
|
<p>Radio has a name for silence on air: dead air. Turn on DeadAir for a show and its long silences shrink to a pause as short as you like. Everyone still talks at their own pace; the episode just ends sooner.</p>
|
||||||
</div>
|
</div>
|
||||||
<figure class="frame deadair" role="img" aria-label="A waveform whose silent gaps shrink to short pauses, so the episode ends sooner.">
|
<figure class="frame deadair" role="img" aria-label="A waveform whose silent gaps shrink to short pauses, so the episode ends sooner.">
|
||||||
<div class="wave" aria-hidden="true">
|
<div class="wave" aria-hidden="true">
|
||||||
@@ -107,8 +106,8 @@
|
|||||||
|
|
||||||
<div class="feature">
|
<div class="feature">
|
||||||
<div class="say">
|
<div class="say">
|
||||||
<h3>Pick the signal out of the noise</h3>
|
<h3>Tune out the noise</h3>
|
||||||
<p>Make a Signal with the words to listen for, and a sentence saying what you mean if the words are not enough. iPX reads everything your podcasts and blogs bring in and keeps what is about it in a list of its own, so one subject is in one place however many feeds it turns up in. Signals need a key of your own from <a href="https://typesafe.ai">typesafe.ai</a>.</p>
|
<p>Your feeds bring in more than anyone has time for. A Signal listens across all of them for one subject: give it a name, the words to listen for, and a sentence saying what you mean if the words are not enough. What fits lands in a list of its own, starting with the last month, and it keeps listening. Signals need a key of your own from <a href="https://typesafe.ai">typesafe.ai</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
<figure class="frame"><img class="cut" src="/shots/signals.webp" width="874" height="398" loading="lazy"
|
<figure class="frame"><img class="cut" src="/shots/signals.webp" width="874" height="398" loading="lazy"
|
||||||
alt="A Signal called Space, picked out of the noise of eight feeds: episodes and posts about galaxies, Artemis II, Mars and a rocket launch from Hackaday, Universe Today, NASA's Houston We Have a Podcast and Ars Technica."></figure>
|
alt="A Signal called Space, picked out of the noise of eight feeds: episodes and posts about galaxies, Artemis II, Mars and a rocket launch from Hackaday, Universe Today, NASA's Houston We Have a Podcast and Ars Technica."></figure>
|
||||||
|
|||||||
@@ -64,7 +64,7 @@ h1{margin:0;color:var(--navy);font-weight:900;font-size:clamp(6.5rem,24vw,15rem)
|
|||||||
|
|
||||||
h2{margin:0 0 1.5rem;color:var(--navy);font-weight:800;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.1;letter-spacing:-.02em}
|
h2{margin:0 0 1.5rem;color:var(--navy);font-weight:800;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.1;letter-spacing:-.02em}
|
||||||
.does,.then{padding-block:4rem 0}
|
.does,.then{padding-block:4rem 0}
|
||||||
/* Each feature on one row: what it does on the left, beside the part of the app that shows it,
|
/* Each feature on one row: what it does beside the part of the app that shows it,
|
||||||
framed in the dial's navy at no more than its own size. */
|
framed in the dial's navy at no more than its own size. */
|
||||||
.feature{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding-block:2.5rem}
|
.feature{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding-block:2.5rem}
|
||||||
.feature h3{margin:0 0 .5rem;color:var(--navy);font-weight:750;font-size:1.35rem;line-height:1.25}
|
.feature h3{margin:0 0 .5rem;color:var(--navy);font-weight:750;font-size:1.35rem;line-height:1.25}
|
||||||
|
|||||||
Reference in New Issue
Block a user