Pretty the site up a lil

This commit is contained in:
Emi Simpson 2023-05-22 14:33:14 -04:00
parent 524ba41ef5
commit 93df35b338
Signed by: Emi
GPG key ID: A12F2C2FFDC3D847
4 changed files with 32 additions and 3 deletions

View file

@ -1,4 +1,4 @@
all: out/gender.min.js out/index.html
all: out/gender.min.js out/index.html out/assets/
out/gender.max.js: src/
elm make src/Main.elm --optimize --output out/gender.max.js
@ -8,3 +8,6 @@ out/gender.min.js: out/gender.max.js
out/index.html: static/index.html
cp static/index.html out/index.html
out/assets/: static/assets/
cp -r static/assets/ out/

View file

@ -2,8 +2,14 @@
A silly little meme sketch thingy idk
## Sources
The floaty heart background is from [this website](https://web.archive.org/web/20090727233551/http://hk.geocities.com/ironterry_crystal/wifeinfo.html) found via [gifcities.org][]
## Building
Install [`elm`][] and [`npx`][] (just used for minification).
Run `make` in the same directory as this README.
[gifcities.org]: https://gifcities.org/

BIN
static/assets/heart-bg.gif (Stored with Git LFS) Normal file

Binary file not shown.

View file

@ -2,6 +2,23 @@
<html>
<head>
<script src="gender.min.js"> </script>
<style>
body {
position: relative;
background-image: url("assets/heart-bg.gif");
display: grid;
justify-content: center;
align-items: center;
height: 100vh;
font-family: serif;
}
body > div {
background-color: white;
padding: 30px;
position: relative;
width: 500px;
}
</style>
</head>
<body>
<div id="elm-zone"></div>