Add webring to homepage

This commit is contained in:
Hexaitos 2024-11-03 13:12:39 +01:00
parent 1cccfe184f
commit 64cbf28fd8
5 changed files with 111 additions and 9 deletions

View File

@ -38,6 +38,16 @@
<p>This website is still very much a work-in-progress and it was last updated: {{ 'now' | date: "%-d %B %Y"}}. I also have a <a href="blog.html">blog</a> where I will be posting things mostly about computers, games and birds (<i>whodve thunk?</i>).</p>
<p>You can also find me on <a href="https://bateleur.org">bateleur.org</a>. At the moment, it is simply a mirror of hexaitos.com but hosted entirely at home. Additionally, you can find me on Gemini as well. Just go to <a href="gemini://terathopius.com">gemini://terathopius.com</a> or to <a href="https://terathopius.com">https://terathopius.com</a> for an HTTPS proxy of my Gemini capsule. I also have my own Gitea instance over on <a href="https://git.bateleur.org">git.bateleur.org</a>.</p>
<h2>Webrings</h2>
<div class="webring">
<span>Fediring</span>
<div class="webring-btn-container">
<a class="webring-btn" href="https://fediring.net/previous?host=hexaitos.com"></a>
<a class="webring-btn" href="https://fediring.net/random"></a>
<a class="webring-btn" href="https://fediring.net/next?host=hexaitos.com"></a>
</div>
</div>
</div>
<footer>

View File

@ -180,7 +180,7 @@ div.menu {
margin-top: .5em;
}
.menu a:hover, .contact a:hover {
.menu a:hover, .contact a:hover, a.webring-btn:hover {
background-color: var(--btn-hov);
}
@ -212,6 +212,41 @@ div.contact {
min-width: 94%;
} */
a.webring-btn {
color: white;
text-decoration: none;
padding: .5em .5em;
margin-right: 0.5em;
margin-left: 0.5em;
min-width: 75px;
text-align: center;
background-color: var(--btn-col);
display: inline-block;
font-size: medium;
border-radius: 10px;
}
div.webring-btn-container {
}
div.webring {
border-top: 2px solid var(--btn-hov);
border-bottom: 2px solid var(--btn-hov);
text-align: right;
display: flex;
align-items: center;
height: 50px;
justify-content: space-between;
margin-top: 5px;
}
.webring span {
float: left;
padding: auto 0;
}
footer {
/* background: #ae4e26; */
background: var(--foot-bg);
@ -324,6 +359,12 @@ div.desc {
display: inherit;
justify-content: inherit
}
a.webring-btn {
min-width: 40px;
margin-right: 0.2em;
margin-left: 0.2em;
}
}
.clearfix:after {

View File

@ -41,9 +41,19 @@
<p>If you want to get in touch, look at the <a href="contact.html">contact</a> page! You can find me on plenty of websites or just send me an email I am always happy to talk to new people! I dont usually bite. Unless you want me to >:3</p>
<p>This website is still very much a work-in-progress and it was last updated: 2 November 2024. I also have a <a href="blog.html">blog</a> where I will be posting things mostly about computers, games and birds (<i>whodve thunk?</i>).</p>
<p>This website is still very much a work-in-progress and it was last updated: 3 November 2024. I also have a <a href="blog.html">blog</a> where I will be posting things mostly about computers, games and birds (<i>whodve thunk?</i>).</p>
<p>You can also find me on <a href="https://bateleur.org">bateleur.org</a>. At the moment, it is simply a mirror of hexaitos.com but hosted entirely at home. Additionally, you can find me on Gemini as well. Just go to <a href="gemini://terathopius.com">gemini://terathopius.com</a> or to <a href="https://terathopius.com">https://terathopius.com</a> for an HTTPS proxy of my Gemini capsule. I also have my own Gitea instance over on <a href="https://git.bateleur.org">git.bateleur.org</a>.</p>
<h2>Webrings</h2>
<div class="webring">
<span>Fediring</span>
<div class="webring-btn-container">
<a class="webring-btn" href="https://fediring.net/previous?host=hexaitos.com"></a>
<a class="webring-btn" href="https://fediring.net/random"></a>
<a class="webring-btn" href="https://fediring.net/next?host=hexaitos.com"></a>
</div>
</div>
</div>
<footer>

View File

@ -4,7 +4,7 @@
<url>
<loc>https://hexaitos.com/art.html</loc>
<lastmod>2024-11-02T19:13:43+01:00</lastmod>
<lastmod>2024-11-03T13:11:26+01:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.3</priority>
@ -13,7 +13,7 @@
<url>
<loc>https://hexaitos.com/blog.html</loc>
<lastmod>2024-11-02T19:13:43+01:00</lastmod>
<lastmod>2024-11-03T13:11:26+01:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.3</priority>
@ -22,7 +22,7 @@
<url>
<loc>https://hexaitos.com/contact.html</loc>
<lastmod>2024-11-02T19:13:43+01:00</lastmod>
<lastmod>2024-11-03T13:11:26+01:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.3</priority>
@ -31,7 +31,7 @@
<url>
<loc>https://hexaitos.com/</loc>
<lastmod>2024-11-02T19:13:43+01:00</lastmod>
<lastmod>2024-11-03T13:11:26+01:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.3</priority>
@ -40,7 +40,7 @@
<url>
<loc>https://hexaitos.com/refsheet.html</loc>
<lastmod>2024-11-02T19:13:43+01:00</lastmod>
<lastmod>2024-11-03T13:11:26+01:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.3</priority>
@ -49,7 +49,7 @@
<url>
<loc>https://hexaitos.com/sitemap.xml</loc>
<lastmod>2024-11-02T19:13:43+01:00</lastmod>
<lastmod>2024-11-03T13:11:26+01:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.3</priority>

View File

@ -180,7 +180,7 @@ div.menu {
margin-top: .5em;
}
.menu a:hover, .contact a:hover {
.menu a:hover, .contact a:hover, a.webring-btn:hover {
background-color: var(--btn-hov);
}
@ -212,6 +212,41 @@ div.contact {
min-width: 94%;
} */
a.webring-btn {
color: white;
text-decoration: none;
padding: .5em .5em;
margin-right: 0.5em;
margin-left: 0.5em;
min-width: 75px;
text-align: center;
background-color: var(--btn-col);
display: inline-block;
font-size: medium;
border-radius: 10px;
}
div.webring-btn-container {
}
div.webring {
border-top: 2px solid var(--btn-hov);
border-bottom: 2px solid var(--btn-hov);
text-align: right;
display: flex;
align-items: center;
height: 50px;
justify-content: space-between;
margin-top: 5px;
}
.webring span {
float: left;
padding: auto 0;
}
footer {
/* background: #ae4e26; */
background: var(--foot-bg);
@ -324,6 +359,12 @@ div.desc {
display: inherit;
justify-content: inherit
}
a.webring-btn {
min-width: 40px;
margin-right: 0.2em;
margin-left: 0.2em;
}
}
.clearfix:after {