we the niiite (#1)

webmural · Jan 12, 2025 · 7c0f824 · 7c0f824
1 parent 2b1e4c8
commit 7c0f824
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 62 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# [index](index.html)
+# [always mural](https://webmural.com/always)
 
 * [HTML](https://webmural.com/html)
 * [CSS](https://webmural.com/css)
diff --git a/_config.yml b/_config.yml
diff --git a/index.css b/index.css
@@ -1,5 +1,5 @@
 html {
-  font-family: sans-serif;
+  font-family: monospace;
   font-size: calc(1em + 1vmin + 2vmax);
 }
 
@@ -11,24 +11,24 @@ body {
 }
 
 article {
-  line-height: 1.5;
+  align-items: center;
+  display: flex;
+  flex-flow: column;
+  line-height: 1.618;
+  min-height: 100vh;
+}
+
+h1 {
+  align-self: flex-start;
 }
 
 menu {
   padding: 0;
   list-style: none;
 }
 
-sup {
-  display: contents;
-  font-size: inherit;
-  font-weight: 500;
-}
-
-sub {
-  display: contents;
-  font-size: inherit;
-  font-weight: 600;
+li {
+  margin-block: 0 3ch;
 }
 
 :focus {

diff --git a/index.html b/index.html
@@ -1,37 +1,26 @@
 <!DOCTYPE html>
 <html lang="en-US" id="index" class="rose">
 <meta charset="utf-8">
-<title>love is online</title>
-<meta name=viewport content="width=device-width, initial-scale=1">
-<meta name=color-scheme content="light">
-<meta name=theme-color content="pink">
-<meta name=description content="love shares">
+
+<title>always mural</title>
+
+<meta name=viewport content="width=device-width">
+<meta name=color-scheme content="dark light">
+<meta name=theme-color content="#fab">
+<meta name=description content="always gradient montage">
 <meta property=twitter:site content=@webmural>
 <link rel="stylesheet" href="rose.css" media=(color)>
 <link rel="stylesheet" href="index.css">
 <link rel="license" href="UNLICENSE.txt">
 <link rel="icon" href="sky.svg">
-<link rel="preconnect" href="https://webmural.dev">
 
 
-<article aria-label="index">
-  <header>
-    <a href="#index"><mark>love</mark></a>
-    <time datetime="2021">is in our <a href="sky.svg">air<wbr>waves</a></time>
-  </header>
-  <menu aria-label="relating">
-    <li><a href="https://webmural.com/143"><sub>143</sub></a>
-    <li><a href="https://webmural.com/lovebug"><sub>love<wbr>bug</sub></a>
-    <li><a href="https://webmural.com/lovefix"><sub>love<wbr>fix</sub></a>
-    <li><a href="https://webmural.com/lovehate"><sub>love<wbr>hate</sub></a>
-    <li><a href="https://webmural.com/lovereal"><sub>love<wbr>real</sub></a>
-    <li><a href="https://webmural.com/rose"><sub>rose</sub></a>
+<article>
+  <h1>
+    <a href="https://webmural.com/a11y">always</a>
+  </h1>
+  <menu>
+    <li><a href="https://webmural.com/reddy">reddy to hold your hand</a>
+    <li><a href="https://webmural.com/lucy">lucy 3po bands</a>
   </menu>
-  <footer>
-    <a rel="license" href="https://webmural.com/license">free</a>
-    <br>
-    <a rel="home" href="https://webmural.com">relatable</a>
-    <br>
-    <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwebmural.com%2Flove&amp;text=love%20@webmural"><sup>tweet</sup></a>
-  </footer>
 </article>
diff --git a/rose.css b/rose.css
@@ -1,31 +1,14 @@
 .rose {
-  --rose: pink;
-  background: var(--rose);
-  color: #111;
+  background-color: plum;
+  background-image: linear-gradient(plum, gainsboro, mediumturquoise, fuchsia, #fab);
+  color: #212;
 }
 
 .rose ::selection {
-  background: #111;
-  color: var(--rose);
+  background: deeppink;
+  color: #101;
 }
 
 .rose :any-link {
   color: indigo;
 }
-
-@media (prefers-contrast: less) {
-  .rose {
-    --rose: lightpink;
-  }
-}
-
-@media (prefers-contrast: more) {
-  .rose {
-    --rose: mistyrose;
-  }
-}
-
-.rose mark {
-  color: var(--rose);
-  background: indigo;
-}