Compare commits

..

2 Commits

4 changed files with 332 additions and 9 deletions

80
about-me.html 100644
View File

@ -0,0 +1,80 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>About Nexan</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="author" href="humans.txt" />
<link rel="stylesheet" href="css/style.css"> <!-- main stylesheet -->
<link rel="stylesheet" href="css/scrollbar.css"> <!-- custom scrollbar -->
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header" style="height: 249px;"></div>
<nav id="navbar" style="margin-bottom: 0px;">
<ul>
<li><a href="/">Home</a></li>
<li><a href="about-me.html">About</a></li>
<!-- <li><a href="#">Blog</a></li> --> <!-- Uncomment when I have a blog I want to share -->
<li><a href="links.html">Links</a></li>
<li><a href="shrines.html">Shrines</a></li>
<li><a href="manifesto.html">Manifesto</a></li>
<!-- <li><a href="#">Sitemap</a></li> -->
</ul>
</nav>
</div>
<div id="flex">
<!-- START OF THE SIDEBAR -->
<aside id="leftSidebar" style="margin-right: 0px;">
<h2>Updates</h2>
<div class="box">
<p>My Most Recent Updates Are Found Here! (For more real-time stuff, check the Mastodon account linked on the right)</p>
<ul style="padding-left:10px;">
<li>Rebuilt this site using tools from <a href="https://sadgrl.online/" target="_blank">Sadgrl</a></li>
<li>Built a MTG Deck with input from friends based around Demons, Devils, and Tieflings</li>
<li>I joined Mastodon, finally.</li>
</ul>
</div>
<!-- <h2>Hi there!</h2>
<p>(fill this in)</p>
<h3>Other Tools</h3>
<ul>
<li></li>
</ul> -->
<h2>Have some 88x31s</h2>
<p>Context: These are either links to tools or websites I like, or just neat fucking images. Hover over them!</p>
<ul class="nobull">
<li><img src="img/got_html.gif"></li>
<li><a href="https://code.visualstudio.com/" target="_blank"><img src="img/vscbutton.gif"></a></li>
<li><a href="humans.txt"><img src="img/humanstxt-isolated-blank.gif"></a></li>
<li><img src="img/discord.gif" title=""></li>
<li><img src="img/nonbinary.png" title="they/them"></li>
<li><a href="https://www.mozilla.org/en-US/firefox/new/"><img src="img/firefox2.gif"></a></li>
<li><a href="https://store.steampowered.com" target="_blank"><img src="img/steam.gif" title="Play games with people!"></a></li>
<li><a href="https://yesterweb.org/" target="_blank"><img src="https://yesterweb.org/img/button.png" alt="a button that says Yesterweb Reclaim The Net" /></a></li>
<li><a rel="me" href="https://tech.lgbt/@nexxy"><img src="img/mastodon.gif"></a></li>
</ul>
</aside>
<!-- END OF THE SIDEBAR -->
<main>
<h1>About Nexan</h1>
<p>(about)</p>
</main>
</div>
<footer id="footer" style="margin-top: 0px;"><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> | Nexan 2020-2022</footer>
</div>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
</body>
</html>

View File

@ -19,15 +19,7 @@
<div id="headerArea"> <div id="headerArea">
<div id="header" style="height: 249px;"></div> <div id="header" style="height: 249px;"></div>
<nav id="navbar" style="margin-bottom: 0px;"> <nav id="navbar" style="margin-bottom: 0px;">
<ul> [[$navbar]]
<li><a href="/">Home</a></li>
<li><a href="about-me.html">About</a></li>
<!-- <li><a href="#">Blog</a></li> --> <!-- Uncomment when I have a blog I want to share -->
<li><a href="links.html">Links</a></li>
<li><a href="shrines.html">Shrines</a></li>
<li><a href="manifesto.html">Manifesto</a></li>
<!-- <li><a href="#">Sitemap</a></li> -->
</ul>
</nav> </nav>
</div> </div>

139
links.html 100644
View File

@ -0,0 +1,139 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Links</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="author" href="humans.txt" />
<link rel="stylesheet" href="css/style.css"> <!-- main stylesheet -->
<link rel="stylesheet" href="css/scrollbar.css"> <!-- custom scrollbar -->
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header" style="height: 249px;"></div>
<nav id="navbar" style="margin-bottom: 0px;">
<ul>
<li><a href="/">Home</a></li>
<li><a href="about-me.html">About</a></li>
<!-- <li><a href="#">Blog</a></li> --> <!-- Uncomment when I have a blog I want to share -->
<li><a href="links.html">Links</a></li>
<li><a href="shrines.html">Shrines</a></li>
<li><a href="manifesto.html">Manifesto</a></li>
<!-- <li><a href="#">Sitemap</a></li> -->
</ul>
</nav>
</div>
<div id="flex">
<!-- START OF THE SIDEBAR -->
<aside id="leftSidebar" style="margin-right: 0px;">
<h2>Updates</h2>
<div class="box">
<p>My Most Recent Updates Are Found Here! (For more real-time stuff, check the Mastodon account linked on the right)</p>
<ul style="padding-left:10px;">
<li>Rebuilt this site using tools from <a href="https://sadgrl.online/" target="_blank">Sadgrl</a></li>
<li>Built a MTG Deck with input from friends based around Demons, Devils, and Tieflings</li>
<li>I joined Mastodon, finally.</li>
</ul>
</div>
<!-- <h2>Hi there!</h2>
<p>(fill this in)</p>
<h3>Other Tools</h3>
<ul>
<li></li>
</ul> -->
<h2>Have some 88x31s</h2>
<p>Context: These are either links to tools or websites I like, or just neat fucking images. Hover over them!</p>
<ul class="nobull">
<li><img src="img/got_html.gif"></li>
<li><a href="https://code.visualstudio.com/" target="_blank"><img src="img/vscbutton.gif"></a></li>
<li><a href="humans.txt"><img src="img/humanstxt-isolated-blank.gif"></a></li>
<li><img src="img/discord.gif" title=""></li>
<li><img src="img/nonbinary.png" title="they/them"></li>
<li><a href="https://www.mozilla.org/en-US/firefox/new/"><img src="img/firefox2.gif"></a></li>
<li><a href="https://store.steampowered.com" target="_blank"><img src="img/steam.gif" title="Play games with people!"></a></li>
<li><a href="https://yesterweb.org/" target="_blank"><img src="https://yesterweb.org/img/button.png" alt="a button that says Yesterweb Reclaim The Net" /></a></li>
<li><a rel="me" href="https://tech.lgbt/@nexxy"><img src="img/mastodon.gif"></a></li>
</ul>
</aside>
<!-- END OF THE SIDEBAR -->
<main>
<h1>Great Links</h1>
<p>This is a list of links that I find nice, important, inspirational, useful, or are to my profile on various websites.</p>
<h2>Places to find me</h2>
<h3>Socials and Pages</h3>
<p>Some places I am active at and can be found at!</p>
<ul>
<li><a href="https://twitter.com/nexangames">Twitter</a></li>
<li><a rel="me" href="https://tech.lgbt/@nexxy">Mastodon</a></li>
<li><a href="https://www.youtube.com/@NexanGames/">Youtube</a></li>
<li><a href="https://www.twitch.tv/nexangames/">Twitch</a></li>
<li><a href="https://steamcommunity.com/id/nexantrash">Steam</a></li>
</ul>
<h3>Tips</h3>
<p>Want to help support me financially or send me something? Here's where!</p>
<ul>
<li><a href="https://streamelements.com/nexangames/tip" target="_blank">Stream Elements</a></li>
<li><a href="https://giftapp.com/nexangames">GiftApp</a></li>
</ul>
<h3>Other Places?</h3>
<p>Here are some of my "alternate" channels and places that I can be found.</p>
<ul>
<li><a href="https://www.youtube.com/channel/UCBtYuYgDkQJBvNA7SFGe0YQ" target="_blank">Stream Vods</a></li>
</ul>
<h2>My Favorite Places</h2>
<p>Here's a list of some of my favorite places on the web.</p>
<ul>
<li><a href="https://yesterweb.org/">Yesterweb</a></li>
</ul>
<h2>Inspirations</h2>
<p>These are inspriational websites, pages, art, or readings that I find, well, inspirational.</p>
<ul>
<li><a href="https://eposvox.com/">EposVox</a></li>
<li><a href="https://yesterweb.org/">Yesterweb</a></li>
<li><a href="https://anlucas.neocities.org/">A.N. Lucas</a></li>
<li><a href="https://sadgrl.online/">SadGrl/Sadness</a></li>
</ul>
<h2>Tools</h2>
<p>Here are links to tools I commonly use, whether physical or virtual (such as software), or tools that I think people should know about.</p>
<ul>
<li><a href="https://links.yesterweb.org/">Yesterweb Links</a> - A directory of links to tools, websites, and more.</li>
<li><a href="https://code.visualstudio.com/">Visual Studio Code</a></li>
<li><a href="https://www.notion.so/">Notion</a></li>
<li><a href="https://obsidian.md">Obsidian</a></li>
<li><a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a></li>
<li><a href="https://www.startpage.com/">Startpage.com</a></li>
<li><a href="https://github.com/go-gitea/gitea">Gitea</a></li>
</ul>
<h2>Important</h2>
<p>These links are links that I find important in general, and don't exactly fit elsewhere.</p>
<ul>
<li><a href="https://yesterweb.org/no-to-web3/">Say No to Web3</a></li>
<li><a href="https://bluemaxima.org/flashpoint/">Flashpoint</a></li>
<li><a href="https://creativecommons.org/">Creative Commons</a></li>
<li><a href="https://web.archive.org/web/19961020032805/http://www.eff.org/blueribbon.html">EFF Blue Ribbon</a></li>
<li></li>
</ul>
</main>
</div>
<footer id="footer" style="margin-top: 0px;"><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> | Nexan 2020-2022</footer>
</div>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
</body>
</html>

112
manifesto.html 100644
View File

@ -0,0 +1,112 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My Manifesto</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="author" href="humans.txt" />
<link rel="stylesheet" href="css/style.css"> <!-- main stylesheet -->
<link rel="stylesheet" href="css/scrollbar.css"> <!-- custom scrollbar -->
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header" style="height: 249px;"></div>
<nav id="navbar" style="margin-bottom: 0px;">
<ul>
<li><a href="/">Home</a></li>
<li><a href="about-me.html">About</a></li>
<!-- <li><a href="#">Blog</a></li> --> <!-- Uncomment when I have a blog I want to share -->
<li><a href="links.html">Links</a></li>
<li><a href="shrines.html">Shrines</a></li>
<li><a href="manifesto.html">Manifesto</a></li>
<!-- <li><a href="#">Sitemap</a></li> -->
</ul>
</nav>
</div>
<div id="flex">
<!-- START OF THE SIDEBAR -->
<aside id="leftSidebar" style="margin-right: 0px;">
<h2>Updates</h2>
<div class="box">
<p>My Most Recent Updates Are Found Here! (For more real-time stuff, check the Twitter account linked on the right)</p>
<ul style="padding-left:10px;">
<li>Rebuilt this site using tools from <a href="https://sadgrl.online/" target="_blank">Sadgrl</a></li>
<li>Re-added the domain to my server/this website</li>
<li>Built a MTG Deck with input from friends based around Demons, Devils, and Tieflings</li>
<li>Joining the Federation (no, not the one from Star Trek) slowly</li>
</ul>
</div>
<!-- <h2>Hi there!</h2>
<p>(fill this in)</p>
<h3>Other Tools</h3>
<ul>
<li></li>
</ul> -->
<h2>Have some 88x31s</h2>
<p>Context: These are either links to tools or websites I like, or just neat fucking images. Hover over them!</p>
<ul class="nobull">
<li><img src="img/got_html.gif"></li>
<li><a href="https://code.visualstudio.com/" target="_blank"><img src="img/vscbutton.gif"></a></li>
<li><a href="humans.txt"><img src="img/humanstxt-isolated-blank.gif"></a></li>
<li><img src="img/discord.gif" title=""></li>
<li><img src="img/nonbinary.png" title="they/them"></li>
<li><a href="https://www.mozilla.org/en-US/firefox/new/"><img src="img/firefox2.gif"></a></li>
<li><a href="https://store.steampowered.com" target="_blank"><img src="img/steam.gif" title="Play games with people!"></a></li>
<li><a href="https://yesterweb.org/" target="_blank"><img src="https://yesterweb.org/img/button.png" alt="a button that says Yesterweb Reclaim The Net" /></a></li>
</ul>
</aside>
<!-- END OF THE SIDEBAR -->
<main>
<h1>My Web Manifesto</h1>
<p>Manifesto</p>
<strong>At this time, my Manifesto is copied directly from <a href="https://sadgrl.online/cyberspace/internet-manifesto">Sadgrl</a>. It will be updated and modified to be my own in due time.</strong></p>
<em>&quot;The villain here is not necessarily the Internet, or even the idea of social media; it is the invasive logic of commercial social media and its financial incentive to keep us in a profitable state of anxiety, envy, and distraction. It is furthermore the cult of individuality and personal branding that grow out of such platforms and affect the way we think about our offline selves and the places where we actually live.&quot;</em> - Jenny Odell, How to Do Nothing</p>
<p>In the <a href="https://web.archive.org/web/20230417093525/https://sadgrl.online/cyberspace/internet-manifesto" target="_blank">earlier iterations of this manifesto</a>, I made the mistake of focusing too heavily on the creation of personal websites as the main method of fighting against the exploitative capitalist hellscape that has become our Internet.</p>
<p>I&#39;ve since learned that there&#39;s more we can do to transform the internet that goes far beyond the act of creating a website, so I wanted to update this page with new information.</p>
<p>For example, we can work on transforming social relations online. This is something that anyone can participate in, with a little effort. Social relations online (especially on social media) tend to be divisive and hostile. It&#39;s easy to forget that there are real people on the other side of the screen.</p>
<p>To work on this, we could start by keeping others&#39; humanity in mind and treating them with respect. When conflict eventually happens, we would turn that conflict into something constructive. That means using conflict as an opportunity to come to a mutual and better understanding of each other&#39;s viewpoints. (Note: This doesn&#39;t apply to trolls, people who intentionally try to instigate hostility or arguments online.)</p>
<p>The internet has normalized debating with each other. In debates, there can only be one &#39;winner&#39;. The net has also normalized a lack of nuance (a gray area in between the two extremes) which tends to be divisive.</p>
<p>It would be infinitely more constructive if, instead of debating with others, we started a dialogue, working together &#39;on the same team&#39; as others in order to form a common understanding. This is different than &quot;agreeing to disagree&quot; and more like making an effort to listen and view something from each individual&#39;s perspective. It requires being open to changing your perspective in the first place.</p>
<p>In order to discuss social relations online, it&#39;s impossible to ignore social media. Originally, I felt that social media was pure toxicity and there was no benefit at all from being a part of it. It exploits us by selling our data and bombarding us with ads, and is full of trolls. At the same time, it&#39;s where the people are. It&#39;s how many people keep in touch with their friends, and leaving social media would be even more alienating than continuing to use it.</p>
<p>We shouldn&#39;t shame others for using social media. As long as people continue to use it, we should advocate for learning to use those platforms in different, healthier and more humanizing ways. For example, we could do this by placing less effort on &#39;liking&#39; posts and more effort on responding to them with an intention to make a real connection with its author.</p>
<p>The default goal on social media is to amass followers and likes, rather than to make meaningful connections with other people, and that&#39;s something we can counter by changing our behavior.</p>
<p>Parasocial relationships are another strange distortion of social relations that have become much more commonplace online. These are the relations between influencers or social media &#39;personalities&#39; and their fans / followers, and is another example of unequal and potentially alienating / dehumanizing interaction online, often for all parties involved.</p>
<p>As a brief aside, it brings me much &#39;ick&#39; to acknowledge that my website is at the top of Neocities &quot;most followed&quot; sites. This was my experience being &#39;parasocialed&#39; against my will: what started as a spotlight on my space quickly started feeling like a target on my back. Because I have amassed thousands of followers, I have apparently somehow become less human, less approachable, and more easily abstracted into an idea or a concept. It&#39;s easier for people to wonder aloud about me and my personal life in social spaces, or to publicly cast judgment on my actions, or in some cases, create untrue stories about my actions to begin with. It&#39;s an intensely unpleasant and dehumanizing experience.</p>
<p>Neocities is more than a web host, it is technically social media. I would define it this way based on the ability for accounts to follow and be followed, the ability to find other websites via tags and the directory, and the ability to comment on one another&#39;s site profiles. Creating and maintaining a static website tends to be a solitary act, but Neocities brings this to the next level with the implementation of &#39;social&#39; features. This means we can even practice transforming social relations here, by creating meaningful connections with our fellow webmasters in whichever ways are available to us (profile comments, email, Discord, etc.)</p>
<p>The other thing we can do is to create our own spaces. The best spaces I have encountered online are small spaces: group chats, very small servers with less than 20 people. In my experiences (especially with the Yesterweb) it becomes harder to make meaningful connections in a sea of hundreds, thousands or more.</p>
<p>The <a href="https://yesterweb.org/#summary" target"_blank">experience summary of the Yesterweb community</a> explains in-depth the highlights and headwinds of our experience organizing a community with an overarching goal to make real, social change.</p>
<p>On a final note, I want to remind everyone that the problems we&#39;re experiencing on the web are reflections of the same problems that exist in real life.</p>
</main>
</div>
<footer id="footer" style="margin-top: 0px;"><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> | Nexan 2020-2022</footer>
</div>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
</body>
</html>