+
+
hello, and welcome to atom.town. here, you will be at home.
+
diff --git a/home/style.css b/home/style.css
index bfb64cc..ac77048 100644
--- a/home/style.css
+++ b/home/style.css
@@ -1,46 +1,63 @@
+:root {
+ font-family: Inter, sans-serif;
+ font-feature-settings: 'liga' 1, 'calt' 1;
+ @supports (font-variation-settings: normal) {
+ font-family: InterVariable, sans-serif;
+ }
+}
+
body {
height: 100vh;
- background: url("clouds_test.png"), linear-gradient(180deg, hwb(224 30% 0%) 0%, hwb(226 90% 0%) 100%);
+ background: url("assets/clouds.png"), linear-gradient(180deg, hwb(230 20% 0%) 0%, hwb(230 90% 0%) 110%);
background-repeat: no-repeat;
background-size: cover, cover;
padding: 20px;
}
* {
- font-family: Inter, sans-serif;
- color: white
-}
-
-p, a {
- font-size: 20px;
- @media (max-width: 1024px) {
- font-size: 30px
- }
font-style: italic;
-}
-
-p {
+ color: white;
font-weight: 300;
}
-a {
+.heavy {
font-weight: 400;
}
-.flex {
- display: flex;
- width: fit-content;
+.heavier {
+ font-weight: 500;
}
-.flex-col {
- flex-direction: column;
+p, a, li, ul {
+ font-size: 20px;
+ @media (max-width: 1024px) {
+ font-size: 30px;
+ }
}
-:root { --space: 4px }
-.gap-1 { gap: calc(var(--space) * 1); }
+.big {
+ font-size: 24px;
+ @media (max-width: 1024px) {
+ font-size: 36px;
+ }
+}
+
+/* tailwind lite */
+:root { --space: 4px; }
+
+.flex { display: flex; width: fit-content; }
+.flex-col { flex-direction: column; }
+
.gap-2 { gap: calc(var(--space) * 2); }
-.gap-3 { gap: calc(var(--space) * 3); }
.gap-4 { gap: calc(var(--space) * 4); }
+.gap-8 { gap: calc(var(--space) * 8); }
+
+.mt-4 { margin-top: calc(var(--space) * 4); }
+
+.max-w-160 { max-width: calc(var(--space) * 160) }
+
+.self-start { align-self: flex-start; }
+/* tailwind lite */
.pop {
display: inline-block;
@@ -51,3 +68,17 @@ a {
.pop:hover {
transform: scale(1.25);
}
+
+.img {
+ object-fit: contain;
+ align-self: flex-start;
+ max-height: 64px;
+ @media (max-width: 1024px) {
+ max-height: 96px;
+ }
+}
+
+ul {
+ list-style-type: "» ";
+ padding-left: 1.2em;
+}
diff --git a/home/terms-privacy.html b/home/terms-privacy.html
new file mode 100644
index 0000000..b723183
--- /dev/null
+++ b/home/terms-privacy.html
@@ -0,0 +1,34 @@
+
+
+
+
+
atom.town
+
+
+
+
+
+
+
+
+
here you can learn some things
+
+
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,
+
+
+
+
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.
+
+
+
← back
+
+
+