From 7c0f82469b6a558ab6ccecdd1b9ed30870a6ce5f Mon Sep 17 00:00:00 2001 From: deepskyblue Date: Sat, 11 Jan 2025 21:07:43 -0600 Subject: [PATCH] we the niiite (#1) --- README.md | 2 +- _config.yml | 2 -- index.css | 24 ++++++++++++------------ index.html | 39 ++++++++++++++------------------------- rose.css | 27 +++++---------------------- 5 files changed, 32 insertions(+), 62 deletions(-) delete mode 100644 _config.yml diff --git a/README.md b/README.md index 80ae39f..d650bb8 100644 --- 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 deleted file mode 100644 index 3ee9ad1..0000000 --- a/_config.yml +++ /dev/null @@ -1,2 +0,0 @@ -plugins: - - jekyll-sitemap diff --git a/index.css b/index.css index 4bffd1a..cfc3ba0 100644 --- 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,7 +11,15 @@ 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 { @@ -19,16 +27,8 @@ menu { 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 index 4bcacf3..8aa4576 100644 --- a/index.html +++ b/index.html @@ -1,37 +1,26 @@ -love is online - - - - + +always mural + + + + + - -
-
- love - -
- -
  • 143 -
  • lovebug -
  • lovefix -
  • lovehate -
  • lovereal -
  • rose + diff --git a/rose.css b/rose.css index 483bddc..acd4514 100644 --- 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; -}