update with new stops
This commit is contained in:
@ -55,3 +55,7 @@ svg {
|
||||
color: var(--color-text);
|
||||
padding-top: .5rem;
|
||||
}
|
||||
|
||||
.stop .spacer {
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
@ -28,6 +28,7 @@ main {
|
||||
margin: 0 auto 2rem;
|
||||
scroll-margin-top: 1.5rem;
|
||||
min-height: 50vh;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
|
||||
@ -42,6 +42,16 @@
|
||||
<h2>California, USA</h2>
|
||||
<img src="/assets/img/one/00.jpg" alt="an open pop-up greeting card. the pop-up is an autumnal tree, and the inside of the card has autumn leaf designs. two small figurines sit on the card to hold it open flat."/>
|
||||
</li>
|
||||
<li class="stop">
|
||||
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg>
|
||||
<h2>Italy</h2>
|
||||
<div class="spacer"></div>
|
||||
</li>
|
||||
<li class="stop">
|
||||
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg>
|
||||
<h2>???</h2>
|
||||
<div class="spacer"></div>
|
||||
</li>
|
||||
</ol>
|
||||
</main>
|
||||
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
<main id="main">
|
||||
<h1>The Travels of <span class="card">Card Two</span></h1>
|
||||
|
||||
<p><span class="card">Card two</span> has 16 total recipients.</p>
|
||||
<p><span class="card">Card two</span> has 16 total recipients. Its journey began in early January, 2026.</p>
|
||||
|
||||
<ol>
|
||||
<li class="stop">
|
||||
@ -42,6 +42,16 @@
|
||||
<h2>Oregon, USA</h2>
|
||||
<img src="/assets/img/two/00.jpg" alt="an open greeting card, blank except for some small writing that reads 'Hello from Oregon, USA! -freddie (#0)"/>
|
||||
</li>
|
||||
<li class="stop">
|
||||
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg>
|
||||
<h2>Sweden</h2>
|
||||
<div class="spacer"></div>
|
||||
</li>
|
||||
<li class="stop">
|
||||
<svg aria-hidden="true" viewBox="0 0 32 32" focusable="false"><circle stroke="none" cx="16" cy="16" r="10"></circle></svg>
|
||||
<h2>???</h2>
|
||||
<div class="spacer"></div>
|
||||
</li>
|
||||
</ol>
|
||||
</main>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user