Add a webring nav box

This commit is contained in:
Emi Simpson 2021-11-09 20:16:53 -05:00
parent adc5104498
commit ca238a5d38
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG Key ID: A12F2C2FFDC3D847
5 changed files with 72 additions and 0 deletions

23
_includes/picker.html Normal file
View File

@ -0,0 +1,23 @@
<div class="picker">
<a href="https://technomancers.gay/prev/emii.gay">
<img
class="picker-prev"
src="{{site.base_url}}/static/picker/arrow.svg"
height="50px"
alt="Previous" />
</a>
<a href="https://technomancers.gay/">
<img
src="{{site.base_url}}/static/picker/body.svg"
height="50px"
alt="technomancers.gay index page" />
</a>
<a href="https://technomancers.gay/next/emii.gay">
<img
class="picker-next"
src="{{site.base_url}}/static/picker/arrow.svg"
height="50px"
alt="Next"
style="transform: scaleX(-1)" />
</a>
</div>

View File

@ -1,6 +1,13 @@
---
layout: landing.liquid
---
<p style="text-align: center">This site is part of the technomancers.gay webring.</p>
{% include "picker.html" %}
. . .
## Who are you???
I'm Emi, a student at [REDACTED] who loves niche communities and the software &

8
static/picker/arrow.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="56.08" height="55" version="1.1" viewBox="0 0 14.838 14.552" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-8.4449 -112.65)">
<g transform="matrix(-1 0 0 1 164.02 0)" fill="#ff0379">
<path d="m140.74 112.65 4.2008 7.276-4.2008 7.276h4.2871l4.2008-7.276-4.2008-7.276z"/>
<path d="m147.09 112.65 4.2008 7.276-4.2008 7.276h4.2871l4.2008-7.276-4.2008-7.276z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 412 B

12
static/picker/body.svg Normal file
View File

@ -0,0 +1,12 @@
<svg width="409.71" height="55" version="1.1" viewBox="0 0 108.4 14.552" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-25.98 -112.65)">
<g transform="translate(-3.3496)">
<g fill="#ff0379">
<path transform="matrix(.20405 0 0 .20405 72.967 58.467)" d="m296.81 336.88h-41.175l-20.588-35.659 20.588-35.659h41.175l20.588 35.659z"/>
<path transform="matrix(-.20405 0 0 .20405 94.094 58.467)" d="m296.81 336.88h-41.175l-20.588-35.659 20.588-35.659h41.175l20.588 35.659z"/>
<rect x="33.53" y="112.65" width="100" height="14.552"/>
</g>
<text transform="scale(.98858 1.0116)" x="38.894482" y="121.29585" fill="#000000" font-family="sans-serif" font-size="10.462px" stroke-width=".26156" style="line-height:1.25" xml:space="preserve"><tspan x="38.894482" y="121.29585" font-family="Format_1452" stroke-width=".26156">technomancers.gay</tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 900 B

View File

@ -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;