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 @@
+
+
+
+
+
+
+ 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