From bba89d706a4b4c732ced6d78fc54f034635b6bfc Mon Sep 17 00:00:00 2001 From: futile Date: Thu, 23 Jul 2026 09:33:20 +0100 Subject: [PATCH] home: css cleanup --- home/index.html | 10 ++++----- home/style.css | 47 +++++++++++++++++------------------------ home/terms-privacy.html | 22 +++++++++---------- 3 files changed, 35 insertions(+), 44 deletions(-) diff --git a/home/index.html b/home/index.html index 9e1555c..6bd5574 100644 --- a/home/index.html +++ b/home/index.html @@ -10,15 +10,15 @@ - +
-

hello, and welcome to atom.town. here, you will be at home.

+

hello, and welcome to atom.town. here, you will be at home.

- webmail - git + webmail + git
- terms & privacy + terms & privacy
diff --git a/home/style.css b/home/style.css index 475c1f1..33d3ff9 100644 --- a/home/style.css +++ b/home/style.css @@ -17,32 +17,18 @@ body { padding: 20px; } -* { - font-style: italic; +p, a, li, ul, h2 { color: white; - font-weight: 300; -} - -.heavy { - font-weight: 400; -} - -.heavier { - font-weight: 500; -} - -p, a, li, ul { + font-style: italic; font-size: 20px; @media (max-width: 1024px) { font-size: 40px; } } -.big { - font-size: 24px; - @media (max-width: 1024px) { - font-size: 48px; - } +ul { + list-style-type: "» "; + padding-left: 1em; } /* tailwind lite */ @@ -57,18 +43,28 @@ p, a, li, ul { .mt-4 { margin-top: calc(var(--space) * 4); } +.self-start { align-self: flex-start; } + +.font-light { font-weight: 300; } +.font-normal { font-weight: 400; } +.font-heavy { font-weight: 500; } + .max-w-md { max-width: calc(var(--space) * 160); @media (max-width: 1024px) { max-width: calc(var(--space) * 320); } } - -.self-start { align-self: flex-start; } /* tailwind lite */ +.big { + font-size: 24px; + @media (max-width: 1024px) { + font-size: 48px; + } +} + .pop { - display: inline-block; transform-origin: left center; transition: transform 0.1s ease; } @@ -77,7 +73,7 @@ p, a, li, ul { transform: scale(1.25); } -.img { +.logo { object-fit: contain; align-self: flex-start; max-height: 64px; @@ -85,8 +81,3 @@ p, a, li, ul { max-height: 128px; } } - -ul { - list-style-type: "» "; - padding-left: 1.2em; -} diff --git a/home/terms-privacy.html b/home/terms-privacy.html index c350335..7682f94 100644 --- a/home/terms-privacy.html +++ b/home/terms-privacy.html @@ -10,26 +10,26 @@ - +
-

here you can learn some things

+

here you can learn some things

-

terms

+

terms

    -
  • the fitnessgram pacer test is a multistage aerobic capacity test
    • -
  • that progressively gets more difficult as it continues. the 20 meter pacer test
    • -
  • will begin in 30 seconds. line up at the start. the running speed starts slowly,
    • +
  • the fitnessgram pacer test is a multistage aerobic capacity test
    • +
  • that progressively gets more difficult as it continues. the 20 meter pacer test
    • +
  • will begin in 30 seconds. line up at the start. the running speed starts slowly,
-

privacy

+

privacy

    -
  • but gets faster each minute after you hear this signal *boop*. a single lap should be completed
    • -
  • each time you hear this sound *ding*. remember to run in a straight line, and run as long as possible.
    • -
  • the second time you fail to complete a lap before the sound, your test is over. the test will begin on the word start. on your mark, get ready, start.
    • +
  • but gets faster each minute after you hear this signal *boop*. a single lap should be completed
    • +
  • each time you hear this sound *ding*. remember to run in a straight line, and run as long as possible.
    • +
  • the second time you fail to complete a lap before the sound, your test is over. the test will begin on the word start. on your mark, get ready, start.
- ← back + ← back