update with new stops
This commit is contained in:
@ -55,3 +55,7 @@ svg {
|
|||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
padding-top: .5rem;
|
padding-top: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.stop .spacer {
|
||||||
|
height: 1rem;
|
||||||
|
}
|
||||||
|
|||||||
@ -28,6 +28,7 @@ main {
|
|||||||
margin: 0 auto 2rem;
|
margin: 0 auto 2rem;
|
||||||
scroll-margin-top: 1.5rem;
|
scroll-margin-top: 1.5rem;
|
||||||
min-height: 50vh;
|
min-height: 50vh;
|
||||||
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
@media (max-width: 650px) {
|
||||||
|
|||||||
@ -42,6 +42,16 @@
|
|||||||
<h2>California, USA</h2>
|
<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."/>
|
<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>
|
||||||
|
<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>
|
</ol>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
@ -34,7 +34,7 @@
|
|||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>The Travels of <span class="card">Card Two</span></h1>
|
<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>
|
<ol>
|
||||||
<li class="stop">
|
<li class="stop">
|
||||||
@ -42,6 +42,16 @@
|
|||||||
<h2>Oregon, USA</h2>
|
<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)"/>
|
<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>
|
||||||
|
<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>
|
</ol>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user