Pretty the site up a lil
This commit is contained in:
parent
524ba41ef5
commit
93df35b338
7
Makefile
7
Makefile
|
@ -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
|
||||
|
@ -7,4 +7,7 @@ out/gender.min.js: out/gender.max.js
|
|||
npx uglify-js out/gender.max.js --compress 'pure_funcs=[F2,F3,F4,F5,F6,F7,F8,F9,A2,A3,A4,A5,A6,A7,A8,A9],pure_getters,keep_fargs=false,unsafe_comps,unsafe' | npx uglify-js --mangle --output out/gender.min.js
|
||||
|
||||
out/index.html: static/index.html
|
||||
cp static/index.html out/index.html
|
||||
cp static/index.html out/index.html
|
||||
|
||||
out/assets/: static/assets/
|
||||
cp -r static/assets/ out/
|
|
@ -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.
|
||||
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
BIN
static/assets/heart-bg.gif
(Stored with Git LFS)
Normal file
Binary file not shown.
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue