diff --git a/assets/socials/akkoma.png b/assets/socials/akkoma.png new file mode 100644 index 0000000..318b05a Binary files /dev/null and b/assets/socials/akkoma.png differ diff --git a/assets/socials/amoguscloud.png b/assets/socials/amoguscloud.png new file mode 100644 index 0000000..ce20c22 Binary files /dev/null and b/assets/socials/amoguscloud.png differ diff --git a/assets/socials/firefish.png b/assets/socials/firefish.png new file mode 100644 index 0000000..5f026e3 Binary files /dev/null and b/assets/socials/firefish.png differ diff --git a/assets/socials/gitgay.png b/assets/socials/gitgay.png new file mode 100644 index 0000000..4f7ace9 Binary files /dev/null and b/assets/socials/gitgay.png differ diff --git a/assets/socials/github.png b/assets/socials/github.png new file mode 100644 index 0000000..23362df Binary files /dev/null and b/assets/socials/github.png differ diff --git a/assets/socials/idle.apng b/assets/socials/idle.apng new file mode 100644 index 0000000..9ec0685 Binary files /dev/null and b/assets/socials/idle.apng differ diff --git a/assets/socials/listenbrainz.png b/assets/socials/listenbrainz.png new file mode 100644 index 0000000..6e6df92 Binary files /dev/null and b/assets/socials/listenbrainz.png differ diff --git a/assets/socials/matrix.png b/assets/socials/matrix.png new file mode 100644 index 0000000..c58032d Binary files /dev/null and b/assets/socials/matrix.png differ diff --git a/assets/socials/retrospring.png b/assets/socials/retrospring.png new file mode 100644 index 0000000..aa64dd1 Binary files /dev/null and b/assets/socials/retrospring.png differ diff --git a/assets/socials/revolt.png b/assets/socials/revolt.png new file mode 100644 index 0000000..b3e9c69 Binary files /dev/null and b/assets/socials/revolt.png differ diff --git a/assets/socials/shitcord.png b/assets/socials/shitcord.png new file mode 100644 index 0000000..79b085a Binary files /dev/null and b/assets/socials/shitcord.png differ diff --git a/assets/socials/xmpp.png b/assets/socials/xmpp.png new file mode 100644 index 0000000..c302239 Binary files /dev/null and b/assets/socials/xmpp.png differ diff --git a/index.html b/index.html index 2dbea2b..6682943 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,11 @@ sneexy dot pages dot gay + -
@@ -31,42 +31,120 @@

~/links-n-socials

-

(in order of most prefered to least prefered!)

+ (in order of most prefered to least prefered! ● some of these have extra info you can find by clicking their icons) -
@@ -97,7 +175,7 @@
- gif of a yoshi model dancing + GIF of a dancing yoshi
diff --git a/style.css b/style.css index 9f68787..1edaefa 100644 --- a/style.css +++ b/style.css @@ -326,6 +326,32 @@ a { font-size: 16px; } +.dot { + color: var(--accent-1); + text-shadow: 0px 0px 8px var(--accent-1); + font-size: 16px; +} + +.dot2 { + color: var(--accent-1); + text-shadow: 0px 0px 8px var(--accent-1); + margin-top: 22px; + margin-left: 14px; + margin-right: 14px; +} + +.separator { + display: flex; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + margin-bottom: -1px; +} + +.separator > small { + color: var(--bg-t); +} + .intro-box, .links-n-socials, .about-me, .fun-facts { position: relative; display: flex; @@ -352,33 +378,126 @@ a { } /* -- below is all the css used only for the social cards, and its probably Very Bad so get a puke bag or something read -- */ -.social-lists { +.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, .dotfiles, .idle, .shitposts, .amoguscloud, .warning { display: flex; -} - -.social-links { - display: grid; + flex-direction: row; + margin-left: auto; margin-right: auto; - align-content: start; } -.social-links > h2 { - margin-bottom: -7px; +.firefish-icon, .akkoma-icon, .revolt-icon, .matrix-icon, .xmpp-icon, .listenbrainz-icon, .gitgay-icon, .github-icon, .retrospring-icon, .idle, .amoguscloud { + margin-top: 20px; + margin-right: 8px; + width: 30px; + height: 30px; } -.social-links > ul { - margin-left: -22px; -} +/* -- fedi section -- */ -.fedi > small > a, .revolt > small > a, .matrix > small > a, .xmpp > small > a, .shitcord > small > a { +/* -- 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; + text-shadow: 0px 0px 8px #F1775D; +} +/* -- */ + +/* -- akkoma -- */ +.akkoma > p > small, .akkoma > p > small > a { + font-size: 16px; + color: #CBA6D7; + text-shadow: 0px 0px 8px #CBA6D7; +} +/* -- */ + +/* -- messaging section -- */ + +/* -- 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; + text-shadow: 0px 0px 8px #FF4654; +} +/* -- */ + +/* -- 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; + text-shadow: 0px 0px 8px #4B4B4B; +} +/* -- */ + +/* -- 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; + text-shadow: 0px 0px 8px #11A4D8; +} +/* -- */ + +/* -- other platforms that i guess count as social -- */ + +/* -- 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; + text-shadow: 0px 0px 8px #D58C17; +} +/* -- */ + +/* -- 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; + text-shadow: 0px 0px 8px #69CB86; +} +/* -- */ + +/* -- gith*b -- */ +.github > p > small, .github > p > small > a { + font-size: 16px; + color: #CDD6F4; + text-shadow: 0px 0px 8px #CDD6F4; +} +/* -- */ + +/* -- misc. links -- */ + +/* -- retrospring -- */ +.retrospring > p > small, .retrospring > p > small > a { + font-size: 16px; + color: #CA9EE6; + text-shadow: 0px 0px 8px #5E35B1; } -.fedi { - list-style: url("/home/ruben/Documents/Unnamed.png"); - width: 10px; - height: 10px; +/* -- 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 -- */ .yoshi { @@ -414,8 +533,12 @@ a { margin-bottom: 20px; } - .social-lists { + .fedi, .messaging, .platforms, .misc, .shitcord, .warning { flex-direction: column; } + + .dot2:not(:nth-child(1)) { + display: none; + } } /* -- yea -- */ \ No newline at end of file