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/
|
out/gender.max.js: src/
|
||||||
elm make src/Main.elm --optimize --output out/gender.max.js
|
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
|
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
|
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
|
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
|
## Building
|
||||||
|
|
||||||
Install [`elm`][] and [`npx`][] (just used for minification).
|
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>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<script src="gender.min.js"> </script>
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="elm-zone"></div>
|
<div id="elm-zone"></div>
|
||||||
|
|
Loading…
Reference in a new issue