update site to use more icons instead of images, update footer, update dni page, minor improvements
This commit is contained in:
parent
9e29e2a8be
commit
dfeb5f424f
18 changed files with 177 additions and 964 deletions
|
|
@ -1,9 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1">
|
||||
<rect style="opacity:0.2" width="28" height="18" x="2" y="11" rx="1.4" ry="1.4"/>
|
||||
<path style="fill:#E1AED3" d="M 2,22.6 C 2,23.376 2.6244,24 3.4,24 H 28.6 C 29.376,24 30,23.376 30,22.6 V 7.4 C 30,6.6244 29.376,6 28.6,6 H 16 C 13.9,6 13.2,3 11.1,3 H 3.4 C 2.6244,3 2,3.6244 2,4.4"/>
|
||||
<rect style="opacity:0.2" width="28" height="18" x="2" y="9" rx="1.4" ry="1.4"/>
|
||||
<rect style="fill:#CDD6F4" width="24" height="11" x="4" y="8" rx="1.4" ry="1.4"/>
|
||||
<rect style="fill:#F5C2E7" width="28" height="18" x="2" y="10" rx="1.4" ry="1.4"/>
|
||||
<path style="opacity:0.1;fill:#CDD6F4" d="M 3.4004,3 C 2.6248,3 2,3.6248 2,4.4004 V 5.4004 C 2,4.6248 2.6248,4 3.4004,4 H 11.1 C 13.2,4 13.9,7 16,7 H 28.6 C 29.375,7 30,7.6248 30,8.4004 V 7.4004 C 30,6.6248 29.375,6 28.6,6 H 16 C 13.9,6 13.2,3 11.1,3 Z"/>
|
||||
<path style="fill:#313244" d="M 12.75,14 C 12.334,14 12,14.334 12,14.75 V 23.25 C 12,23.666 12.334,24 12.75,24 H 19.25 C 19.666,24 20,23.666 20,23.25 V 16.5 L 17.5,14 Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1 KiB |
|
|
@ -1,9 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1">
|
||||
<rect style="opacity:0.2" width="28" height="18" x="2" y="11" rx="1.4" ry="1.4"/>
|
||||
<path style="fill:#75C8D7" d="M 2,22.6 C 2,23.376 2.6244,24 3.4,24 H 28.6 C 29.376,24 30,23.376 30,22.6 V 7.4 C 30,6.6244 29.376,6 28.6,6 H 16 C 13.9,6 13.2,3 11.1,3 H 3.4 C 2.6244,3 2,3.6244 2,4.4"/>
|
||||
<rect style="opacity:0.2" width="28" height="18" x="2" y="9" rx="1.4" ry="1.4"/>
|
||||
<rect style="fill:#CDD6F4" width="24" height="11" x="4" y="8" rx="1.4" ry="1.4"/>
|
||||
<rect style="fill:#89DCEB" width="28" height="18" x="2" y="10" rx="1.4" ry="1.4"/>
|
||||
<path style="opacity:0.1;fill:#CDD6F4" d="M 3.4004,3 C 2.6248,3 2,3.6248 2,4.4004 V 5.4004 C 2,4.6248 2.6248,4 3.4004,4 H 11.1 C 13.2,4 13.9,7 16,7 H 28.6 C 29.375,7 30,7.6248 30,8.4004 V 7.4004 C 30,6.6248 29.375,6 28.6,6 H 16 C 13.9,6 13.2,3 11.1,3 Z"/>
|
||||
<path style="fill:#313244" d="M 14,19.27 C 13.7,19.09 13.35,19 13,19 11.9,19 11,19.9 11,21 11,22.1 11.9,23 13,23 14.1,23 15,22.1 15,21 V 16 H 19 V 19.27 C 18.7,19.09 18.35,19 18,19 16.9,19 16,19.9 16,21 16,22.1 16.9,23 18,23 19.1,23 20,22.1 20,21 V 14 H 14"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg viewBox="0 0 120 120" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="m36.92 100 17.738 17.736A7.73 7.73 0 0 0 60.123 120a7.73 7.73 0 0 0 5.465-2.264L83.324 100H36.92z" style="fill:#c56ad4;fill-opacity:1"/><path d="m16.92 80 20 20h46.404l19.998-20-37.614-1.763c6.936 5.074 3.702 16.334-5.16 16.576-8.094.22-12.134-8.85-7.531-14.813Z" style="fill:#83a8ff;fill-opacity:1"/><path d="M.023 60a7.733 7.733 0 0 0 2.24 5.346L16.92 80h36.062c1.038-1.301 2.203-2.231 3.805-2.898V60zm64.323 0v17.371A9.218 9.218 0 0 1 67.56 80h35.762l14.412-14.414A7.73 7.73 0 0 0 120 60.119a4.751 4.751 0 0 0-.008-.119H94.426a9.195 9.195 0 0 1-2.666 7.133c-6.014 5.95-16.193 1.309-15.645-7.133Z" style="fill:#69cb86;fill-opacity:1"/><path d="M16.676 40 2.264 54.412A7.733 7.733 0 0 0 0 59.88 7.733 7.733 0 0 0 .023 60h56.764V44.156A9.195 9.195 0 0 1 52.248 40H16.676zm53.635 0 11.947 11.945a9.179 9.179 0 0 1 9.502 2.184A9.195 9.195 0 0 1 94.426 60h25.566a7.73 7.73 0 0 0-2.256-5.348v.004L103.08 40H70.31zm-5.965 4.727V60h11.77a9.196 9.196 0 0 1 .636-2.87L64.346 44.728z" style="fill:#fff683;fill-opacity:1"/><path d="M36.678 20 16.676 40h35.572a9.195 9.195 0 0 1-.453-7.904L39.7 20h-3.023zm13.713 0 6.943 6.943a9.175 9.175 0 0 1 11.623 11.703L70.311 40h32.767l-20-20H50.391z" style="fill:#ffc783;fill-opacity:1"/><path d="M59.879 0a7.728 7.728 0 0 0-5.465 2.264l-10.879 10.88L50.391 20h32.687L65.342 2.264A7.728 7.728 0 0 0 59.879 0zm-21.69 18.488L36.678 20H39.7l-1.512-1.512z" style="fill:#fe9494;fill-opacity:1"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 584 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 677 B |
Binary file not shown.
|
Before Width: | Height: | Size: 317 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
|
|
@ -1,12 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<style>
|
||||
path { fill: #000000; }
|
||||
@media (prefers-color-scheme: dark) {
|
||||
path { fill: #ffffff; }
|
||||
}
|
||||
</style>
|
||||
<path d="M 30,2.0000001 V 30 h -1 -2 v 2 h 5 V -3.3333334e-8 L 27,0 v 2 z"/>
|
||||
<path d="M 9.9515939,10.594002 V 12.138 h 0.043994 c 0.3845141,-0.563728 0.8932271,-1.031728 1.4869981,-1.368 0.580003,-0.322998 1.244999,-0.485 1.993002,-0.485 0.72,0 1.376999,0.139993 1.971998,0.42 0.595,0.279004 1.047001,0.771001 1.355002,1.477001 0.338003,-0.500001 0.795999,-0.941 1.376999,-1.323001 0.579999,-0.382998 1.265998,-0.574 2.059998,-0.574 0.602003,0 1.160002,0.074 1.674002,0.220006 0.514,0.148006 0.953998,0.382998 1.321999,0.706998 0.36601,0.322999 0.653001,0.746 0.859,1.268002 0.205001,0.521998 0.307994,1.15 0.307994,1.887001 v 7.632997 h -3.127 v -6.463997 c 0,-0.383002 -0.01512,-0.743002 -0.04399,-1.082003 -0.02079,-0.3072 -0.103219,-0.607113 -0.242003,-0.881998 -0.133153,-0.25081 -0.335962,-0.457777 -0.584001,-0.596002 -0.257008,-0.146003 -0.605998,-0.220006 -1.046997,-0.220006 -0.440002,0 -0.796003,0.085 -1.068,0.253002 -0.272013,0.170003 -0.485001,0.390002 -0.639001,0.662003 -0.159119,0.287282 -0.263585,0.601602 -0.307994,0.926997 -0.05197,0.346923 -0.07801,0.697217 -0.07801,1.048002 v 6.353999 h -3.128005 v -6.398 c 0,-0.338003 -0.0072,-0.673001 -0.02116,-1.004001 -0.01134,-0.313663 -0.07487,-0.623229 -0.187994,-0.915999 -0.107943,-0.276623 -0.300435,-0.512126 -0.550001,-0.673001 -0.25799,-0.168 -0.636,-0.253002 -1.134999,-0.253002 -0.198123,0.0083 -0.394383,0.04195 -0.584002,0.100006 -0.258368,0.07446 -0.498455,0.201827 -0.704999,0.373985 -0.227981,0.183987 -0.421999,0.449 -0.583997,0.794003 -0.161008,0.345978 -0.242003,0.797998 -0.242003,1.356998 v 6.618999 H 6.99942 V 10.590001 Z"/>
|
||||
<path d="M 2,2.0000001 V 30 h 3 v 2 H 0 V 9.2650922e-8 L 5,0 v 2 z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
|
|
@ -1,23 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="32" height="32"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_424_513)">
|
||||
<path d="M0.123788 14H2.14178C2.44025 11.9133 3.19885 9.97513 4.3115 8.29141L2.87171 6.85162C1.42204 8.92808 0.452429 11.3645 0.123788 14Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M4.67624 4.69635L6.09045 6.11057C7.21905 4.97969 8.53998 4.04084 10 3.34726L10 1.16303C7.99014 1.97661 6.18321 3.18672 4.67624 4.69635Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M12 0.50407L12 2.57976C13.2674 2.20255 14.6101 2 16 2C16.679 2 17.3468 2.04834 18 2.14178V0.123788C17.3448 0.0420867 16.6773 0 16 0C14.6188 0 13.2785 0.175012 12 0.50407Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M20 0.50407V2.57976C21.798 3.11487 23.4447 4.00147 24.8602 5.15988L26.2806 3.73948C24.4813 2.22912 22.3446 1.10754 20 0.50407Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M28.2605 5.71938L26.8401 7.13978C27.9985 8.55536 28.8851 10.202 29.4202 12L31.4959 12C30.8925 9.65536 29.7709 7.51871 28.2605 5.71938Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M31.8762 14L29.8582 14C29.9517 14.6532 30 15.321 30 16C30 17.3899 29.7974 18.7326 29.4202 20L31.4959 20C31.825 18.7215 32 17.3812 32 16C32 15.3227 31.9579 14.6552 31.8762 14Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M30.837 22L28.6527 22C27.9592 23.46 27.0203 24.781 25.8894 25.9095L27.3036 27.3238C28.8133 25.8168 30.0234 24.0099 30.837 22Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M25.1484 29.1283L23.7086 27.6885C22.0249 28.8011 20.0867 29.5598 18 29.8582V31.8762C20.6355 31.5476 23.0719 30.578 25.1484 29.1283Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M16 32V30C13.8511 30 11.8175 29.5165 10 28.653L10 30.8367C11.8537 31.587 13.8796 32 16 32Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M8 31.5645L8.00001 29.5605L2.63432 29.8959C2.33406 29.9147 2.08534 29.6659 2.1041 29.3657L2.43946 24H0.435558L0.107999 29.2409C0.0141681 30.7422 1.25778 31.9858 2.75908 31.892L8 31.5645Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M1.16332 22H3.347C2.48349 20.1825 2 18.1489 2 16H0C0 18.1204 0.412987 20.1463 1.16332 22Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
<path d="M16.0001 27.9999C22.6275 27.9999 28.0001 22.6274 28.0001 16C28.0001 9.37262 22.6275 4.00005 16.0001 4.00005C9.37268 4.00005 4.00012 9.37262 4.00012 16C4.00012 17.6379 4.32825 19.1991 4.92236 20.6215L4.00005 28L11.3785 27.0777C12.801 27.6718 14.3622 27.9999 16.0001 27.9999Z" fill="#3A76F0" style="fill:#3A76F0;fill:color(display-p3 0.2275 0.4627 0.9412);fill-opacity:1;"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="SvgjsClipPath1000">
|
||||
<rect width="32" height="32" fill="white" style="fill:white;fill-opacity:1;"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
|
||||
@media (prefers-color-scheme: dark) { :root { filter: contrast(0.3846153846153846) brightness(4.5); } }
|
||||
</style></svg>
|
||||
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 544 KiB |
114
dni/index.html
114
dni/index.html
|
|
@ -5,110 +5,96 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>do not interact @ s.p.g</title>
|
||||
<link rel="icon" type="image/gif" href="../assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../assets/fonts/Phosphor/fill/style.css">
|
||||
<link rel="icon" type="image/gif" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.css">
|
||||
<link rel="canonical" href="https://sneexy.pages.gay/">
|
||||
<link rel="me" href="https://lea.pet/@sneexy">
|
||||
<link rel="me" href="https://git.gay/sneexy">
|
||||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://sneexy.pages.gay/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js" defer="defer"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- top navbar -->
|
||||
<div class="navbar">
|
||||
<a class="nav-base nav-baselink" href="https://sneexy.pages.gay"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
|
||||
<a class="nav-base nav-baselink-mobile" href="https://sneexy.pages.gay"><i class="ph-bold ph-squares-four"></i> s <i class="ph-bold ph-dot"></i> p <i class="ph-bold ph-dot"></i> g</a>
|
||||
<div class="nav-base hover-tip"><i class="ph-bold ph-hand-pointing" alt="hover or tap"></i> here</div>
|
||||
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
|
||||
<div class="mobile-dropdown">
|
||||
<button onclick="mobileDropdown()" class="nav-base nav-baselink-mobile"><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> p <i style="pointer-events:none;" class="ph-bold ph-dot"></i> g</button>
|
||||
<div id="dropdown-box" class="dropdown-content">
|
||||
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
||||
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
||||
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="nav-base nav-links">
|
||||
<a href="https://sneexy.pages.gay"><i class="ph-bold ph-house"></i> home</a>
|
||||
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
||||
<i class="ph-bold ph-dot"></i>
|
||||
<a href="https://sneexy.pages.gay/blog"><i class="ph-bold ph-article"></i> blog</a>
|
||||
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
||||
<i class="ph-bold ph-dot"></i>
|
||||
<a href="https://sneexy.pages.gay/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
||||
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
||||
</nav>
|
||||
<p class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
|
||||
<p aria-hidden="true" class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
|
||||
</div>
|
||||
|
||||
<!-- dni -->
|
||||
<div id="do-not-interact" class="terminal">
|
||||
<div class="term-titlebar">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<i class="ph-fill ph-terminal"></i>
|
||||
<p><a href="#do-not-interact">~/do-not-interact</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<section>
|
||||
<p><small style="color: var(--subtext1);">welcome to my probably not important, but seemingly required:</small></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/do-not-interact</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> cat dni.txt</p>
|
||||
<h1><a href="#do-not-interact">do not interact</a></h1>
|
||||
<h3><i>and other warnings/preferences!</i></h3>
|
||||
<p>frankly i shouldn't need this, but the internet is full of assholes and others who do not seem to understand how to act around others <small>(sorry)</small>, so i'm putting this up here for the sake of it.</p>
|
||||
<p style="color: var(--subtext0);">--------</p>
|
||||
<p>my own dni list. also includes specific bits for other platforms such as the fediverse.</p>
|
||||
<span id="seperator"></span>
|
||||
<b>to get the basics and hopefully well known out of the way:</b>
|
||||
<ul>
|
||||
<li>homo/trans/queerphobes</li>
|
||||
<li>nazis</li>
|
||||
<li>racists</li>
|
||||
<li>rightoids</li>
|
||||
<li>rightoids, "antiwoke"</li>
|
||||
<li>pedos/maps</li>
|
||||
<li>tech/aibros <small>(you know who you are)</small></li>
|
||||
<li>police/cops supporters</li>
|
||||
<li>"i'm <i>not</i> [x] i <i>just simply</i> don't like <i>woke</i>!"/"antiwoke" people</li>
|
||||
<li>cop supporters</li>
|
||||
<li><details>
|
||||
<summary>the bad space, are0h and/or packetcat supporters</summary>
|
||||
<p>a community that says they're aiming to make the fediverse "safer" by "fighting racism, queerphobia, harassment" and all that stuff, yet have <i><a href="https://ghostarchive.org/archive/BO1XY" target="_blank">posted blatent transphobia</a>, <a href="https://ghostarchive.org/archive/PGxVY" target="blank">spam moderation tags with useless information/ranting</a>, <a href="https://ghostarchive.org/archive/VJ0o7" target="_blank">do targeted harassment</a>, <a href="https://lea.pet/notes/9xy8ziz7c1" target="_blank">literally doxx people</a>, <a href="https://ghostarchive.org/archive/HLTBt">will say you're the harasser for asking them to stop</a>, and <a href="" target="_blank">show lack of respect to anyone outside of their group</a>.</i> yeah. no fucking thanks.</p>
|
||||
</details></li>
|
||||
</ul>
|
||||
<p>kindly <i><b>fuck off and get away from me</b></i>! 💚</p>
|
||||
<p style="color: var(--subtext0);">--------</p>
|
||||
<p><b>the Other Warnings™ and requests:</b></p>
|
||||
<p>...you know the drill. kindly Get The Hell Away From Me! <i class="ph-bold ph-heart" style="align-content:center;color:var(--green);"></i></p>
|
||||
<span id="seperator"></span>
|
||||
<h2><a href="#fedi">fedi</a></h2>
|
||||
<p><b>instances that are most likely blocked or ignored:</b></p>
|
||||
<ul>
|
||||
<li>i'm fine with nsfw content/accounts but <i>please</i> don't act lewd or anything of the like with or around me. this also includes stuff like flirting.</li>
|
||||
<li>virtual interactions such as hugs or pats are <i>usually fine</i>, but you should probably ask me first.</li>
|
||||
<li>i am <b><i>horrible</i></b> at direct messages. just keep that in mind when attempting to private message me for something.</li>
|
||||
<li><details>
|
||||
<summary>mastodon.social, mastodon.online, mas.to, etc. <i class="ph-bold ph-heart-break" style="padding-left:7px;align-content:center;color:var(--red);" alt="Ignored" title="Ignored"></i></summary>
|
||||
<p>these instances contain a <b>bunch</b> of users to the point where they harm the fediverse and usually have lack of moderation due to that. i'd kindly recommend moving to a nicer smaller instance if you're willing to. <small>you don't have to listen to me, i'm just text.</small></p>
|
||||
</details></li>
|
||||
<li><details>
|
||||
<summary>hachyderm.io, fosstodon.org, floss.social <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--yellow);" alt="Passable, harder vibe checking" title="Passable, harder vibe checking"></i></summary>
|
||||
<p>mixed bag. usually full of people who are techbros/fossbros and won't let you have a good time for mentioning something they don't like or they rant about how ai is the best thing in the world. also not the mention previous dramas on some of these instances.</p>
|
||||
</details></li>
|
||||
<li><details>
|
||||
<summary>woem.men <i class="ph-bold ph-heart-break" style="padding-left:7px;align-content:center;color:var(--red);" alt="Ignored" title="Ignored"></i></summary>
|
||||
<p>i know its considered a "dick move" to block an entire instance just for its admin, but i keep hearing way too much about how the instance admin acts and what they've done and let into the instance. i'm just tired of hearing about it. if you want to follow me, i'm sorry but i'd prefer you find another instance.</p>
|
||||
</details></li>
|
||||
</ul>
|
||||
</section>
|
||||
<p class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/do-not-interact</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- fedi dni -->
|
||||
<div id="fedi-dni" class="terminal">
|
||||
<div class="term-titlebar">
|
||||
<i class="ph-fill ph-terminal"></i>
|
||||
<p><a href="#fedi-dni">~/d/fedi</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<section>
|
||||
<h1><a href="#fedi-dni">fedi</a></h1>
|
||||
<p>and now some dedicated warnings for the fediverse, where i'm usually on.</p>
|
||||
<p style="color: var(--subtext0);">--------</p>
|
||||
<p><b>instances i tend to vibe check harder and are <i>most likely</i> to pass:</b></p>
|
||||
<ul>
|
||||
<li>transfem.social 💛</li>
|
||||
<ul>
|
||||
<li>personally quite tired of the culture surrounding the instances <small>(i'm not saying i'm transphobic here or anything or the sort, i'm just <i>really</i> tired of seeing the same estrogen or egg joke for like the 15th time now)</small> and the community to me personally seems to have traits and behaviors that i feel uncomfortable with to be around.</li>
|
||||
</ul>
|
||||
<li>woem.men 💛❤️</li>
|
||||
<ul>
|
||||
<li><small>(see above reason, plus)</small> multiple dramas and alligations with the instance administrator, stuff i'm <i>really</i> not comfortable with. <small>would recommend that you follow from another instance, but i'm just text.</small></li>
|
||||
</ul>
|
||||
<li><details>
|
||||
<summary>transfem.social <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--green);" alt="Passable" title="Passable"></i></summary>
|
||||
<p>very loose with this one but personally, very tired of trans culture surrounding the instance. not saying i'm transphobic but it's always the same estrogen or egg or neocat joke every time, and the community contains certain traits and behaviors that make me feel uncomfortable. i'll let you in if i follow you or if you seem pretty cool though.</p>
|
||||
</details></li>
|
||||
</ul>
|
||||
<p><b>you can send a follow request!</b> it just may take a while for me to get around to accepting it.</p>
|
||||
<p style="color: var(--subtext0);">--------</p>
|
||||
<p><b>if you're following from:</b></p>
|
||||
<ul>
|
||||
<li>mas/todon.* (mastodon.social, mastodon.world, mastodon.online, mas.to etc) ❌</li>
|
||||
<ul>
|
||||
<li>these instances contain a <b>bunch</b> of users to the point where they harm the fediverse and usually have lack of moderation due to that. i'd kindly recommend moving to a nicer smaller instance if you're willing to. <small>you don't have to listen to me, i'm just text.</small></li>
|
||||
</ul>
|
||||
<li>hachyderm.io, fosstodon.org, floss.social 🟡</li>
|
||||
<ul>
|
||||
<li>mixed bag. its either people who assume they have privilege to talk about things how they want, or just complete assholes/fossoids who assume they know everything tech and will kill you for disagreeing about something.</li>
|
||||
</ul>
|
||||
</ul>
|
||||
<p><b>
|
||||
you <i>will</i> be going through much harder vibe checking, or outright denied. its for the sake of my own sanity.</b></p>
|
||||
<p>feel free to send a follow request if you think you pass all of the above or might have a go at it! <i class="ph-bold ph-heart" style="align-content:center;color:var(--green);"></i></p>
|
||||
</section>
|
||||
<p class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/d/fedi</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/do-not-interact</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
|
|
|
|||
686
dni/style.css
686
dni/style.css
|
|
@ -1,686 +0,0 @@
|
|||
/*
|
||||
i use catppuccin color schemes because jod i LOVE catppuccin
|
||||
*/
|
||||
@media (prefers-color-scheme: light) {
|
||||
/*
|
||||
catppuccin latte
|
||||
*/
|
||||
:root {
|
||||
--rosewater: #dc8a78;
|
||||
--flamingo: #dd7878;
|
||||
--pink: #ea76cb;
|
||||
--mauve: #8839ef;
|
||||
--red: #d20f39;
|
||||
--maroon: #e64553;
|
||||
--peach: #fe640b;
|
||||
--yellow: #df8e1d;
|
||||
--green: #40a02b;
|
||||
--teal: #179299;
|
||||
--sky: #04a5e5;
|
||||
--sapphire: #209fb5;
|
||||
--blue: #1e66f5;
|
||||
--lavender: #7287fd;
|
||||
--text: #4c4f69;
|
||||
--subtext1: #5c5f77;
|
||||
--subtext0: #6c6f85;
|
||||
--overlay2: #7c7f93;
|
||||
--overlay1: #8c8fa1;
|
||||
--overlay0: #9ca0b0;
|
||||
--surface2: #acb0be;
|
||||
--surface1: #bcc0cc;
|
||||
--surface0: #ccd0da;
|
||||
--base: #eff1f5;
|
||||
--mantle: #e6e9ef;
|
||||
--crust: #dce0e8;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/*
|
||||
catppuccin mocha
|
||||
*/
|
||||
:root {
|
||||
--rosewater: #f5e0dc;
|
||||
--flamingo: #f2cdcd;
|
||||
--pink: #f5c2e7;
|
||||
--mauve: #cba6f7;
|
||||
--red: #f38ba8;
|
||||
--maroon: #eba0ac;
|
||||
--peach: #fab387;
|
||||
--yellow: #f9e2af;
|
||||
--green: #a6e3a1;
|
||||
--teal: #94e2d5;
|
||||
--sky: #89dceb;
|
||||
--sapphire: #74c7ec;
|
||||
--blue: #89b4fa;
|
||||
--lavender: #b4befe;
|
||||
--text: #cdd6f4;
|
||||
--subtext1: #bac2de;
|
||||
--subtext0: #a6adc8;
|
||||
--overlay2: #9399b2;
|
||||
--overlay1: #7f849c;
|
||||
--overlay0: #6c7086;
|
||||
--surface2: #585b70;
|
||||
--surface1: #45475a;
|
||||
--surface0: #313244;
|
||||
--base: #1e1e2e;
|
||||
--mantle: #181825;
|
||||
--crust: #11111b;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
shell aliasing ass
|
||||
*/
|
||||
:root {
|
||||
--bg: var(--base);
|
||||
--fg: var(--text);
|
||||
--accent: var(--green);
|
||||
}
|
||||
|
||||
/*
|
||||
font config, JetBrains Mono
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "JetBrains Mono";
|
||||
src: local("JetBrains Mono"),
|
||||
url("../assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Regular.woff2")
|
||||
format("woff"),
|
||||
local("JetBrainsMono Nerd Font");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "JetBrains Mono";
|
||||
src: local("JetBrains Mono"),
|
||||
url("../assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Bold.woff2")
|
||||
format("woff"),
|
||||
local("JetBrainsMono Nerd Font");
|
||||
font-weight: bold;
|
||||
font-style: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "JetBrains Mono";
|
||||
src: local("JetBrains Mono"),
|
||||
url("../assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Italic.woff2")
|
||||
format("woff"),
|
||||
local("JetBrainsMono Nerd Font");
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "JetBrains Mono";
|
||||
src: local("JetBrains Mono"),
|
||||
url("../assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-BoldItalic.woff2")
|
||||
format("woff"),
|
||||
local("JetBrainsMono Nerd Font");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*
|
||||
font config, Lexend Deca
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "Lexend Deca";
|
||||
src: local("Lexend Deca"), local("Lexend"),
|
||||
url("../assets/fonts/LexendDeca/static/LexendDeca-Regular.ttf")
|
||||
format("opentype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Lexend Deca";
|
||||
src: local("Lexend Deca"), local("Lexend"),
|
||||
url("../assets/fonts/LexendDeca/static/LexendDeca-Bold.ttf")
|
||||
format("opentype");
|
||||
font-weight: bold;
|
||||
font-style: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
background wallpaper, font
|
||||
*/
|
||||
body {
|
||||
background: linear-gradient(
|
||||
125deg,
|
||||
var(--pink),
|
||||
var(--mauve),
|
||||
var(--maroon),
|
||||
var(--peach),
|
||||
var(--teal)
|
||||
);
|
||||
background-size: 1000% 1000%;
|
||||
animation: bg-gradient 10s ease infinite;
|
||||
-moz-animation: bg-gradient 10s ease infinite;
|
||||
-webkit-animation: bg-gradient 10s ease infinite;
|
||||
font-family: "JetBrains Mono";
|
||||
font-size: 18px;
|
||||
margin: unset !important; /* idk why it does that */
|
||||
}
|
||||
|
||||
/*
|
||||
styling of the terminal windows
|
||||
*/
|
||||
.terminal {
|
||||
/* the titlebar of the terminals */
|
||||
.term-titlebar {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr auto 2fr;
|
||||
grid-template-areas: "term-icon term-title term-buttons";
|
||||
|
||||
margin: -10px 0px -20px;
|
||||
|
||||
/* terminal icon */
|
||||
.ph-terminal {
|
||||
font-size: 25px;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
/* title text */
|
||||
p,
|
||||
a {
|
||||
font-family: "Lexend Deca";
|
||||
font-size: 16px;
|
||||
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
/* window buttons */
|
||||
div {
|
||||
display: flex;
|
||||
|
||||
height: 22px;
|
||||
align-self: center;
|
||||
margin-left: auto;
|
||||
|
||||
#minimize-btn {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
background: var(--surface2);
|
||||
border-radius: 50%;
|
||||
|
||||
transition: 0.2s background;
|
||||
}
|
||||
|
||||
#maximize-btn {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
background: var(--surface2);
|
||||
border-radius: 50%;
|
||||
margin-left: 10px;
|
||||
|
||||
transition: 0.2s background;
|
||||
}
|
||||
|
||||
#close-btn {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
background: var(--surface2);
|
||||
border-radius: 50%;
|
||||
margin-left: 10px;
|
||||
|
||||
transition: 0.2s background;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* the prompt */
|
||||
.term-input {
|
||||
.folder {
|
||||
color: var(--sapphire);
|
||||
background-color: var(--crust);
|
||||
border-radius: 3em;
|
||||
padding: 0px 12px 0px 12px;
|
||||
}
|
||||
.status {
|
||||
color: var(--green);
|
||||
font-size: 24px;
|
||||
margin-left: 3px;
|
||||
margin-right: -8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.blink {
|
||||
display: none;
|
||||
color: var(--text);
|
||||
margin-left: 3px;
|
||||
padding-bottom: 4px;
|
||||
animation: blink 0.8s linear infinite;
|
||||
-moz-animation: blink 0.8s linear infinite;
|
||||
-webkit-animation: blink 0.8s linear infinite;
|
||||
}
|
||||
}
|
||||
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
|
||||
border: var(--mantle) solid 3px;
|
||||
border-radius: 20px;
|
||||
|
||||
max-width: 48em;
|
||||
padding: 14px 24px;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 3.4em;
|
||||
|
||||
transition: 0.2s border-color;
|
||||
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
||||
}
|
||||
|
||||
.terminal:hover {
|
||||
.term-titlebar {
|
||||
div {
|
||||
#minimize-btn {
|
||||
background: var(--yellow);
|
||||
transition: 0.2s background;
|
||||
}
|
||||
|
||||
#maximize-btn {
|
||||
background: var(--green);
|
||||
transition: 0.2s background;
|
||||
}
|
||||
|
||||
#close-btn {
|
||||
background: var(--red);
|
||||
transition: 0.2s background;
|
||||
}
|
||||
}
|
||||
}
|
||||
.term-input {
|
||||
.blink {
|
||||
display: unset;
|
||||
}
|
||||
}
|
||||
border-color: var(--green);
|
||||
|
||||
transition: 0.2s border-color;
|
||||
}
|
||||
.terminal > .term-titlebar > p:hover,
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*
|
||||
top navbar styling. attempts to look like a desktop panel/window manager bar
|
||||
*/
|
||||
.navbar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: fixed;
|
||||
top: 0 !important;
|
||||
z-index: 10;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 1.8em !important;
|
||||
max-height: 1.8em !important;
|
||||
margin-top: 0.5em;
|
||||
|
||||
font-family: "Lexend Deca";
|
||||
align-content: center;
|
||||
vertical-align: middle;
|
||||
color: var(--text);
|
||||
|
||||
.nav-base {
|
||||
padding: 0px 0.2em !important;
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 15px;
|
||||
max-width: fit-content;
|
||||
align-content: center;
|
||||
}
|
||||
.nav-baselink {
|
||||
background-color: var(--green);
|
||||
text-decoration: unset !important;
|
||||
color: var(--crust);
|
||||
margin-left: 0.5em !important;
|
||||
}
|
||||
.nav-baselink-mobile {
|
||||
display: none;
|
||||
}
|
||||
.hover-tip {
|
||||
display: none;
|
||||
}
|
||||
.nav-links {
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
padding: 0px 5px 0px;
|
||||
margin-left: 0.5em !important;
|
||||
}
|
||||
.nav-links a {
|
||||
color: var(--text);
|
||||
text-decoration: unset !important;
|
||||
}
|
||||
.nav-links a:hover {
|
||||
color: var(--green);
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
.nav-systray {
|
||||
background-color: var(--crust);
|
||||
color: var(--text);
|
||||
margin-left: auto !important;
|
||||
margin-right: 0.5em !important;
|
||||
i {
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
a,
|
||||
p {
|
||||
margin: unset !important;
|
||||
}
|
||||
small {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
text formatting and config stuff
|
||||
font-family and <p> is set under .terminal
|
||||
*/
|
||||
|
||||
/* the only headings i use */
|
||||
h1,
|
||||
h1 a {
|
||||
color: var(--text);
|
||||
font-size: 32px;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* apparently having more than one h1 is against web standards
|
||||
but i prefer how it looks so i just use the same styling again */
|
||||
h2,
|
||||
h2 a {
|
||||
color: var(--text);
|
||||
font-size: 32px;
|
||||
text-decoration: none;
|
||||
}
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
/* TEXT */
|
||||
p,
|
||||
li {
|
||||
font-size: 18px;
|
||||
}
|
||||
/* links should look good i think */
|
||||
a {
|
||||
font-size: 18px;
|
||||
color: var(--green);
|
||||
}
|
||||
/* smol text */
|
||||
small,
|
||||
small a {
|
||||
font-size: 14px;
|
||||
}
|
||||
/* lists need some styling */
|
||||
li {
|
||||
margin-left: -1em;
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
/* gay ass text */
|
||||
.rainbow {
|
||||
animation: 2s linear infinite rainbow;
|
||||
-webkit-animation: 2s linear infinite rainbow;
|
||||
-moz-animation: 2s linear infinite rainbow;
|
||||
}
|
||||
/* heading 1 is also clickable */
|
||||
h1 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*
|
||||
about me section/terminal
|
||||
*/
|
||||
.terminal:nth-child(2) {
|
||||
margin-top: 3.8em;
|
||||
}
|
||||
|
||||
/*
|
||||
footer/credits
|
||||
*/
|
||||
footer {
|
||||
p,
|
||||
a {
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
margin: 0.2em 0px 0.2em;
|
||||
text-decoration: none;
|
||||
}
|
||||
img {
|
||||
max-width: 30%;
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
animations
|
||||
*/
|
||||
@keyframes blink {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes blink-navbar-text {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes spin-y {
|
||||
/* values: 128px, 256px, 348px, 396px*/
|
||||
0% {
|
||||
transform: perspective(396px) rotateY(0);
|
||||
}
|
||||
100% {
|
||||
transform: perspective(396px) rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes rainbow {
|
||||
0% {
|
||||
filter: hue-rotate(0deg) contrast(150%) saturate(150%);
|
||||
}
|
||||
100% {
|
||||
filter: hue-rotate(360deg) contrast(150%) saturate(150%);
|
||||
}
|
||||
}
|
||||
@keyframes bg-gradient {
|
||||
0% {
|
||||
background-position: 0% 27%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 74%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 27%;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes blink {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes blink-navbar-text {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes spin-y {
|
||||
/* values: 128px, 256px, 348px, 396px*/
|
||||
0% {
|
||||
transform: perspective(396px) rotateY(0);
|
||||
}
|
||||
100% {
|
||||
transform: perspective(396px) rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes rainbow {
|
||||
0% {
|
||||
filter: hue-rotate(0deg) contrast(150%) saturate(150%);
|
||||
}
|
||||
100% {
|
||||
filter: hue-rotate(360deg) contrast(150%) saturate(150%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes bg-gradient {
|
||||
0% {
|
||||
background-position: 0% 27%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 74%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 27%;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes blink {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes blink-navbar-text {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes spin-y {
|
||||
/* values: 128px, 256px, 348px, 396px*/
|
||||
0% {
|
||||
transform: perspective(396px) rotateY(0);
|
||||
}
|
||||
100% {
|
||||
transform: perspective(396px) rotateY(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes rainbow {
|
||||
0% {
|
||||
filter: hue-rotate(0deg) contrast(150%) saturate(150%);
|
||||
}
|
||||
100% {
|
||||
filter: hue-rotate(360deg) contrast(150%) saturate(150%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes bg-gradient {
|
||||
0% {
|
||||
background-position: 0% 27%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 74%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 27%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
modify widths and spacing depending on the size of the display
|
||||
*/
|
||||
@media screen and (max-width: 59em) {
|
||||
.navbar {
|
||||
min-height: 1.8em !important;
|
||||
max-height: 1.8em !important;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.nav-base {
|
||||
padding: 0.27em 0.2em !important;
|
||||
}
|
||||
.nav-baselink {
|
||||
display: none !important;
|
||||
}
|
||||
.nav-baselink-mobile {
|
||||
display: unset !important;
|
||||
background-color: var(--green);
|
||||
text-decoration: unset !important;
|
||||
color: var(--crust);
|
||||
margin-left: 0.4em !important;
|
||||
i:not(:first-child) {
|
||||
margin-left: -0.5em;
|
||||
margin-right: -0.5em;
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
.hover-tip {
|
||||
display: unset !important;
|
||||
background-color: var(--base);
|
||||
margin-left: 0.5em !important;
|
||||
animation: blink 3s ease-inr-out infinite;
|
||||
-moz-animation: blink 3s ease-in-out infinite;
|
||||
-webkit-animation: blink 3s ease-in-out infinite;
|
||||
}
|
||||
.nav-links {
|
||||
display: none !important;
|
||||
order: 1;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
.navbar:hover {
|
||||
min-height: 4.06em !important;
|
||||
.hover-tip {
|
||||
display: none !important;
|
||||
}
|
||||
.nav-links {
|
||||
display: unset !important;
|
||||
padding: 0.2em;
|
||||
margin-left: 0.4em !important;
|
||||
}
|
||||
.nav-baselink-mobile {
|
||||
padding: 0.2em !important;
|
||||
}
|
||||
.nav-systray {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.terminal:nth-child(2) {
|
||||
margin-top: 2.8em;
|
||||
}
|
||||
|
||||
.terminal {
|
||||
.term-titlebar {
|
||||
margin: -16px 0px -24px;
|
||||
}
|
||||
margin: 0px 0.7em 0.7em;
|
||||
padding: 10px 16px;
|
||||
}
|
||||
}
|
||||
125
index.html
125
index.html
|
|
@ -5,38 +5,38 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>sneexy dot pages dot gay</title>
|
||||
<link rel="icon" type="image/gif" href="./assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<link rel="stylesheet" type="text/css" href="./assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="./assets/fonts/Phosphor/fill/style.css">
|
||||
<link rel="icon" type="image/gif" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.css">
|
||||
<link rel="canonical" href="https://sneexy.pages.gay/">
|
||||
<link rel="me" href="https://lea.pet/@sneexy">
|
||||
<link rel="me" href="https://git.gay/sneexy">
|
||||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://sneexy.pages.gay/">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="./script.js" defer="defer"></script>
|
||||
<script src="/script.js" defer="defer"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- top navbar -->
|
||||
<div class="navbar">
|
||||
<a class="nav-base nav-baselink" href="https://sneexy.pages.gay"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
|
||||
<a class="nav-base nav-baselink" href="/"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
|
||||
<div class="mobile-dropdown">
|
||||
<button onclick="mobileDropdown()" class="nav-base nav-baselink-mobile"><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> p <i style="pointer-events:none;" class="ph-bold ph-dot"></i> g</button>
|
||||
<div id="dropdown-box" class="dropdown-content">
|
||||
<a href="https://sneexy.pages.gay"><i class="ph-bold ph-house"></i> home</a>
|
||||
<a href="https://sneexy.pages.gay/blog"><i class="ph-bold ph-article"></i> blog</a>
|
||||
<a href="https://sneexy.pages.gay/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
||||
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
||||
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
||||
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="nav-base nav-links">
|
||||
<a href="https://sneexy.pages.gay"><i class="ph-bold ph-house"></i> home</a>
|
||||
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
||||
<i class="ph-bold ph-dot"></i>
|
||||
<a href="https://sneexy.pages.gay/blog"><i class="ph-bold ph-article"></i> blog</a>
|
||||
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
||||
<i class="ph-bold ph-dot"></i>
|
||||
<a href="https://sneexy.pages.gay/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
||||
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
||||
</nav>
|
||||
<p aria-hidden="true" class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
|
||||
</div>
|
||||
|
|
@ -51,19 +51,20 @@
|
|||
<p><a href="#sneexy">~/sneexy</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/sneexy</span> <span class="status">•</span> <span style="padding-left:11px;">cat sneexy</span></p>
|
||||
<section>
|
||||
<img id="pfp" loading="lazy" src="./assets/me.png" onmouseover="this.src='./assets/petpet.gif'" onmouseout="this.src='./assets/me.png'" alt="Vector art made of bold squares and other rounded flat shapes of a synth character, They look to the left. Their body is mostly colored with shades of grey and accents of green, including their chest and belly area which is entirely made of green goo." title="Vector art made of bold squares and other rounded flat shapes of a synth character, They look to the left. Their body is mostly colored with shades of grey and accents of green, including their chest and belly area which is entirely made of green goo.">
|
||||
<h1>hey, i'm <span class="rainbow">ruben!</span></h1>
|
||||
<small>cheesed to meet ya.</small>
|
||||
<p>a synth who is constantly tired about everything.</p>
|
||||
<p>big gooey synth who is constantly eepy.</p>
|
||||
<details id="lastfm">
|
||||
<summary><a href="https://www.last.fm/user/sneexy_is_gay" target="_blank"><img loading="lazy" src="./assets/services/lastfm.png" alt="last.fm" title="last.fm"></a> now listening status</summary>
|
||||
<summary><a href="https://www.last.fm/user/sneexy_is_gay" target="_blank"><i class="ph-bold ph-music-notes" alt="Last.fm" title="Last.fm"></i></a> <span style="padding-left:14px;">now listening status</span></summary>
|
||||
<a href="https://www.last.fm/user/sneexy_is_gay" target="_blank"><img loading="lazy" src="https://lastfm-recently-played.vercel.app/api?user=sneexy_is_gay&loved=true&show_user=header&count=8" alt="My recently played songs, fetched from my last.fm account." /></a>
|
||||
<p><small>powered by <a href="https://github.com/JeffreyCA/lastfm-recently-played-readme" target="_blank">Last.fm Recently Played README</a></small></p>
|
||||
<p><small>i prefer listenbrainz though, <a href="#socials-and-contacts">see below</a></small></p>
|
||||
</details>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/sneexy</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/sneexy</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- about me -->
|
||||
|
|
@ -74,6 +75,7 @@
|
|||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/about-me</span> <span class="status">•</span> <span style="padding-left:11px;">cat abt-me</span></p>
|
||||
<h2><a href="#about-me">about me</a></h2>
|
||||
<p>i'm just some 18 year old <span class="rainbow">gay</span> foss enjoyer with adhd (and probably autistic), with access to the internet and nothing to do.</p>
|
||||
<p>i consider myself to be a Professional Computer Toucher™. in both soulless boxes running either corporate or free software and robot-aligned beings <small>(you know, synths or protogens. love em!)</small>.</p>
|
||||
|
|
@ -86,7 +88,7 @@
|
|||
<p>Certified™ idiot <small>(i think this one is obvious)</small></p>
|
||||
<p>usually pretty tired and sometimes full of ideas that i just can't bring myself to execute for some reason.</p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/about-me</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/about-me</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- socials -->
|
||||
|
|
@ -97,63 +99,48 @@
|
|||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/socials-and-contacts</span> <span class="status">•</span> <span style="padding-left:11px;">cat socials</span></p>
|
||||
<h2><a href="#socials-and-contacts">socials n' contacts</a></h2>
|
||||
<p>you can find or contact me in these places i'm usually available and active on. <span style="color: var(--peach);">i <i>suck</i> at direct messages, if you try to contact me and i don't know you then chances are you'll get a response within the next 3028 years.</span></p>
|
||||
<p>these are my <i>public facing</i> accounts and contact methods. if i know you well, you may ask me for anything else. <small>(e.g discord, matrix etc.)</small></span></p>
|
||||
<div class="socials-contacts-list">
|
||||
<span class="social-container" id="fedi">
|
||||
<a href="https://lea.pet" target="_blank"><img loading="lazy" src="./assets/services/leapet.png" alt="Lea's Dungeon (Sharkey/Fediverse)" title="Lea's Dungeon (Sharkey/Fediverse)"></a>
|
||||
<a href="https://lea.pet" target="_blank"><i class="ph-bold ph-fediverse-logo" alt="Fediverse/Sharkey/Mastodon" title="Fediverse/Sharkey/Mastodon"></i></a>
|
||||
<address><a href="https://lea.pet/@sneexy" target="_blank">@sneexy@lea.pet <small>(Fediverse)</small></a></address>
|
||||
</span>
|
||||
<span class="social-container" id="signal">
|
||||
<a href="https://signal.org" target="_blank"><img loading="lazy" src="./assets/services/signal.svg" alt="Signal" title="Signal"></a>
|
||||
<address><a href="https://signal.me/#eu/Ir_2xGMSoRqTs1BirNKBrL-fW0xsy5EAbuyBoFXO7nL1eTw22PBPlaN6_a6pwegK" target="_blank">Sneexy.66</a></address>
|
||||
</span>
|
||||
<span class="social-container" id="revolt">
|
||||
<a href="https://revolt.chat" target="_blank"><img loading="lazy" src="./assets/services/revolt.ico" alt="Revolt" title="Revolt"></a>
|
||||
<address><a href="https://revolt.chat" target="_blank">Sneexy#3963</a></address>
|
||||
</span>
|
||||
<span class="social-container" id="discord">
|
||||
<a href="https://discord.com" target="_blank"><img loading="lazy" src="./assets/services/discord.png" alt="Discord" title="Discord"></a>
|
||||
<address><a href="https://discord.com/users/984235958742425600" target="_blank">ffmpeg_6.1.1.tar.xz</a></address>
|
||||
</span>
|
||||
<span class="social-container" id="xmpp">
|
||||
<a href="https://xmpp.org" target="_blank"><img loading="lazy" src="./assets/services/xmpp.png" alt="XMPP" title="XMPP"></a>
|
||||
<address><a href="xmpp:sneexy@trashserver.net" target="_blank">sneexy@trashserver.net</a></address>
|
||||
</span>
|
||||
<span class="social-container" id="matrix">
|
||||
<a href="https://matrix.org" target="_blank"><img loading="lazy" src="./assets/services/matrix.svg" alt="Matrix" title="Matrix"></a>
|
||||
<address><a href="https://matrix.to/#/@sneexy:constellatory.net" target="_blank">@sneexy:constellatory.net</a></address>
|
||||
<span class="social-container" id="email">
|
||||
<i class="ph-bold ph-envelope-open" alt="Email" title="Email"></i>
|
||||
<address>sneexy <small>at</small> amogus <small>dot</small> cloud</address>
|
||||
</span>
|
||||
<span class="social-container" id="listenbrainz">
|
||||
<a href="https://listenbrainz.org" target="_blank"><img loading="lazy" src="./assets/services/listenbrainz.png" alt="ListenBrainz" title="ListenBrainz"></a>
|
||||
<a href="https://listenbrainz.org" target="_blank"><i class="ph-bold ph-headphones" alt="ListenBrainz" title="ListenBrainz"></i></a>
|
||||
<address><a href="https://listenbrainz.org/user/Sneexy" target="_blank">Sneexy</a></address>
|
||||
</span>
|
||||
<span class="social-container" id="gitgay">
|
||||
<a href="https://git.gay" target="_blank"><img loading="lazy" src="./assets/services/gitgay.svg" alt="git.gay Forgejo" title="git.gay Forgejo"></a>
|
||||
<a href="https://git.gay" target="_blank"><i class="ph-bold ph-git-branch" alt="git.gay Forgejo" title="git.gay Forgejo"></i></a>
|
||||
<address><a href="https://git.gay/sneexy" target="_blank">sneexy</a></address>
|
||||
</span>
|
||||
</div>
|
||||
<p>other points of interest:</p>
|
||||
<div class="socials-contacts-list">
|
||||
<span class="social-container" id="blog">
|
||||
<a href="https://amogus.cloud/s/zy6nCJn5NZCBP7C" target="_blank"><img loading="lazy" src="./assets/blog.svg" alt="Blog (Nextcloud)" title="Blog (Nextcloud)"></a>
|
||||
<a href="https://amogus.cloud/s/zy6nCJn5NZCBP7C" target="_blank"><i class="ph-bold ph-book-bookmark" alt="Blog (Currently on Nextcloud)" title="Blog (Currently on Nextcloud)"></i></a>
|
||||
<a href="https://amogus.cloud/s/zy6nCJn5NZCBP7C" target="_blank">my "blog"</a>
|
||||
</span>
|
||||
<span class="social-container" id="music">
|
||||
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT" target="_blank"><img loading="lazy" src="./assets/music.svg" alt="Music (Nextcloud)" title="Music (Nextcloud)"></a>
|
||||
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT" target="_blank"><i class="ph-bold ph-music-notes" alt="Music (Nextcloud)" title="Music (Nextcloud)"></i></a>
|
||||
<a href="https://amogus.cloud/s/4Ft4CSGYFCEMtHT" target="_blank">my music library</a>
|
||||
</span>
|
||||
<span class="social-container" id="shitposts">
|
||||
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank"><img loading="lazy" src="./assets/shitposts.png" alt="Shitposts (Nextcloud)" title="Shitposts (Nextcloud)"></a>
|
||||
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank"><i class="ph-bold ph-smiley" alt="Shitposts (Nextcloud)" title="Shitposts (Nextcloud)"></i></a>
|
||||
<a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank">shitposts</a>
|
||||
</span>
|
||||
<span class="social-container" id="internet-archive">
|
||||
<a href="https://archive.org/details/@sneexy" target="_blank"><img loading="lazy" src="./assets/services/internetarchive.ico" alt="Internet Archive" title="Internet Archive"></a>
|
||||
<a href="https://archive.org/details/@sneexy" target="_blank"><i class="ph-bold ph-archive" alt="Internet Archive" title="Internet Archive"></i></a>
|
||||
<a href="https://archive.org/details/@sneexy" target="_blank">my internet archive uploads</a>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/socials-and-contacts</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/socials-and-contacts</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- "fun" facts -->
|
||||
|
|
@ -163,6 +150,7 @@
|
|||
<p><a href="#fun-facts">~/fun-facts</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fun-facts</span> <span class="status">•</span> <span style="padding-left:11px;">cat fun-facts</span></p>
|
||||
<section>
|
||||
<h2><a href="#fun-facts">"fun" facts</a></h2>
|
||||
<ul>
|
||||
|
|
@ -174,7 +162,7 @@
|
|||
<li>i am <i>still</i> <b><i>terrible</i></b> at spelling. still made mistakes even when making this site. online dictionaries my beloved.</li>
|
||||
</ul>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fun-facts</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/fun-facts</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- quotes -->
|
||||
|
|
@ -185,40 +173,41 @@
|
|||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/quotes</span> <span class="status">•</span> <span style="padding-left:11px;">cat quotes</span></p>
|
||||
<h2><a href="#quotes">quotes</a></h2>
|
||||
<p>quotes left behind from friends! usually from the fediverse!</p>
|
||||
<div class="socials-contacts-list">
|
||||
<span class="quotes-container" id="limineow">
|
||||
<blockquote class="quotes-container" id="limineow">
|
||||
<p>"can you make my quote say that i am extremely homophobic and definitely not gay"</p>
|
||||
<small>~ <a href="https://grimgreenfo.rest/@root" target="_blank">limineow</a></small>
|
||||
</span>
|
||||
<span class="quotes-container" id="bready">
|
||||
</blockquote>
|
||||
<blockquote class="quotes-container" id="bready">
|
||||
<p>"*slaps visor* this synth can fit so much brainrot in him"</p>
|
||||
<small>~ <a href="https://lethallava.land/@breaadyboy" target="_blank">breaadyboy</a></small>
|
||||
</span>
|
||||
<span class="quotes-container" id="mikoto">
|
||||
</blockquote>
|
||||
<blockquote class="quotes-container" id="mikoto">
|
||||
<p>"The evolution of @sneexy from plush yoshi to robo dragon thing is interesting"</p>
|
||||
<small>~ <a href="https://akko.wtf/users/mikoto" target="_blank">mikoto</a></small>
|
||||
</span>
|
||||
<span class="quotes-container" id="av70">
|
||||
</blockquote>
|
||||
<blockquote class="quotes-container" id="av70">
|
||||
<p>"im deporting you until you say ur sorry"</p>
|
||||
<small>~ <a href="https://akko.eepy.zone/users/av70" target="_blank">av70</a></small>
|
||||
</span>
|
||||
<span class="quotes-container" id="vozy">
|
||||
</blockquote>
|
||||
<blockquote class="quotes-container" id="vozy">
|
||||
<p>"what a horrible day to have beaten the other sperm to the egg 22 years ago"</p>
|
||||
<small>~ <a href="https://wetdry.world/@vozercozer" target="_blank">vozercozer</a></small>
|
||||
</span>
|
||||
<span class="quotes-container" id="guigui">
|
||||
</blockquote>
|
||||
<blockquote class="quotes-container" id="guigui">
|
||||
<p>"they'll never expect the french inquisition"</p>
|
||||
<small>~ <a href="https://wetdry.world/@guigui" target="_blank">guigui</a></small>
|
||||
</span>
|
||||
<span class="quotes-container" id="binbows">
|
||||
</blockquote>
|
||||
<blockquote class="quotes-container" id="binbows">
|
||||
<p>"skibidi toilet will be mine yeah"</p>
|
||||
<small>~ <a href="https://labyrinth.zone/users/binbows" target="_blank">binbows</a></small>
|
||||
</span>
|
||||
</blockquote>
|
||||
</div>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/quotes</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/quotes</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- buttons -->
|
||||
|
|
@ -229,6 +218,7 @@
|
|||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/buttons</span> <span class="status">•</span> <span style="padding-left:11px;">cat buttons</span></p>
|
||||
<h2><a href="#buttons">buttons</a></h2>
|
||||
<span style="color: var(--red);">if any are broken and/or missing, poke me.</span>
|
||||
<div class="buttons">
|
||||
|
|
@ -298,7 +288,7 @@
|
|||
<a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img loading="lazy" src="./assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
|
||||
</div>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/buttons</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/buttons</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
|
|
@ -306,12 +296,13 @@
|
|||
<div id="webring-credits" class="terminal">
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
|
||||
<p><a href="https://git.gay/sneexy/pages" target="_blank">website source!</a></p>
|
||||
<p><a href="https://catppuccin.com" target="_blank">Catppuccin</a> <a href="https://raw.githubusercontent.com/catppuccin/catppuccin/main/LICENSE" target="_blank">license</a> 💜</p>
|
||||
<p><a href="https://phosphoricons.com" target="_blank">Phosphor</a> icons <a href="./assets/fonts/Phosphor/LICENSE" target="_blank">license</a></p>
|
||||
<p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="./assets/fonts/JetBrainsMono/OFL.txt" target="_blank">license</a>/<a href="./assets/fonts/JetBrainsMono/AUTHORS.txt" target="_blank">authors</a></p>
|
||||
<p><a href="https://www.lexend.com" target="_blank">Lexend</a> <a href="./assets/fonts/LexendDeca/OFL.txt" target="_blank">license</a></p>
|
||||
<p><a href="https://github.com/PapirusDevelopmentTeam/papirus-icon-theme" target="_blank">Papirus icons</a> <a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/LICENSE" target="_blank">license</a>/<a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/AUTHORS" target="_blank">authors</a></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" target="_blank"><i class="ph-bold ph-git-branch" alt="Website source code" title="website source!"></i></a>
|
||||
<a href="https://catppuccin.com" target="_blank"><i class="ph-bold ph-cat" alt="Catppuccin" title="Catppuccin"></i></a>
|
||||
<a href="https://phosphoricons.com" target="_blank"><i class="ph-bold ph-phosphor-logo" alt="Phosphor Icons" title="Phosphor Icons"></i></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" target="_blank"><i class="ph-bold ph-text-t" alt="JetBrains Mono" title="JetBrains Mono"></i></a>
|
||||
<a href="https://www.lexend.com" target="_blank"><i class="ph-bold ph-text-aa" alt="Lexend" title="Lexend"></i></a>
|
||||
</section>
|
||||
<p>favicon by <a href="https://akko.eepy.zone/users/wep" target="_blank">wep</a></p>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
|
|
|
|||
162
style.css
162
style.css
|
|
@ -72,6 +72,7 @@ i use catppuccin color schemes because jod i LOVE catppuccin
|
|||
/*
|
||||
font config, JetBrains Mono
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "JetBrains Mono";
|
||||
src:
|
||||
|
|
@ -112,6 +113,7 @@ font config, JetBrains Mono
|
|||
/*
|
||||
font config, Lexend Deca
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Lexend Deca";
|
||||
src:
|
||||
|
|
@ -134,6 +136,7 @@ font config, Lexend Deca
|
|||
/*
|
||||
background wallpaper, font
|
||||
*/
|
||||
|
||||
body {
|
||||
background: linear-gradient(125deg, var(--pink), var(--mauve), var(--maroon), var(--peach), var(--teal));
|
||||
background-size: 1000% 1000%;
|
||||
|
|
@ -148,6 +151,7 @@ body {
|
|||
/*
|
||||
styling of the terminal windows
|
||||
*/
|
||||
|
||||
.terminal {
|
||||
/* the titlebar of the terminals */
|
||||
.term-titlebar {
|
||||
|
|
@ -183,7 +187,7 @@ styling of the terminal windows
|
|||
align-self: center;
|
||||
margin-left: auto;
|
||||
|
||||
#minimize-btn {
|
||||
#minimize-btn, #maximize-btn, #close-btn {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
|
|
@ -193,26 +197,8 @@ styling of the terminal windows
|
|||
transition: .2s background;
|
||||
}
|
||||
|
||||
#maximize-btn {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
background: var(--surface2);
|
||||
border-radius: 50%;
|
||||
#maximize-btn, #close-btn {
|
||||
margin-left: 10px;
|
||||
|
||||
transition: .2s background;
|
||||
}
|
||||
|
||||
#close-btn {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
|
||||
background: var(--surface2);
|
||||
border-radius: 50%;
|
||||
margin-left: 10px;
|
||||
|
||||
transition: .2s background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -409,6 +395,33 @@ li {
|
|||
h1 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/*
|
||||
line seperator
|
||||
*/
|
||||
#seperator {
|
||||
display: block;
|
||||
height: 1px;
|
||||
width: auto;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px var(--surface2) solid;
|
||||
}
|
||||
/*
|
||||
summary styling
|
||||
*/
|
||||
summary {
|
||||
display: flex;
|
||||
}
|
||||
summary::after {
|
||||
font-family: "Phosphor-Fill" !important;
|
||||
content: '\e136';
|
||||
align-self: center;
|
||||
margin-left: .70em;
|
||||
transition: 0.2s;
|
||||
}
|
||||
details[open] > summary::after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/*
|
||||
about me section/terminal
|
||||
|
|
@ -437,16 +450,18 @@ about me section/terminal
|
|||
a {
|
||||
color: var(--red);
|
||||
}
|
||||
a i {
|
||||
font-size: 1.5em;
|
||||
padding-right: .3mm;
|
||||
vertical-align: middle;
|
||||
}
|
||||
a:has(i) {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
img {
|
||||
padding-top: .9em;
|
||||
max-width: auto;
|
||||
}
|
||||
summary img {
|
||||
padding-top: unset;
|
||||
vertical-align: middle;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -481,14 +496,15 @@ socials and links
|
|||
margin-top: .8mm;
|
||||
margin-bottom: .8mm;
|
||||
}
|
||||
img {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
padding-left: 1mm;
|
||||
padding-right: 1mm;
|
||||
margin-top: .8mm;
|
||||
margin-bottom: .8mm;
|
||||
display: flex;
|
||||
a i {
|
||||
color: var(--text) !important;
|
||||
font-size: 1.5em;
|
||||
padding-left: .8mm;
|
||||
padding-right: .8mm;
|
||||
vertical-align: middle;
|
||||
}
|
||||
a:has(i) {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
#fedi {
|
||||
|
|
@ -506,18 +522,7 @@ socials and links
|
|||
}
|
||||
}
|
||||
}
|
||||
#signal {
|
||||
background-color: color-mix(in srgb, var(--sapphire) 25%, transparent);
|
||||
p, a {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
p:hover, a:hover {
|
||||
color: var(--sapphire);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
#revolt {
|
||||
#email {
|
||||
background-color: color-mix(in srgb, var(--red) 25%, transparent);
|
||||
p, a {
|
||||
color: var(--text);
|
||||
|
|
@ -527,38 +532,12 @@ socials and links
|
|||
color: var(--red);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
#discord {
|
||||
background-color: color-mix(in srgb, var(--blue) 25%, transparent);
|
||||
p, a {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
p:hover, a:hover {
|
||||
color: var(--blue);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
#xmpp {
|
||||
background-color: color-mix(in srgb, var(--green) 25%, transparent);
|
||||
p, a {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
p:hover, a:hover {
|
||||
color: var(--green);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
#matrix {
|
||||
background-color: color-mix(in srgb, var(--flamingo) 25%, transparent);
|
||||
p, a {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
p:hover, a:hover {
|
||||
color: var(--flamingo);
|
||||
text-decoration: underline;
|
||||
i {
|
||||
color: var(--text) !important;
|
||||
font-size: 1.5em;
|
||||
padding-left: 1.8mm;
|
||||
padding-right: 2.8mm;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
#listenbrainz {
|
||||
|
|
@ -660,21 +639,6 @@ quotes
|
|||
}
|
||||
}
|
||||
}
|
||||
#limineow {
|
||||
background-color: color-mix(in srgb, var(--red) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--red);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--red) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
#bready {
|
||||
background-color: color-mix(in srgb, var(--peach) 25%, transparent);
|
||||
p, a, small {
|
||||
|
|
@ -828,11 +792,23 @@ footer {
|
|||
text-decoration: none;
|
||||
}
|
||||
img {
|
||||
padding-top: 18px;
|
||||
max-width: 30%;
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.inner-footer {
|
||||
text-align: center;
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
i {
|
||||
font-size: 2.4em;
|
||||
}
|
||||
a:not(:last-child):has(i) {
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue