sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rename socials card

Browse source
This commit is contained in:
Ruben 2024-01-02 20:28:43 -06:00
commit c9a504cc68
2 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

26
index.html
View file

@ -38,7 +38,7 @@
<div class="pixel-corners">
<header class="navbar">
<nav>
<small class="nav"> <a href="#about-me">~/about-me</a> <span class="arrow">→</span> <a href="#links">~/links</a> <span class="arrow">→</span> <a href="#fun-facts">~/fun-facts</a> <span class="arrow">→</span> <a href="#user-reviews">~/user-reviews</a> <span class="arrow">→</span> <a href="#buttons">~/buttons</a></small>
<small class="nav"> <a href="#about-me">~/about-me</a> <span class="arrow">→</span> <a href="#socials">~/socials</a> <span class="arrow">→</span> <a href="#fun-facts">~/fun-facts</a> <span class="arrow">→</span> <a href="#user-reviews">~/user-reviews</a> <span class="arrow">→</span> <a href="#buttons">~/buttons</a></small>
<p><a href="https://fediring.net/previous?host=sneexy.pages.gay">←</a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay">→</a></p>
</nav>
</header>
@ -59,9 +59,9 @@
</div>
<div class="pixel-corners">
<article id="links" class="links">
<h1><span class="anchors"><a href="#links">~/links</a></span></h1>
<p>my socials, feel free to get in touch with me using these <span class="dot">●</span> you can find extra info by clicking their icons!</p>
<article id="socials" class="socials">
<h1><span class="anchors"><a href="#socials">~/socials</a></span></h1>
<p>my links, contacts, etc <span class="dot">●</span> feel free to get in touch with me using these <span class="dot">●</span> you can find extra info by clicking their icons!</p>
<main class="fedi">
<section class="firefish">
@ -95,21 +95,21 @@
<span class="dot">●</span>
<section class="matrix">
<a href="https://matrix.org" target="_blank">
<img class="matrix-icon" src="/assets/socials/matrix.png" alt="Matrix"/>
</a>
<p><a href="https://matrix.to/#/@sneexy:tchncs.de" target="_blank">:@sneexy</a></p>
</section>
<span class="dot">●</span>
<section class="xmpp">
<a href="https://xmpp.org" target="_blank">
<img class="xmpp-icon" src="/assets/socials/xmpp.png" alt="XMPP"/>
</a>
<p><a href="xmpp:sneexy@trashserver.net" target="_blank">sneexy</a></p>
</section>
<span class="dot">●</span>
<section class="matrix">
<a href="https://matrix.org" target="_blank">
<img class="matrix-icon" src="/assets/socials/matrix.png" alt="Matrix"/>
</a>
<p><a href="https://matrix.to/#/@sneexy:tchncs.de" target="_blank">@sneexy</a></p>
</section>
</main>
<span class="separator">

10
style.css
View file

@ -365,7 +365,7 @@ nav > p {
text-decoration: underline;
}
.links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
.socials > .fedi > .dot, .socials > .messaging > .dot, .socials > .platforms > .dot, .socials > .misc > .dot {
color: var(--accent-1);
text-shadow: 0px 0px 8px var(--accent-1);
margin-top: 22px;
@ -392,14 +392,14 @@ footer > .dot {
color: var(--bg-t);
}
.intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
.intro-box, .navbar, .about-me, .socials, .fun-facts, .user-reviews, .buttons {
position: relative;
display: flex;
padding: 30px;
background-color: var(--bg);
}
.intro-text, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
.intro-text, .navbar, .about-me, .socials, .fun-facts, .user-reviews, .buttons {
flex-direction: column;
}
@ -948,7 +948,7 @@ footer > .dot {
text-shadow: 0px 0px 14px var(--accent-1);
}
.links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
.socials > .fedi > .dot, .socials > .messaging > .dot, .socials > .platforms > .dot, .socials > .misc > .dot {
color: var(--accent-1);
text-shadow: 0px 0px 8px var(--accent-1);
}
@ -957,7 +957,7 @@ footer > .dot {
color: var(--bg-t);
}
.intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
.intro-box, .navbar, .about-me, .socials, .fun-facts, .user-reviews, .buttons {
background-color: var(--bg);
}