Add the miniquad script locally

Add the ember animation
2021-12-17 22:28:14 -05:00 · 2021-12-17 22:19:50 -05:00
5 changed files with 22 additions and 6 deletions
--- a/.gitattributes
+++ b/.gitattributes
@ -2,3 +2,5 @@
 *.otf filter=lfs diff=lfs merge=lfs -text
 *.woff filter=lfs diff=lfs merge=lfs -text
 *.woff2 filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+static/miniquad.js filter=lfs diff=lfs merge=lfs -text
--- a/_layouts/landing.liquid
+++ b/_layouts/landing.liquid
@ -17,6 +17,12 @@
 	<meta property="og:image:alt"    content="Ember:  vi/vir pronouns, a beautiful affront to order and reason; website: emii.gay/bio" />
 </head>
 <body>
+	<div>
+		<canvas id="glcanvas" tabindex='1'></canvas>
+		<!-- Downloaded from https://not-fl3.github.io/miniquad-samples/gl.js -->
+		<script src="{{ site.base_url }}/static/miniquad.js"></script>
+		<script>load("{{ site.base_url }}/static/glow.wasm");</script>
+	</div>
 	<header>
 		<p>Welcome to</p>
 		<h1>{{ site.title }}</h1>
--- a/static/glow.wasm
+++ b/static/glow.wasm
--- a/static/landing-style.css
+++ b/static/landing-style.css
@ -32,18 +32,24 @@ header {
 	height: 70vh;
 	display: grid;
 	align-content: center;
-	background-color: #280C3F;
 }
 header p {
  margin: 0 20px;
 }
+canvas {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: calc(100vh + 200px);
+	z-index: -1;
+}

 /* Styles for the cards */
 #cards {
 	display: grid;
 	grid-template-columns: repeat(3, max(20vw, 350px));
 	justify-content: space-evenly;
-	background-color: #280C3F;
 	padding: 40px 0;
 }
 .card {
@ -180,10 +186,6 @@ h1, a {
 h2 {
 	color: #F10385;
 }
-main > section {
-	counter-increment: section-number;
-	background-color: rgba(40, 12, 63, calc(1 - var(--section-number) / var(--section-count, 5)));
-}

 svg {
 	fill: currentColor;
--- a/static/miniquad.js
+++ b/static/miniquad.js
Author	SHA1	Message	Date
Ember	f1ddad807c	Add the miniquad script locally	2021-12-17 22:28:14 -05:00
Ember	d1d785b41e	Add the ember animation	2021-12-17 22:19:50 -05:00