make dat shit bounce make it wiggle

vaughnw128 · Jun 26, 2024 · 33d1d9d · 33d1d9d
1 parent 56317a3
commit 33d1d9d
Show file tree

Hide file tree

Showing 69 changed files with 33 additions and 2 deletions.
diff --git a/content/_index.md b/content/_index.md
@@ -1,8 +1,8 @@
 +++
-title = "Vaughn's Site"
+title = "Vaughn's Zone"
 +++
 
-# Vaughn's Site
+{{ bounce_text(text="Vaughn's") }} {{ bounce_text(text="Zone") }}
 
 Hello and welcome to my site. I've put this together to house some write-ups of my various interests. I hope you enjoy!
 

diff --git a/public/hobbies/brewing/cider/bottled.jpg b/public/hobbies/brewing/cider/bottled.jpg
diff --git a/public/hobbies/brewing/cider/bottles.jpg b/public/hobbies/brewing/cider/bottles.jpg
diff --git a/public/hobbies/brewing/cider/bottling.jpg b/public/hobbies/brewing/cider/bottling.jpg
diff --git a/public/hobbies/brewing/cider/cane.jpg b/public/hobbies/brewing/cider/cane.jpg
diff --git a/public/hobbies/brewing/cider/ferment.jpg b/public/hobbies/brewing/cider/ferment.jpg
diff --git a/public/hobbies/brewing/cider/gravity.jpg b/public/hobbies/brewing/cider/gravity.jpg
diff --git a/public/hobbies/brewing/cider/racking.jpg b/public/hobbies/brewing/cider/racking.jpg
diff --git a/public/hobbies/brewing/cider/sweetcider.jpg b/public/hobbies/brewing/cider/sweetcider.jpg
diff --git a/public/hobbies/brewing/cider/yeast.jpg b/public/hobbies/brewing/cider/yeast.jpg
diff --git a/public/hobbies/making/steel-ring/bendone.jpg b/public/hobbies/making/steel-ring/bendone.jpg
diff --git a/public/hobbies/making/steel-ring/blank.jpg b/public/hobbies/making/steel-ring/blank.jpg
diff --git a/public/hobbies/making/steel-ring/dremel.jpg b/public/hobbies/making/steel-ring/dremel.jpg
diff --git a/public/hobbies/making/steel-ring/drilled.jpg b/public/hobbies/making/steel-ring/drilled.jpg
diff --git a/public/hobbies/making/steel-ring/forge.jpg b/public/hobbies/making/steel-ring/forge.jpg
diff --git a/public/hobbies/making/steel-ring/hot.jpg b/public/hobbies/making/steel-ring/hot.jpg
diff --git a/public/hobbies/making/steel-ring/medone.webp b/public/hobbies/making/steel-ring/medone.webp
diff --git a/public/hobbies/making/steel-ring/medone2.webp b/public/hobbies/making/steel-ring/medone2.webp
diff --git a/public/hobbies/making/steel-ring/ring.jpg b/public/hobbies/making/steel-ring/ring.jpg
diff --git a/public/hobbies/making/steel-ring/setup.jpg b/public/hobbies/making/steel-ring/setup.jpg
diff --git a/public/recipes/carbonara/carbonara.webp b/public/recipes/carbonara/carbonara.webp
diff --git a/public/recipes/carbonara/egg.jpg b/public/recipes/carbonara/egg.jpg
diff --git a/public/recipes/carbonara/egg2.jpg b/public/recipes/carbonara/egg2.jpg
diff --git a/public/recipes/carbonara/mix.jpg b/public/recipes/carbonara/mix.jpg
diff --git a/public/recipes/carbonara/mix2.jpg b/public/recipes/carbonara/mix2.jpg
diff --git a/public/recipes/carbonara/pancetta.jpg b/public/recipes/carbonara/pancetta.jpg
diff --git a/public/recipes/carbonara/pancetta2.jpg b/public/recipes/carbonara/pancetta2.jpg
diff --git a/public/recipes/carbonara/shallot.jpg b/public/recipes/carbonara/shallot.jpg
diff --git a/public/recipes/carbonara/shallot2.jpg b/public/recipes/carbonara/shallot2.jpg
diff --git a/public/recipes/twice-cooked-pork/pan.jpg b/public/recipes/twice-cooked-pork/pan.jpg
diff --git a/public/recipes/twice-cooked-pork/table.jpg b/public/recipes/twice-cooked-pork/table.jpg
diff --git a/public/security/catputer.jpg b/public/security/catputer.jpg
diff --git a/public/security/project-sekai-2022/perfect-match-x-treme/fallguys.png b/public/security/project-sekai-2022/perfect-match-x-treme/fallguys.png
diff --git a/public/security/project-sekai-2022/perfect-match-x-treme/fallguyscode.png b/public/security/project-sekai-2022/perfect-match-x-treme/fallguyscode.png
diff --git a/public/security/project-sekai-2022/perfect-match-x-treme/fallguysflag.png b/public/security/project-sekai-2022/perfect-match-x-treme/fallguysflag.png
diff --git a/public/security/project-sekai-2022/vocaloid-heardle/commented-code.png b/public/security/project-sekai-2022/vocaloid-heardle/commented-code.png
diff --git a/public/security/space-heroes/atox_func.png b/public/security/space-heroes/atox_func.png
diff --git a/public/security/space-heroes/attack_strategies.png b/public/security/space-heroes/attack_strategies.png
diff --git a/public/security/space-heroes/bite_my_a$$.png b/public/security/space-heroes/bite_my_a$$.png
diff --git a/public/security/space-heroes/brute_force_nasa.png b/public/security/space-heroes/brute_force_nasa.png
diff --git a/public/security/space-heroes/collapse_economy.png b/public/security/space-heroes/collapse_economy.png
diff --git a/public/security/space-heroes/cyberchefxor.png b/public/security/space-heroes/cyberchefxor.png
diff --git a/public/security/space-heroes/dolphins1.png b/public/security/space-heroes/dolphins1.png
diff --git a/public/security/space-heroes/dolphins2.png b/public/security/space-heroes/dolphins2.png
diff --git a/public/security/space-heroes/dolphins4.png b/public/security/space-heroes/dolphins4.png
diff --git a/public/security/space-heroes/dolphinsmain.png b/public/security/space-heroes/dolphinsmain.png
diff --git a/public/security/space-heroes/dolphinstreats.png b/public/security/space-heroes/dolphinstreats.png
diff --git a/public/security/space-heroes/dontpanic.gif b/public/security/space-heroes/dontpanic.gif
diff --git a/public/security/space-heroes/fed_login.png b/public/security/space-heroes/fed_login.png
diff --git a/public/security/space-heroes/galactic_fed_console.png b/public/security/space-heroes/galactic_fed_console.png
diff --git a/public/security/space-heroes/groot_flag.png b/public/security/space-heroes/groot_flag.png
diff --git a/public/security/space-heroes/groot_main.png b/public/security/space-heroes/groot_main.png
diff --git a/public/security/space-heroes/groot_password_prompt.png b/public/security/space-heroes/groot_password_prompt.png
diff --git a/public/security/space-heroes/hidden_options.png b/public/security/space-heroes/hidden_options.png
diff --git a/public/security/space-heroes/hitchhikersguidetothegalaxy-dolphin.gif b/public/security/space-heroes/hitchhikersguidetothegalaxy-dolphin.gif
diff --git a/public/security/space-heroes/password_checker.png b/public/security/space-heroes/password_checker.png
diff --git a/public/security/space-heroes/proxyrax.png b/public/security/space-heroes/proxyrax.png
diff --git a/public/security/space-heroes/r_func.png b/public/security/space-heroes/r_func.png
diff --git a/public/security/space-heroes/rsactfswag.png b/public/security/space-heroes/rsactfswag.png
diff --git a/public/security/space-heroes/secret_cookies.png b/public/security/space-heroes/secret_cookies.png
diff --git a/public/security/space-heroes/vigenere_finally.png b/public/security/space-heroes/vigenere_finally.png
diff --git a/public/security/space-heroes/whitespace.png b/public/security/space-heroes/whitespace.png
diff --git a/public/security/space-heroes/whitespace_bytes.png b/public/security/space-heroes/whitespace_bytes.png
diff --git a/public/security/space-heroes/wordle.png b/public/security/space-heroes/wordle.png
diff --git a/public/security/space-heroes/zergrush.png b/public/security/space-heroes/zergrush.png
diff --git a/public/style.css b/public/style.css
diff --git a/sass/style.scss b/sass/style.scss
@@ -114,4 +114,32 @@ ul li:before {
   content: '\2013';
   position: absolute;
   margin-left: -15px;
+}
+
+h1.bouncy {
+  display: inline-block;
+  animation: wave .5s;
+  animation-delay: calc(.05s * var(--i));
+}
+
+@keyframes wave{
+  0%,40%,100% {
+    transform: translateY(0);
+  }
+  20% {
+    transform: translateY(-20px);
+  }
+}
+
+@keyframes wiggle {
+    0% { transform: rotate(0deg); }
+   80% { transform: rotate(0deg); }
+   85% { transform: rotate(10deg); }
+   95% { transform: rotate(-10deg); }
+  100% { transform: rotate(0deg); }
+}
+
+h1.wiggle {
+  display: inline-block;
+  animation: wiggle 1s;
 }
diff --git a/templates/shortcodes/bounce_text.html b/templates/shortcodes/bounce_text.html
@@ -0,0 +1 @@
+{% for letter in text %}<h1 class="bouncy" style="--i:{{ loop.index }}">{{ letter }}</h1>{% endfor %}
diff --git a/templates/shortcodes/wiggle.html b/templates/shortcodes/wiggle.html
@@ -0,0 +1 @@
+<h1 class="wiggle">{{ body }}</h1>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{% for letter in text %}<h1 class="bouncy" style="--i:{{ loop.index }}">{{ letter }}</h1>{% endfor %}