diff --git a/src/cool-stuff/css-purgatory/waltuh/index.html b/src/cool-stuff/css-purgatory/waltuh/index.html
index c48db16..b8558cc 100644
--- a/src/cool-stuff/css-purgatory/waltuh/index.html
+++ b/src/cool-stuff/css-purgatory/waltuh/index.html
@@ -16,9 +16,9 @@
Description
- Waltuh is a stupid name for a theme.
- Put your theme away.
- It's collaborative too!
+ Waltuh,
+ put your theme away.
+ It's collaborative!
@@ -49,17 +49,17 @@
Heading 1
-
font information
+
Inconsolata wght:400
Heading 2
-
font information
+
Inconsolata wght:300
Heading 3
-
font information
+
Inconsolata wght:200
@@ -79,13 +79,13 @@
Text
-
font information
+
Jost wght:400
Subtext
-
font information
+
Jost wght:400
diff --git a/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss b/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss
index 6dd7f37..9566cc1 100644
--- a/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss
+++ b/src/cool-stuff/css-purgatory/waltuh/scss/waltuh.scss
@@ -254,6 +254,10 @@ footer {
background-position: 6em 0em;
}
}
+@keyframes wipeIn {
+ from { clip-path: inset(0 100% 0 0); }
+ to { clip-path: inset(0 0 0 0); }
+}
.waltuh-gradient {
font-weight: 600;
@@ -265,7 +269,9 @@ footer {
background-size: 30vmin 30vmin;
background-clip: text;
- animation: waltuh-gradient-anim 12s linear infinite;
+ animation: waltuh-gradient-anim 12s linear infinite,
+ wipeIn 0.25s ease-in;
+
}
@keyframes overlay-breathe {