diff options
| -rw-r--r-- | .times | 4 | ||||
| -rw-r--r-- | served/things/sitiwera/sitiwera.html | 18 | ||||
| -rw-r--r-- | served/things/things.css | 57 | ||||
| -rw-r--r-- | served/things/things.html | 33 |
4 files changed, 108 insertions, 4 deletions
diff --git a/.times b/.times index b8a9cae..c04dcbc 100644 --- a/.times +++ b/.times @@ -1,8 +1,8 @@ ,1710325922,1710325922,1711506795 .times-ignore,1708577778,1708577778,1711506775 -.times,1710326012,1713080512,1713080500 +.times,1710326012,1713080538,1713080512 readme.md,1708577778,1708577778,1711506775 -.gitignore,1710325679,1713027560,1713027560 +.gitignore,1710325679,1713027560,1713080512 updateTimes.sh,1708577778,1708577778,1713001756 support,1709368202,1709368202,1711506795 support/keeplinks,1708577778,1708577778,1711506795 diff --git a/served/things/sitiwera/sitiwera.html b/served/things/sitiwera/sitiwera.html new file mode 100644 index 0000000..21590cf --- /dev/null +++ b/served/things/sitiwera/sitiwera.html @@ -0,0 +1,18 @@ +--- +template=post +title=Sitiwera +style=/styles/post.css +--- + +It'll be a <b>si</b>ngle <b>ti</b>le <b>we</b>ather <b>ra</b>dar service. Send a +GET request to <code>/{z}/{x}/{y}.png</code> to get the weather for that tile. + +A thinish layer over top OpenStreetMap and RainViewer. Quite honestly just +caching their tiles and compositing them for display. + +<h3>TODO</h3> +<ul style="margin: 0"> + <li>add a live example link over Seattle or the very-northern bit of + Chicagoland and south Milwaukee. both?</li> + <li>Link to the source on our cgit and github</li> +</ul> \ No newline at end of file diff --git a/served/things/things.css b/served/things/things.css new file mode 100644 index 0000000..a97e227 --- /dev/null +++ b/served/things/things.css @@ -0,0 +1,57 @@ +#things { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 0.5rem; + row-gap: 0.5rem; +} + +.profile { + display: inline-block; + border: 1px solid var(--background-dim); + padding: 0.5rem; +} + +@media (max-width: 38rem) { + #things { + display: flex; + flex-direction: column; + } +} + +.profile-heading { + display: grid; + grid-template-columns: min-content 1fr; + column-gap: 0.5rem; +} + +.profile-heading img { + aspect-ratio: 1 / 1; + width: 5rem; + height: 5rem; + + grid-row: 1 / 3; +} + +.profile-heading h2 { + grid-column: 2; + align-self: flex-end; + font-weight: normal; +} + +.profile-heading h2>a { + color: inherit; + text-decoration: underline; + text-decoration-skip-ink: all; + text-decoration-style: dotted; +} + +.profile-heading h3 { + grid-column: 2; + font-style: italic; + font-weight: normal; + text-align: right; +} + +.profile p { + margin: 1rem 0 0 0; +} \ No newline at end of file diff --git a/served/things/things.html b/served/things/things.html index f078245..3ed1dab 100644 --- a/served/things/things.html +++ b/served/things/things.html @@ -2,9 +2,38 @@ template=post title=Things style=/styles/post.css -#Category gif +style=things.css --- living pages for my projects and their various states of dissary. This section is not part of the Atom Feed, but project updates published in -<a href="/words/">words/</a> are. \ No newline at end of file +<a href="/words/">words/</a> are. + +\<i>slowly populating this while I pick up and set down projects of various age.</i> + +[@paragraphs off] + +<section id="things"> + <section id="memoryleak" class="profile" style="background-color: black; color: white"> + <div class="profile-heading"> + <img src="memoryleak/images/ddr2_closest.png" + alt="a broken stick of ddr2 ram. one of the memory chips is cracked and peaking open" /> + <h2><a href="memoryleak/">@memoryleak</a></h2> + <h3>was</h3> + </div> + <p> + An experiment in gradual decay. A virtual machine. A bot on the fediverse. + </p> + </section> + + <section id="sitiwera" class="profile" style="background-color: black; color: white"> + <div class="profile-heading"> + <img src="sitiwera/out.png" alt="" /> + <h2><a href="sitiwera/">sitiwera</a></h2> + <h3>will be</h3> + </div> + <p> + A single tile weather radar service offering static and animated images. + </p> + </section> +</section> \ No newline at end of file |