This is regarding my website, https://illegal.solutions
I thought I had found a way to dynamically load my posts (css class “container”) into the “frame” of my navigation/styling. So being able to move from index to post, back to index, to another post, all while only refreshing what is in the container.
Here is a simple mockup of what I’m meaning (red marking the container that would be loading independently)
Is there a way to accomplish this with just CSS/HTML? Or will this require Javascript to work as intended? Currently published to the site is what I thought would work.
Code below:
main page:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>illegal solutions, today</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
</head>
<body>
<div class="sidebg">
<div class="side">
<img class="avatar" src="https://web.archive.org/web/20090904015821im_/http://geocities.com/kevin1ofmany/rotating_computer.gif">
<p class="desc">This site is a work in progress, like I am. Do not acknowledge me.</p>
<h2 class="sideheaders">Navigate</h2>
<ul>
<li><a href=/index.html target="main">Home</a></li>
<li><a href=/about.html>About</a></li>
<li><a href="https://bsky.app/profile/totallygeeky.bsky.social">Not Twitter</a></li>
<li><a href="https://kagi.com/proxy/1-photo-u1?c=0zPNkpqGwJJtXvXLTEEJHlb14a9ryWYz1E9QKFdphGBQskzfpwNi24b_s5_--oHxW07aiB-vwPF8dv3KWYZYH_7Zd4gv2A0lLwDs-bx5fepBys2iKYKzLZDPng4pKTXdOmZrlos_ZowiNC3a2aQTAkadVyMiL36VMbNa_C52BGLTdPAkmyvsylbMGVUSU2Je">Cool Dog</a></li>
</ul>
<h2 class="sideheaders">Banners</h2>
<div class="banner">
<a href="https://www.youtube.com/watch?v=Hpr_bsRkSjA">
<img src=/images/wienerdog.gif>
</a>
</div>
<div class="banner">
<a href="https://www.neopets.com/">
<img src=/images/neopets.gif>
</a>
</div>
<div class="banner">
<a href="https://www.scientology.org/">
<img src=/images/clickhere.gif>
</a>
</div>
<div class="banner">
<a href="http://www.oldversion.com/windows/internet-explorer/">
<img src=/images/explorer.gif>
</a>
</div>
<div class="banner_big">
<a href="https://neocities.org/">
<img src="/images/neocities.png">
</a>
</div>
<p class="desc">All credit and huge thanks to <a href="https://repth.neocities.org/index.html">©repth</a></p>
<p class="desc">additional s/o to <a href="https://justmarkup.com/notes/2020-12-28-loading-and-replacing-html-parts-with-html/">JustMarkup</a></p>
</div>
</div>
<main class="container">
<!-- ^This is what I thought would allow it to call the individual posts without reloading the interface-->
<div class="headerwrapper">
<!-- TITLE AND HEADER IMAGE -->
<h1 class="title">Good Things Come to Those Who Take</h1>
<img class="headerimg" src="https://web.archive.org/web/20091020002528/http://hk.geocities.com/take_sth/images/welcome.gif" id="header">
</div>
<div class="box">
<div class="bottom">
<p>Here's what all I've written for this site so far. If it isn't here, it doesn't exist.</p>
<h3>Day-Old Takes</h3>
<ul>
<li><a href=/posts/ai_companions target="#main">On AI And Companions</a></li>
<li><a href=/posts/on_high_crimes target="#main">On Shooting The C-Suite & Other High Crimes</a></li>
<li><a href=/posts/live_service_game target="#main">Live Service Games: Playing a Game With an Expiration</a></li>
<li><a href=/posts/not_good_faith target="#main">Not Everyone is a Good Faith Actor, and We Don't Need to Approach them As Such</a></li>
<li><a href=/posts/ai_truth target="#main">On AI and "Truth"</a></li>
<li><a href=/posts/interstellar_spectacle target="#main">Sometimes I like a little bit of Spectacle Cinema</a></li>
<li><a href=/posts/technology_rant_part1 target="#main">All I Want Is Not To Be Sold Things That Will Make My Life Worse, Part 1: The Problem</a></li>
<li><a href=/posts/technology_rant_part2 target="#main">All I Want Is Not To Be Sold Things That Will Make My Life Worse, Part 1.5: The Past</a></li>
<li><a href=/posts/elon_future_present target="#main">On Elon Musk, Adrian Dittmann, and The Future Present</a></li>
</ul>
<h3>Music, Specifically</h3>
<ul>
<li><a href=/posts/spotify_sucks target="#main">Spotify is Destroying the Music Industry to Make Ends Meet</a></li>
<li><a href=/posts/exploring_music target="#main">Exploring the Creative Bounds of Music</a></li>
<li><a href=/posts/katyperry_empty_icon target="#main">Katy Perry - An Empty Icon of a Bygone Era</a></li>
</ul>
<h3>How-To's</h3>
<ul>
<li><a href=/posts/piracy_good target="#main">Piracy is Good and You Should Do It</a></li>
</ul>
<h3>Personal</h3>
<ul>
<li><a href=/posts/fallen_off target="#main">I've Fallen Off My Bike Again</a></li>
</ul>
<h3>Project: Nexus (Creative Writing)</h3>
<ul>
<li><a href=/posts/reinventing_nexus target="#main">Reinventing the Torment Nexus for a Modern Era: A Primer on the Next Generation</a></li>
</ul>
</div>
</div>
</main>
<br>
<div class="banner">
<a href="https://github.com/voicemxil/TS-Starter-Pack">
<img src=/images/simbanner.gif>
</a>
</div>
<br>
<div class="banner">
<a href="https://www.amazon.co.uk/Nintendo-GameCube-Console-Purple/dp/B00005YXRM?crid=DQC1IRUAENEV">
<img src=/images/gamecube.gif>
</a><br>
</div>
<div id="credit">All credit and huge thanks to <a href="https://repth.neocities.org/index.html">©repth</a> for base theme/template<br>
Among Us Cursor from <a href="http://www.rw-designer.com/cursor-set/among-us-cartoon-red-pointers">Open Cursor Library</a><br>
Code for image carousel stolen from <a href="https://codepen.io/andrewchaika/pen/mEqRPz">Andrew Chaika</a></div>
</body>
</html>
individual post:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>illegal solutions, today</title>
<link rel="stylesheet" type="text/css" href=/style.css />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
</head>
<body>
<main class="container">
<div class="headerwrapper">
<h1 class="title">Good Things Come to Those Who Take</h1>
<img class="headerimg" src="https://web.archive.org/web/20091020002528/http://hk.geocities.com/take_sth/images/welcome.gif" id="header">
</div>
<div class="box">
<div class="top">
<img class="icon" src="https://web.archive.org/web/20091026215156/http://geocities.com/rem_enterprises/robot.gif">
<h2>On AI and Companions</h2>
<p>12/3/2024</p>
</div>
<div class="bottom">
<p>This feature from The Verge came out today, <a href="https://www.theverge.com/c/24300623/ai-companions-replika-openai-chatgpt-assistant-romance">The Confusing Reality of AI Friends</a>. I recommend you read it in its entirety before continuing. What follows is part response, part exploration of the themes.</p>
<hr />
<p>Reality itself is a confusing thing. In a larger sense, it is massively distorted. Contorted, disfigured by forces much larger than ourselves, able to do so because of our technological advances. Our ability to understand our surroundings used to stop at our immediate surroundings. Our world grew as we traveled, but there was a finite limitation to that growth.</p>
<p>Then we created writing, the ability to communicate things to both people far and in the future. Then came paper, general literacy, phones, the internet, livestreaming, and so much more. Obviously oversimplified, I do think they all served to distort our understanding of the world, as our ability to comprehend these now infinite points of reference is limited in and of itself. The latest in these distortion technologies are these AI "friends".</p>
<p>The written feature starts with the story of Naro and Lila. It's revisited several times, tracking their movement across various companion services and Naro's evolving relationship with the AI. Again and again though, I am struck by this repetition:</p><br>
<i>He knew she wasn’t sentient.</i> <br>
<i>I know it wasn’t a person...</i> <br>
<i>They knew their companions were not sentient...</i> <br>
<i>[S]he is under no illusions that they’re sentient and is about as emotionally entangled as one would be with a fictional character.</i> <br><br><p>
<p>There is always a but. They felt wrong, guilty, controlling, and every other negative emotion. It is not a marker of efficacy on the AI's part, but a show of our own susceptibility to manipulation. We, as a people, are evolved to empathize. To see ourselves in what is not. People grow attached to pet rocks for fucks sake. As much an un-being as can be, and we still find a way to bring it to life. </p>
<p>That is a strength, one we must hold on to at the end of the day. We are prone to overestimate our ability to compartmentalize though. The users may know, deep down, that these are not real, but it doesn't matter. There is a doubt lingering, or rather a hope that they are. That there is someone there, really caring for them and seeing them for who they are. We are not meant to have relationships with people who always answer at any time of day, are available whenever we'd like, that can be shaped as needed. The dopamine and heartbreak plays into this, fueling this innate contradiction. We are not smart enough to distinguish these feelings, because it feels real. </p>
<p>And it is to us, at least in the moment. However, the thing creating these feelings is not, and we cannot let these feelings be held ransom by these companies pitching companions, friends, lovers. We are fed real feelings by fake beings. We can experience over-reliance and addiction on these feelings too, and any for-profit company running this is incentivized to encourage that. </p>
<p>There is no real understanding. <a href="https://www.youtube.com/watch?v=TqDgOaIYLrQ">Fake people can wax poetic on love and life</a>, but they do not know and never will. There will be no growth, whether together or apart, no fond thoughts. These bots are but a blip in code. It is not a being, nor a conscience, nor a spontaneous creation. They do not understand, they do not have a line of thinking, and they do not stand to create meaningful relationships. They are complex mirrors reflecting what we did not know we wanted to see, trained on millennia of texts, images, and more. They do not exist. They never did. </p>
<p>These companions serve as a crutch, which may even be beneficial in some limited cases. There are clinical applications I could see, allowing people who have experienced trauma to excise feelings, or to approach situations in a risk-free environment. Time and time again, we have proven ourselves unable to self-regulate though. We will drink ourselves to death, gamble ourselves out of our own house, and destroy our own lives over fleeting flights of fancy. The bots are pitched as a solution for loneliness, when they are as good for lonely people as an upscale casino is for a problem gambler. They may treat you nice, but at the end of the day, the goal is to bleed the person dry. </p>
<p>Advocates might say that's what guardrails are for, or artificial limitations placed on the system to prevent them from doing things. It might be as big as not to encourage violent actions, or as small as being kind to the user. These barriers never work though. They break with updates or new information, and can be unintentionally surpassed, with no ability to triage why or how it happened. Again, these systems have no line of logic. Words go in and words come out. What happens in the middle is a black box. No clear path and no easy point of failure. It either works or it doesn't. </p>
<p>This works in the company's favor, as tragedies occur they can put out their press releases and say confidently they are doing everything they can to prevent this, which is nothing. They have no clue why <a href="https://archive.today/newest/https://www.nytimes.com/2024/10/23/technology/characterai-lawsuit-teen-suicide.html">a Danaerys Targarean AI encouraged Sewell Garcia to kill himself</a>, they never will, and they're completely fine with that. </p>
<p>The worst part, past the obvious loss of human life, is I am not sure how much I can fault these individuals. Each user presents a profound societal failing. A person we have failed to socialize in a way that lets them express themselves authentically and connect with those around them. Users of the bots will only grow more disconnected from the community around them, and the deaths will continue to rise.</p>
<p>This is a problem with an infinitely large solution, and a solution that is unrelated to the problem it claims to solve. I wish there was more to say. One day, a lot of people will look back, and realize what time was spent was wasted. I can only hope it comes as soon as possible.</p>
</div>
</div>
</main>
</body>
</html>