From 9ff627c29fd9b761be997370fa950da92417b76c Mon Sep 17 00:00:00 2001 From: Casey Rodarmor Date: Fri, 31 Jan 2020 08:20:17 -0800 Subject: [PATCH] Make homepage A E S T H E T I C type: documentation --- docs/index.css | 64 +++++++++++++++++++++++++++++++++++++++++++++++++ docs/index.html | 20 +++++++++++++++- justfile | 4 ++++ 3 files changed, 87 insertions(+), 1 deletion(-) create mode 100644 docs/index.css diff --git a/docs/index.css b/docs/index.css new file mode 100644 index 00000000..6009196d --- /dev/null +++ b/docs/index.css @@ -0,0 +1,64 @@ +:root { + --width-target: calc(100vw / 6); + --height-target: calc(100vh / 3); + --size: min(var(--width-target), var(--height-target)); + --margin-vertical: calc((100vh - var(--size) * 2) / 2); + --margin-horizontal: calc((100vw - var(--size) * 5) / 2); +} + +* { + margin: 0; + padding: 0; +} + +html { + background-color: black; + color: white; + font-family: sans-serif; + font-size: var(--size); + line-height: var(--size); + overflow: hidden; + text-align: center; +} + +a { + color: white; + text-decoration: none; +} + +table { + border-collapse: collapse; + margin-bottom: var(--margin-vertical); + margin-left: var(--margin-horizontal); + margin-right: var(--margin-horizontal); + margin-top: var(--margin-vertical); +} + +td { + border-style: dashed; + border-width: 1px; + height: var(--size); + width: var(--size); +} + +/* intermodal is an isogram */ +#i:after { content:'I'; } +#i:hover:after { content:'私'; } +#n:after { content:'N'; } +#n:hover:after { content:'∅'; } +#t:after { content:'T'; } +#t:hover:after { content:'࿈'; } +#e:after { content:'E'; } +#e:hover:after { content:'Ə'; } +#r:after { content:'R'; } +#r:hover:after { content:'ℜ'; } +#m:after { content:'M'; } +#m:hover:after { content:'☾'; } +#o:after { content:'O'; } +#o:hover:after { content:'ꙮ'; } +#d:after { content:'D'; } +#d:hover:after { content:'↓'; } +#a:after { content:'A'; } +#a:hover:after { content:'א'; } +#l:after { content:'L'; } +#l:hover:after { content:'し'; } diff --git a/docs/index.html b/docs/index.html index 7181170d..9651cb2b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -4,9 +4,27 @@ I N T E R M O D A L + - github + + + + + + + + + + + + + + + + +
+ diff --git a/justfile b/justfile index 28958916..3c57ef79 100644 --- a/justfile +++ b/justfile @@ -64,6 +64,10 @@ publish: publish-check git tag -a {{version}} -m 'Release {{version}}' git push github {{version}} +# open github pages index +open-pages: + open docs/index.html + # retrieve large collection of torrents from the Internet Archive get-torrents: aria2c \