diff --git a/out/legal/shutdown.html b/out/legal/shutdown.html new file mode 100644 index 0000000..80d3e81 --- /dev/null +++ b/out/legal/shutdown.html @@ -0,0 +1,28 @@ + + + + + + + + Hippoz Shutdown Notice + + + + +
+
+ We're in the process of sunsetting hippoz.xyz +
+
+ Learn how to archive existing data + -> +
+
+ Learn why this is happening and how to help + -> +
+
+ + + \ No newline at end of file diff --git a/out/legal/style.css b/out/legal/style.css index 013f1e7..2010625 100644 --- a/out/legal/style.css +++ b/out/legal/style.css @@ -1,14 +1,21 @@ @font-face { font-family: "Manrope"; src: url("Manrope[wght].woff2") format('woff2'); - font-weight: normal; + font-weight: 125 950; + font-stretch: 75% 125%; font-style: normal; } :root { --background: #ffffff; --foreground: #000000; - --accent: #512bd8; + --accent: hsl(268, 65%, 60%); + --brand-0: hsl(228, 65%, 60%); + --brand-1: hsl(208, 65%, 60%); + --brand-2: hsl(188, 65%, 60%); + --brand-3: hsl(158, 65%, 40%); + --brand-4: hsl(138, 65%, 40%); + --brand-5: hsl(118, 65%, 40%); --space-unit: 1em; --space-xxs: calc(0.25 * var(--space-unit)); @@ -81,6 +88,35 @@ a { font-size: var(--h5); } +.accent-card { + display: flex; + align-items: center; + padding: 28px; + margin: 18px; + border-radius: 28px; + background-color: var(--selected-color); + color: var(--background); +} + +.accent-card .title { + font-size: var(--h3); + font-weight: 300; +} + +.accent-card .title-hard { + font-size: var(--h3); + font-weight: 500; +} + +.accent-card .link { + color: var(--background); + text-decoration: none; + font-size: var(--h2); + margin: 0; + margin-left: auto; + font-weight: 600; +} + /* scales */ p { @@ -92,7 +128,9 @@ h2, h3, h4, h5 { - margin: 3rem 0 1.38rem; + margin: 0; + padding: 0; + font-weight: 400; line-height: 1.3; } @@ -119,6 +157,6 @@ h5 { } small, -.text_small { +.text-small { font-size: var(--small); } \ No newline at end of file