Add a webring nav box
This commit is contained in:
parent
adc5104498
commit
ca238a5d38
23
_includes/picker.html
Normal file
23
_includes/picker.html
Normal 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>
|
7
index.md
7
index.md
|
@ -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
8
static/picker/arrow.svg
Normal 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
12
static/picker/body.svg
Normal 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 |
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue