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

jnisdfn

Browse source
This commit is contained in:
Ruben 2024-01-02 16:04:05 -06:00
commit b6bfff19cb
3 changed files with 28 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/socials/fediverse.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 47 KiB

12
index.html
View file

@ -62,6 +62,18 @@
<article id="socials" class="socials">
<h1><span class="anchors"><a href="#socials">~/socials</a></span></h1>
<h1>my socials! feel free to contact me by these <span class="dot">●</span> you can find extra info by clicking their icons!</small>
<main class="fedi">
<section class="fediverse">
</section>
<span class="dot">●</span>
<section class="fediverse-alt">
</section>
</main>
</article>
</div>

98
style.css
View file

@ -424,14 +424,14 @@ footer > .dot {
}
/* -- below is all the css used only for the social cards, and its probably Very Bad so get a puke bag or something read -- */
.fedi, .firefish, .firefish-icon, .akkoma, .akkoma-icon, .messaging, .revolt, .revolt-icon, .matrix, .matrix-icon, .xmpp, .xmpp-icon, .platforms, .listenbrainz, .listenbrainz-icon, .gitgay, .gitgay-icon, .github, .github-icon, .misc, .retrospring, .retrospring-icon, .archiveorg, .archive-icon, .shitposts, .amoguscloud, .warning {
.fedi, .fediverse, .fediverse-icon, .fediverse-alt, .messaging, .revolt, .revolt-icon, .matrix, .matrix-icon, .xmpp, .xmpp-icon, .platforms, .listenbrainz, .listenbrainz-icon, .gitgay, .gitgay-icon, .github, .github-icon, .misc, .retrospring, .retrospring-icon, .archiveorg, .archive-icon, .shitposts, .amoguscloud, .warning {
display: flex;
flex-direction: row;
margin-left: auto;
margin-right: auto;
}
.firefish-icon, .akkoma-icon, .revolt-icon, .matrix-icon, .xmpp-icon, .listenbrainz-icon, .gitgay-icon, .github-icon, .retrospring-icon, .archive-icon, .amoguscloud {
.fediverse-icon, .revolt-icon, .matrix-icon, .xmpp-icon, .listenbrainz-icon, .gitgay-icon, .github-icon, .retrospring-icon, .archive-icon, .amoguscloud {
margin-top: 20px;
margin-right: 8px;
width: 30px;
@ -443,11 +443,7 @@ footer > .dot {
/* -- firefish -- */
.firefish > p > small, .firefish > p > small > a {
font-size: 16px;
background: #E74788;
background: linear-gradient(to right, #E74788 0%, #F6AE4A 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #E74788;
text-shadow: 0px 0px 8px #F1775D;
}
/* -- */
@ -465,11 +461,7 @@ footer > .dot {
/* -- revolt -- */
.revolt > p > small, .revolt > p > small > a {
font-size: 16px;
background: #FF4654;
background: linear-gradient(to right, #FF4654 0%, #FF558B 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #FF4654;
text-shadow: 0px 0px 8px #FF4654;
}
/* -- */
@ -477,11 +469,7 @@ footer > .dot {
/* -- matrix -- */
.matrix > p > small, .matrix > p > small > a {
font-size: 16px;
background: #FFFFFF;
background: linear-gradient(to right, #FFFFFF 0%, #4B4B4B 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #FFFFFF;
text-shadow: 0px 0px 8px #4B4B4B;
}
/* -- */
@ -489,11 +477,7 @@ footer > .dot {
/* -- xmpp -- */
.xmpp > p > small, .xmpp > p > small > a {
font-size: 16px;
background: #EED49F;
background: linear-gradient(to right, #A6DA95 0%, #EED49F 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #EED49F;
text-shadow: 0px 0px 8px #11A4D8;
}
/* -- */
@ -503,11 +487,7 @@ footer > .dot {
/* -- listenbrainz -- */
.listenbrainz > p > small, .listenbrainz > p > small > a {
font-size: 16px;
background: #DA9014;
background: linear-gradient(to right, #8AADf4 0%, #EB743B 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #DA9014;
text-shadow: 0px 0px 8px #D58C17;
}
/* -- */
@ -515,11 +495,7 @@ footer > .dot {
/* -- git.gay -- */
.gitgay > p > small, .gitgay > p > small > a {
font-size: 16px;
background: #69CB86;
background: linear-gradient(to right, #FE9494 0%, #FFC783 31%, #69CB86 56%, #83A8FF 79%, #C56AD4 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #69CB86;
text-shadow: 0px 0px 8px #69CB86;
}
/* -- */
@ -544,23 +520,9 @@ footer > .dot {
/* -- are chives dot org -- */
.archiveorg > p > small, .archiveorg > p > small > a {
font-size: 16px;
background: #FFFFFF;
background: linear-gradient(to right, #FFFFFF 0%, #000000 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #FFFFFF;
text-shadow: 0px 0px 8px #777777;
}
/* -- lil warning message :3 -- */
.warning {
margin-top: 3rem;
text-align: center;
font-size: 16px;
color: #E78284;
text-shadow: 0px 0px 8px #E78284;
}
/* -- end of puke code -- */
.quotes {
@ -1003,11 +965,7 @@ footer > .dot {
/* -- firefish -- */
.firefish > p > small, .firefish > p > small > a {
background: #E74788;
background: linear-gradient(to right, #E74788 0%, #F6AE4A 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #E74788;
text-shadow: 0px 0px 8px #F1775D;
}
/* -- */
@ -1023,33 +981,21 @@ footer > .dot {
/* -- revolt -- */
.revolt > p > small, .revolt > p > small > a {
background: #FF4654;
background: linear-gradient(to right, #FF4654 0%, #FF558B 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #FF4654;
text-shadow: 0px 0px 8px #FF4654;
}
/* -- */
/* -- matrix -- */
.matrix > p > small, .matrix > p > small > a {
background: #FFFFFF;
background: linear-gradient(to right, #FFFFFF 0%, #4B4B4B 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #FFFFFF;
text-shadow: 0px 0px 8px #4B4B4B;
}
/* -- */
/* -- xmpp -- */
.xmpp > p > small, .xmpp > p > small > a {
background: #EED49F;
background: linear-gradient(to right, #A6DA95 0%, #EED49F 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #EED49F;
text-shadow: 0px 0px 8px #11A4D8;
}
/* -- */
@ -1058,22 +1004,14 @@ footer > .dot {
/* -- listenbrainz -- */
.listenbrainz > p > small, .listenbrainz > p > small > a {
background: #DA9014;
background: linear-gradient(to right, #8AADf4 0%, #EB743B 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #DA9014;
text-shadow: 0px 0px 8px #D58C17;
}
/* -- */
/* -- git.gay -- */
.gitgay > p > small, .gitgay > p > small > a {
background: #69CB86;
background: linear-gradient(to right, #FE9494 0%, #FFC783 31%, #69CB86 56%, #83A8FF 79%, #C56AD4 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #69CB86;
text-shadow: 0px 0px 8px #69CB86;
}
/* -- */
@ -1095,11 +1033,7 @@ footer > .dot {
/* -- are chives dot org -- */
.archiveorg > p > small, .archiveorg > p > small > a {
background: #FFFFFF;
background: linear-gradient(to right, #FFFFFF 0%, #000000 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #FFFFFF;
text-shadow: 0px 0px 8px #777777;
}