diff --git a/_includes/picker.html b/_includes/picker.html new file mode 100644 index 0000000..ed4e243 --- /dev/null +++ b/_includes/picker.html @@ -0,0 +1,23 @@ +
+ + Previous + + + technomancers.gay index page + + + Next + +
diff --git a/index.md b/index.md index 9ed904f..58fb2cf 100644 --- a/index.md +++ b/index.md @@ -1,6 +1,13 @@ --- layout: landing.liquid --- + +

This site is part of the technomancers.gay webring.

+ +{% include "picker.html" %} + +. . . + ## Who are you??? I'm Emi, a student at [REDACTED] who loves niche communities and the software & diff --git a/static/picker/arrow.svg b/static/picker/arrow.svg new file mode 100644 index 0000000..df2b980 --- /dev/null +++ b/static/picker/arrow.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/static/picker/body.svg b/static/picker/body.svg new file mode 100644 index 0000000..56d674e --- /dev/null +++ b/static/picker/body.svg @@ -0,0 +1,12 @@ + + + + + + + + + technomancers.gay + + + diff --git a/static/style.css b/static/style.css index cc47af6..a056102 100644 --- a/static/style.css +++ b/static/style.css @@ -189,6 +189,28 @@ code { justify-content: space-between; } +.picker { + display: grid; + grid-auto-flow: column; + justify-content: center; +} +.picker-prev { + margin-left: 20px; + margin-right: 0; +} +.picker-prev:hover { + margin-right: 20px; + margin-left: 0; +} +.picker-next { + margin-right: 20px; + margin-left: 0; +} +.picker-next:hover { + margin-left: 20px; + margin-right: 0; +} + /* Color Scheme */ h1, a { color: #AA89FD;