Finally, an update
Crystal
|
|
@ -0,0 +1,220 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<!-- 2023-09-25 Mon 23:42 -->
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>**Discord** : an internet cancer</title>
|
||||
<meta name="author" content="Crystal" />
|
||||
<meta name="generator" content="Org Mode" />
|
||||
<link rel="stylesheet" type="text/css" href="../src/css/colors.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../src/css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content" class="content">
|
||||
<h1 class="title"><b><b>Discord</b></b> : an internet cancer</h1>
|
||||
|
||||
<div id="outline-container-org7e1a396" class="outline-2">
|
||||
<h2 id="org7e1a396">Preamble</h2>
|
||||
<div class="outline-text-2" id="text-org7e1a396">
|
||||
<p>
|
||||
Before I start writing this article, I just want to clarify that I will NOT go over the technical aspect of <b><b>Discord</b></b> (such as the spyware and all) as it has been covered many times by other websites like <a href="https://spyware.neocities.org/articles/discord">This one !!!</a>, but basically, it’s exactly how you expect it to be, spying, selling data, monitoring open processes, terrible electron based app….etc
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I also wanted to make it clear that this is PURELY from my personal experience with <b><b>Discord</b></b> and the <b><b>Internet</b></b> as a whole, this isn’t an exact science and everybody can have an - although similar - different experience with the platform. Peace and love <3
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org54a193a" class="outline-2">
|
||||
<h2 id="org54a193a">Chapter one : Curiosity</h2>
|
||||
<div class="outline-text-2" id="text-org54a193a">
|
||||
<p>
|
||||
Picture yourself, it’s 2018/2019 and you are playing your favorite game, be it <b><b>Minecraft</b></b>, <b><b>League of Legends</b></b>, <b><b>CS:GO</b></b>, doesn’t matter. You start to play nicely, you make some friends, some enemies, typical gameplay. And then, one of them decides to take a step closer into your life, so they invite you to this cool new platform you have never heard about, <b><b>Discord</b></b>. Upon checking, you notice it’s a modern chat application for gamers…. “huh, must be nice” you might say. And then you are faced with a choice, you either create an account, or you don’t.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
If you decide to NOT make an account, you would be made fun of by that friend, or even get blamed for loses because “you weren’t in the voice chat”, you will be called a “Skype user”, probably miss out on events, giveaways, exclusive prizes and sometimes even get banned from that game server (Yeah, it happened on <b><b>Minecraft</b></b> before, failure to join the discord server actually rejects you from the Minecraft server). And even if we take a more…casual example, you found a cool piece of software online, but their guides and download links are all on <b><b>Discord</b></b>, or Discord exclusive, maybe you want to work with a team that solely use Discord. Basically you are missing out on a LOT.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
However, if you take the path of least resistance and decide to sign up, entering your e-mail address, password, birth date, and in the unfortunate case where you use a <b><b>VPN</b></b> or <b><b>TOR</b></b>, your phone number, pick a username and a profile picture. Congratulations, you now cursed yourself for the rest of your life. Remember that friend we imagined ? You play a few games together in VC, you crack jokes, you get to know each other… it’s all fun and games, but then, they send you a link you never saw before. Apparently it’s how you add people to groups in discord, they are called “Servers”
|
||||
</p>
|
||||
|
||||
<p>
|
||||
> emkey.jpeg
|
||||
</p>
|
||||
|
||||
<p>
|
||||
So you join that group they invited you to, it could be anything from a small friend group, to a large server with giveaways and events. But they all share one aspect, a hierarchy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org3a0ea77" class="outline-2">
|
||||
<h2 id="org3a0ea77">Chapter two : The hierarchy</h2>
|
||||
<div class="outline-text-2" id="text-org3a0ea77">
|
||||
<p>
|
||||
Now this hierarchy is not inherently bad, but this is how <b><b>Discord</b></b> (and even the communities on Discord) keep you addicted to them. When you join, you start as a peasant, a pleb, a noobie even. You have an ugly color for your username, and no access to “channels”, only few ones with cooldowns so you don’t talk much. And then you look at the members list, and you see a beautiful rainbow, people divided into categories, or roles as they like to call them!!
|
||||
</p>
|
||||
|
||||
<p>
|
||||
At the top you will most likely find the Owner(s) or their loved ones, with colors that inspire majesty and fear, like a dark purple, these are the masters of the server, they shape it the way they want and in the rare occasion where they join the plebs in their discussions, they are met with rounds of applause.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Then just below them you have the Right hand(s) of the owners, generally veterans and original members, they have a bright, warm yet still majestic color to their role. These have the same power as the Owners, but are more active in the server and are actually hated by a lot of users, who unfairly got banned or kicked.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Then just below them you have the Bots, non-human, non-sentient beings, most of the time with a silvery metallic color as their username which are there to execute the Owners commands, or just to annoy the plebs, like a tax collector after a long day of work <b>“Congratulations you just advanced to level 5”</b>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Now, you have the Moderators, these have some power, have an aggressive color as their role and are generally the ones who try to control the Chaos in the server, although most of the time they fail due to a lack of permissions, or threats from the Owners themselves. Regardless, these are the ones with the biggest ego, and most importantly they are the ones causing server splits.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
If the aforementioned roles are considered black, and normal users are white, then Helpers are definitely the gray line separating them. They are peasants who strive to go a rank higher, to be a majesty, and have some power. But most of the time, they are there for an eternity, or they just go from there all the way up to a Right hand using some witchcraft….Oh and their color is almost always Green :D
|
||||
</p>
|
||||
|
||||
<p>
|
||||
After that we have the Plebeians which are also separated in an attempt to control them easily. But I’m going to go through the list quickly otherwise this article will take ages : you have the supporters - people who helped the server financially or in other ways -, partners which are just owners of other servers who decided to become living billboards, you have event winners to remind the others of what they can achieve if they wait long enough, then we have the activity roles, the more you are active, the more you have rights over casual users, this is definitely not a way to keep you addicted to the group discussion ;3
|
||||
</p>
|
||||
|
||||
<p>
|
||||
And finally, you have the outcasts, warned or muted people are all the way down the list, and they have little to no rights or uses in the server, quite frankly if they left they would have a better time !!!!
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
Okay so, in all seriousness. This at first glance doesn’t seem like a bad idea, after all you need order and laws in an easily accessible group. But this is not the way it’s used, this hierarchy is constantly there to remind you of what you can be if you are liked enough by the owners, what you can achieve. And in most cases, you get access to exclusive channels, a secret club, creating a sense of scarcity and power. This is bad because it keeps people invested in discussions they honestly don’t want nor need to have, but they are obliged, otherwise they are just a “powerless normie”.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Now what happens if a Mod or an Owner decides to abuse their power ? Well in this case, here are the different outcomes :
|
||||
</p>
|
||||
|
||||
<ul class="org-ul">
|
||||
<li>Either people get angry and start spamming and protesting (usually ends with a purge or a mass ban)</li>
|
||||
<li>People just blame the victim because it’s more profitable</li>
|
||||
<li>An other rogue mod decides to take control and destroy the server</li>
|
||||
<li>Or if it’s a disagreement between Owners, the server undergoes a split</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<p>
|
||||
If you are paying attention, you would know that all of these will always end with the same ending : “Another server gets created”, and so this is how…
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org2966135" class="outline-2">
|
||||
<h2 id="org2966135">Chapter three : <b><b>Discord</b></b> takes a once thriving community and splits it</h2>
|
||||
<div class="outline-text-2" id="text-org2966135">
|
||||
<p>
|
||||
Yes, there are always splits, and communities divide into multiple tiny sub-communities with their own opinions about useless matters. That is how you are kept invested. People love Drama, they love wars and they love picking sides.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Let’s imagine together a simulation for what i mean, since i can’t draw or animate, use your imagination:
|
||||
</p>
|
||||
<ul class="org-ul">
|
||||
<li>You have a big red circle, its <b>Group A</b>, a pretty large tech community, with tiny dots inside with different colors, these are members and the colors represent their roles.</li>
|
||||
<li>Once in a while, a fight happens in this group. Let’s say there is a fight between two normal users, a mod steps in and bans the user who is in the wrong. Not a big deal so far !</li>
|
||||
<li>Now let’s imagine this scenario again, but with a different person, <b>Kevin</b>, a normal user in the group, but with a consistent presence, he is loved by a handful of people. Sadly he gets wrongly banned… wrong move for the mod, because now <b>Kevin</b> takes his supporters and make their own group, a blue one called <b>Group B</b></li>
|
||||
<li><b>Group A</b>’s growth is starting to diminish because there is nothing to do there, and people are slowly moving to group <b>Group B</b> because of the overall aesthetic, in an attempt to win back their following, <b>Group A</b> decide to make events and reward their loyal followers. It kinda works but <b>Group B</b> is in a study growth</li>
|
||||
<li>Oopsie, there is a minor disagreement between <b>Group A</b> owners, and it turns into a big war between them. which ends up with members taking sides and dividing the server in half, creating two new communities <b>Group C</b> and <b>Group D</b></li>
|
||||
<li>And now, you know what is interesting ? is that all these 4 groups are not only semi-dead, but have the same users in them. AND SHARE THE SAME TOPIC</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
So you basically killed a community, in 6 easy steps !!! And of course this will end up either by a mass deletion of these groups by a rogue Moderator, or a ban, or a screw up. So if the server contained important non-archived data. They are looong gone!!!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-orga5ca424" class="outline-2">
|
||||
<h2 id="orga5ca424">Chapter four : <b><b>Discord</b></b> users are NOT your friends</h2>
|
||||
<div class="outline-text-2" id="text-orga5ca424">
|
||||
<p>
|
||||
<b><b>Discord</b></b> is made in a way that makes it easy to get attached to people, and also really hard to get rid of them, because you share the same servers, same friends, and the border between Private talk and Public talk is really blurred. Not to mention how hard, if not impossible it is to find someone who you met before but lost their contact. Because not only could they change their tag, but there is no way to search their username, and the servers can disappear from a minute to an other, or go private, or anything really !!! Now <a href="http://shystudios.us/blog/discord/discord.html">Shy actually talked about this issue on their article about Discord,</a> but here I’m making a different point, in their article they say that it’s hard to get rid of someone you know via Discord, which is absolutely true. But it’s also easy to lost contact with someone literally in a split second, even people you deem “close” to you, they just…disappear!! So for y’all thinking about dating on Discord, that’s a terrible idea !!!!
|
||||
Imagine you’re in a <b><b>Discord</b></b> server, vibing with some awesome people, chatting about everything from the latest memes to the mysteries of the universe. You’ve become practically inseparable online pals, sharing inside jokes and bonding over your mutual hatred for pineapple on pizza. Life is grand, right?
|
||||
</p>
|
||||
|
||||
<p>
|
||||
But, brace yourself for the plot twist: <b><b>Discord</b></b> friendships are like a box of chocolates - you never know what you’re going to get. People appear and disappear from servers faster than you can say “dank meme.” One day, your best Discord buddy is there, cracking jokes and sharing dog pics, and the next day, poof, they’re gone. Maybe they got bored, maybe real life called, or maybe they wandered into the Discord Bermuda Triangle. Who knows?
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Now, here’s the kicker: finding a lost <b><b>Discord</b></b> friend is like trying to find a grain of sand on a beach during a hurricane. You can’t just Google them, and even if you know their username, it’s about as useful as a chocolate teapot if they’ve changed it. Servers vanish, go private, or morph faster than a Pokémon in a battle. It’s like trying to capture smoke with a butterfly net.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
So, for those pondering the idea of <b><b>Discord</b></b> romance, think twice! While forming connections is a breeze, keeping tabs on those connections is like herding cats in a hurricane!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org41fdc9e" class="outline-2">
|
||||
<h2 id="org41fdc9e">Final Chapter : Login-walls</h2>
|
||||
<div class="outline-text-2" id="text-org41fdc9e">
|
||||
<p>
|
||||
People have made this point before and i will make it again, but locking important information behind a log-in page, with no way to find them using a Google search is stupid at best and manipulative at worst, because in this situation. Not only are you putting your faith on <b><b>Discord</b></b> servers to not fail one day, but on server Owners to not delete their work (and potentially rare unrecoverable work from other users). Not to mention that you actually need to be in that server to even know of the existence of these kind of resources. Regardless of how you see it, this is just putting valuable info in the hands of random people who could easily lock them behind a specific role that can be obtained either by paying, or by stroking their digital e-penis !!!
|
||||
</p>
|
||||
|
||||
<p>
|
||||
You see, <b><b>Discord</b></b>, in all its infinite wisdom, believes it’s a brilliant idea to squirrel away precious knowledge behind a digital fortress that demands a username and password. It’s like saying, “Sure, I’ll share this life-changing information with you, but only if you can recall your umpteenth password!”
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Now, let’s break this down. First, you’re entrusting your prized data to <b><b>Discord</b></b> servers, which, let’s face it, are about as stable as a Jenga tower during an earthquake. One moment they’re there, and the next… poof! Gone with the wind. So much for your treasure trove of wisdom.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
And it gets even better. Server owners have the power to lock away valuable resources behind specific roles, which can be obtained through a combination of charm, flattery, or, heaven forbid, a cash transaction. It’s like saying, “Want to see the good stuff? Well, pony up or start groveling!”
|
||||
</p>
|
||||
|
||||
<p>
|
||||
So, what’s the bottom line here? <b><b>Discord</b></b> has effectively become a modern-age Sphinx, guarding its secrets with a riddle of log-in screens. Your valuable info? In the hands of random folks who could decide to hoard it like misers guarding their gold or sell it to the highest bidder. It’s like a digital Wild West, and your information is the wild mustang everyone’s trying to wrangle.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
In conclusion, <b><b>Discord</b></b>’s penchant for login-walls is like locking away the Ark of the Covenant in a storage locker and hoping for the best. It’s the digital equivalent of hiding your keys in a haystack and hoping you can find them before the cows come home.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org356f6e7" class="outline-2">
|
||||
<h2 id="org356f6e7">Conclusion</h2>
|
||||
<div class="outline-text-2" id="text-org356f6e7">
|
||||
<p>
|
||||
In this digital adventure, we’ve explored the mysterious realm of <b><b>Discord</b></b>, a platform that’s both a blessing and a curse. It’s a place where friendships blossom and vanish like shooting stars, where power dynamics create hierarchies that keep you hooked, and where valuable information is locked away like a dragon’s hoard.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
While <b><b>Discord</b></b> has its quirks and pitfalls, it’s essential to remember that it’s a reflection of the internet itself - a vast, ever-changing landscape filled with both wonder and peril. Your experience on Discord is uniquely yours, but it’s bound to be filled with surprises, friendships, and even the occasional drama.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
As we wrap up this exploration, it’s worth noting that <b><b>Discord</b></b>, like any digital space, is shaped by its users. The tales of adventures and misadventures, the rise and fall of servers, and the endless cycle of drama are all part of the grand tapestry of online life.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
So, if you find yourself lost in the labyrinthine corridors of <b><b>Discord</b></b> or stumble upon its peculiarities, remember, you’re not alone. Many have ventured before you, and many more will follow. The internet, after all, is an ever-evolving, enigmatic landscape where, as in life, every twist and turn holds the promise of a new adventure.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
If you ever have more anecdotes, insights, or questions to add to this digital saga, feel free to reach out. The story of <b><b>Discord</b></b> is far from over, and your voice could be the missing piece of the puzzle in this fascinating online journey. Until then, peace and love in your digital endeavors, and may your Discord adventures be filled with more joy than chaos!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="postamble" class="status">
|
||||
<p class="author">Author: Crystal</p>
|
||||
<p class="date">Created: 2023-09-25 Mon 23:42</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,167 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<!-- 2023-10-01 Sun 22:08 -->
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Crystal's Website 💜</title>
|
||||
<meta name="author" content="Crystal" />
|
||||
<meta name="generator" content="Org Mode" />
|
||||
<link rel="stylesheet" type="text/css" href="src/css/colors.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="src/css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content" class="content">
|
||||
<h1 class="title">Crystal’s Website 💜</h1>
|
||||
<div id="outline-container-orgd8433bc" class="outline-2">
|
||||
<h2 id="orgd8433bc">Welcome to Crystal’s Cozy Nook!</h2>
|
||||
<div class="outline-text-2" id="text-orgd8433bc">
|
||||
<p>
|
||||
Hi there, <a href="./super_secret.html">adorable you!</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I’m Crystal, and you’ve found my little online diary and treasure trove. 🌟 Here, I’m all about sharing the cutest and neatest things that brighten up my day.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Imagine us sitting together, sipping hot cocoa, and having a delightful chat. It’s all about those heartwarming moments and the joy of simplicity.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I’m over the moon that you’re here, adding even more sweetness to this corner! 💕
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org9dc204a" class="outline-2">
|
||||
<h2 id="org9dc204a">Articles ( NEW !!!! )</h2>
|
||||
<div class="outline-text-2" id="text-org9dc204a">
|
||||
<ul class="org-ul">
|
||||
<li><b><a href="./articles/discord.html">Discord : an internet cancer</a></b> <i>Sun Sep 10 15:25:22 2023</i></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org374ac9a" class="outline-2">
|
||||
<h2 id="org374ac9a">root@localhost $ whoami</h2>
|
||||
<div class="outline-text-2" id="text-org374ac9a">
|
||||
<p>
|
||||
My name is <b>Crystal</b>, I’m a <insert time since 09/12/2005> years old transfem from Algeria. Well I’m also pansexual, anarcho-communist and absurdist! I speak 4 languages (Kabyle/Tamazight Arabic French & English) if this info is of any use for you !!
|
||||
</p>
|
||||
|
||||
<p>
|
||||
My current setup is :
|
||||
</p>
|
||||
<ul class="org-ul">
|
||||
<li>Primary OS: <b>OpenBSD -current</b></li>
|
||||
<li>Text Editor: <b>Doom Emacs</b></li>
|
||||
<li>Web Browser: <b>Ungoogled-chromium</b></li>
|
||||
<li>Desktop Environment: <b>NsCDE</b></li>
|
||||
<li>Shell: <b>Ksh</b></li>
|
||||
<li>Secondary OS(For gaming): <b>OpenSUSE</b> with <b>KDE</b></li>
|
||||
<li>Games I play: <b>Hollow Knight</b>, <b>Cult of the lamb</b>, <b>Dead Cells</b> & Rythm games(like <b>Phigros</b> and <b>A dance of fire and ice</b>)</li>
|
||||
</ul>
|
||||
<p>
|
||||
I also host this website on the <a href="https://tilde.institute">https://tilde.institute</a> <b>pubNIX</b> which also runs <b>OpenBSD</b>
|
||||
This might surprise you, but I also listen to music (A shocker, right?) though I mostly listen to <b>vaporwave</b> <b>glitchore</b> <b>weirdcore</b> <b>synthwave</b> and <b>dreamcore</b>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
If you want to contact me (which would be really surprising) contact me via <a href="mailto:crystal@danwin1210.de">mailto:crystal@danwin1210.de</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
My GNUPG (GPG) public key <a href="./src/txt/pubkey.asc">./src/txt/pubkey.asc</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="https://git.tilde.institute/crystal/www">This website is fully open-source with no licensing restrictions, check the source code and feel free to reuse everything!!!</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org540901e" class="outline-2">
|
||||
<h2 id="org540901e">Sign my Guestbook (External website warning)</h2>
|
||||
<div class="outline-text-2" id="text-org540901e">
|
||||
<p>
|
||||
Want to leave a message, opinion, review or a salty insult ? Be sure to Sign my Guestbook then, it takes two seconds but it will mean the world to me !!!
|
||||
</p>
|
||||
|
||||
|
||||
<div id="org066036d" class="figure">
|
||||
<p><a href="https://crystaltilde.123guestbook.com/"><img src="./src/gifs/links/sign_my_guestbook-anim.gif" alt="sign_my_guestbook-anim.gif" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgb314855" class="outline-2">
|
||||
<h2 id="orgb314855">Blinkies</h2>
|
||||
<div class="outline-text-2" id="text-orgb314855">
|
||||
<a href="http://validator.w3.org/check?uri=referer"><img
|
||||
src="./src/gifs/blinkies/valid-xhtml10.png" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
|
||||
<a href="https://jigsaw.w3.org/css-validator/check/referer">
|
||||
<img style="border:0;width:88px;height:31px"
|
||||
src="./src/gifs/blinkies/vcss.gif"
|
||||
alt="Valid CSS!" />
|
||||
</a>
|
||||
<p>
|
||||
<a href="https://nishi.boats/"><img src="./src/gifs/blinkies/nishiboats.jpg" alt="nishiboats.jpg" /></a>
|
||||
<img src="./src/gifs/blinkies/girlsnow.png" alt="girlsnow.png" />
|
||||
<img src="./src/gifs/blinkies/cookiefree.gif" alt="cookiefree.gif" />
|
||||
<img src="./src/gifs/blinkies/transnow2.gif" alt="transnow2.gif" />
|
||||
<img src="./src/gifs/blinkies/gaywebring.gif" alt="gaywebring.gif" />
|
||||
<img src="./src/gifs/blinkies/tranarchy.gif" alt="tranarchy.gif" />
|
||||
<img src="./src/gifs/blinkies/button-torrents.gif" alt="button-torrents.gif" />
|
||||
<img src="./src/gifs/blinkies/tyg.gif" alt="tyg.gif" />
|
||||
<img src="./src/gifs/blinkies/fuck-google.gif" alt="fuck-google.gif" />
|
||||
<img src="./src/gifs/blinkies/fuck_facebook.gif" alt="fuck_facebook.gif" />
|
||||
<img src="./src/gifs/blinkies/graphics_by_gimp.gif" alt="graphics_by_gimp.gif" />
|
||||
<img src="./src/gifs/blinkies/learn_html.gif" alt="learn_html.gif" />
|
||||
<img src="./src/gifs/blinkies/leave-twitter.gif" alt="leave-twitter.gif" />
|
||||
<img src="./src/gifs/blinkies/stop_microsoft.gif" alt="stop_microsoft.gif" />
|
||||
<img src="./src/gifs/blinkies/web-pi.png" alt="web-pi.png" />
|
||||
<img src="./src/gifs/blinkies/piracy.gif" alt="piracy.gif" />
|
||||
<img src="./src/gifs/blinkies/best_viewed_with_eyes.gif" alt="best_viewed_with_eyes.gif" />
|
||||
<a href="https://spyware.neocities.org/articles/discord"><img src="./src/gifs/blinkies/discord-no-way-2.gif" alt="discord-no-way-2.gif" /></a>
|
||||
<a href="https://yesterweb.org/no-to-web3/"><img src="./src/gifs/blinkies/roly-saynotoweb3.gif" alt="roly-saynotoweb3.gif" /></a>
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
<a href="https://openbsd.org/"><img src="./src/gifs/blinkies/openbsd.png" alt="openbsd.png" /></a>
|
||||
<a href="https://partysepe13.neocities.org/"><img src="./src/gifs/blinkies/partysepe.png" alt="partysepe.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
<div id="outline-container-org59abd1a" class="outline-3">
|
||||
<h3 id="org59abd1a">My banner</h3>
|
||||
<div class="outline-text-3" id="text-org59abd1a">
|
||||
<p>
|
||||
If you enjoyed my website, you could link me on your personal website using this banner. If you don’t want to, then no pressure 💜 I still love you and I hope that this small shrine of mine will impress you in the future!!!
|
||||
</p>
|
||||
|
||||
|
||||
<div id="org42e22aa" class="figure">
|
||||
<p><img src="./src/gifs/crystal-tilde.gif" alt="crystal-tilde.gif" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org45ca9be" class="outline-2">
|
||||
<h2 id="org45ca9be"><a href="https://crystal.tilde.institute/links.html">Webrings & Links (JAVASCRIPT WARNING)!!</a></h2>
|
||||
</div>
|
||||
<div id="outline-container-org4e92f4e" class="outline-2">
|
||||
<h2 id="org4e92f4e">Misc :</h2>
|
||||
<div class="outline-text-2" id="text-org4e92f4e">
|
||||
<ol class="org-ol">
|
||||
<li><b><a href="./uni_notes/">My University notes</a></b></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="postamble" class="status">
|
||||
<p class="author">Author: Crystal</p>
|
||||
<p class="date">Created: 2023-10-01 Sun 22:08</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,95 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<!-- 2023-09-15 Fri 20:23 -->
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Webrings and Links (JavaScript ahead) 💜</title>
|
||||
<meta name="author" content="Crystal" />
|
||||
<meta name="generator" content="Org Mode" />
|
||||
<link rel="stylesheet" type="text/css" href="src/css/colors.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="src/css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content" class="content">
|
||||
<h1 class="title">Webrings and Links (JavaScript ahead) 💜</h1>
|
||||
<div id="outline-container-org0f47f24" class="outline-2">
|
||||
<h2 id="org0f47f24">Webrings & Links</h2>
|
||||
<div class="outline-text-2" id="text-org0f47f24">
|
||||
<p>
|
||||
<b>This site is a proud member of the geekring! Check some other geeky websites here!</b>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="http://geekring.net/site/302/previous">Previous site</a> – <a href="http://geekring.net/site/301/random">Random Site</a> – <a href="http://geekring.net/site/301/next">Next Site</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<b>Do you long for a simpler time, when America was Online and the only person you could Ask was Jeeves? Hotline Webring is bringing that time back, with Webrings! <i>This website is part of the Hotline Webring</i></b>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="https://hotlinewebring.club/crystal/previous">Previous site</a> – <a href="https://hotlinewebring.club/crystal/next">Next site</a>
|
||||
</p>
|
||||
<iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=crystal"></iframe>
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="https://teethinvitro.neocities.org/webring/linuxring/script/onionring.css">
|
||||
<div id="transring">
|
||||
<script type="text/javascript" src="https://transring.neocities.org/onionring-variables.js"></script>
|
||||
<script type="text/javascript" src="https://transring.neocities.org/onionring-widget.js"></script>
|
||||
</div>
|
||||
|
||||
<div id='linuxring'>
|
||||
<script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-variables.js"></script>
|
||||
<script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-widget.js"></script>
|
||||
</div>
|
||||
<table>
|
||||
<tr>
|
||||
<td><a href="https://webri.ng/webring/ladiesofthelinks/previous?via=https%3A%2F%2Fcrystal.tilde.institute"><img src="src/gifs/links/ladiesofthelinks/ladiesofthelink1.gif"></a></td>
|
||||
<td><a href="https://ladiesofthe.link/"><img src="src/gifs/links/ladiesofthelinks/ladiesofthelink.gif"></a></td>
|
||||
<td><a href="https://webri.ng/webring/ladiesofthelinks/next?via=https%3A%2F%2Fcrystal.tilde.institute"><img src="/src/gifs/links/ladiesofthelinks/ladiesofthelink2.gif"></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org614fbc6" class="outline-3">
|
||||
<h3 id="org614fbc6">Lainchan Webring</h3>
|
||||
<div class="outline-text-3" id="text-org614fbc6">
|
||||
<p>
|
||||
Lainring is a decentralized <a href="https://indieweb.org/webring">webring</a> created by the users of <a href="https://www.lainchan.org">Lainchan</a>, an anonymous image board. If you want to be added, go to the <a href="https://lainchan.org/%CE%A9/res/70358.html">Lainchan thread</a> and post your website there, together with a 240x60 button image.
|
||||
</p>
|
||||
|
||||
<div id="lainring">... Loading, please wait ...</div>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function(event) {
|
||||
/* Try to retrieve the json file */
|
||||
fetch('src/json/lainring.json').then(res => res.json()).then((data) => {
|
||||
let out = '';
|
||||
/* For each element in the JSON, build an anchor-image DOM structure */
|
||||
data.items.forEach(element => {
|
||||
/* This string is split in multiple lines for readability */
|
||||
out += '<a title="' + element.title + '" ' +
|
||||
'href="' + element.url + '">' +
|
||||
'<img src="src/gifs/lainchan/' + element.img + '" alt="' + element.title + '" /></a>';
|
||||
});
|
||||
/* Inject the DOM structure into the element with the id 'lainring' */
|
||||
document.getElementById('lainring').innerHTML = out;
|
||||
}).catch(err => {
|
||||
/* throw an error */
|
||||
throw err
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="postamble" class="status">
|
||||
<p class="author">Author: Crystal</p>
|
||||
<p class="date">Created: 2023-09-15 Fri 20:23</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
:root {
|
||||
--color0: #06050B;
|
||||
--color1: #a686f7;
|
||||
--color2: #9C6793;
|
||||
--color3: #DA629B;
|
||||
--color4: #C35CB8;
|
||||
--color5: #A998A0;
|
||||
--color6: #D1A5A8;
|
||||
--color7: #e2d8d6;
|
||||
--color8: #9e9795;
|
||||
}
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
@font-face {
|
||||
font-family: basiic;
|
||||
src: url(../fonts/basiic.ttf);
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Special Elite';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Special_Elite.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
html {
|
||||
font-family: "Special Elite";
|
||||
background-color: var(--color0);
|
||||
max-width: 70em;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--color1);
|
||||
text-align: center;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--color2);
|
||||
}
|
||||
|
||||
p {
|
||||
color: var(--color1);
|
||||
}
|
||||
table {
|
||||
color: var(--color1);
|
||||
}
|
||||
a {
|
||||
color: var(--color4);
|
||||
}
|
||||
|
||||
li {
|
||||
color: var(--color8);
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: var(--color6);
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: var(--color7);
|
||||
}
|
||||
|
||||
b {
|
||||
color: var(--color3);
|
||||
}
|
||||
|
||||
div.outline-2 {
|
||||
border: 4px solid var(--color5);
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.figure p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(rgba(20, 20, 20, 0) 66%, #DA629B0B 33%);
|
||||
background-size: 100% 9px;
|
||||
z-index: 9999;
|
||||
pointer-events: none;
|
||||
animation: scanlines-anim 1.0s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes scanlines-anim {
|
||||
0% {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
100% {
|
||||
background-position: 0px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (orientation: portrait) {
|
||||
body::before {
|
||||
background-size: 100% 4px;
|
||||
}
|
||||
}
|
||||
@keyframes rotating {
|
||||
from {
|
||||
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.smurf {
|
||||
animation: rotating 2s linear infinite;
|
||||
max-width: 40%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 851 B |
|
After Width: | Height: | Size: 582 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 780 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 581 B |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 910 B |
|
After Width: | Height: | Size: 483 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 471 B |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 279 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 857 B |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 107 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 836 B |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 194 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 209 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 989 B |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 902 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 415 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 730 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 7.7 KiB |