This commit is contained in:
Bingus_Violet 2024-01-03 22:24:56 -06:00
parent 4c778a08a0
commit dd117f3122
4 changed files with 51 additions and 2 deletions

View file

@ -204,6 +204,13 @@ function pageUpdate() {
html = html.replace("{SOCIALS}", addedHTML)
addedHTML = ""
var faqHTML = fs.readFileSync(path.join(__dirname, 'static/faq/index.html')).toString()
addedHTML += faqHTML.substring(faqHTML.indexOf("<h1>"), faqHTML.indexOf("</body>"))
html = html.replace("{FAQ}", addedHTML)
html = html.replace("{MASTODON_FEED}", mastoData.HTML)
var now = new Date()

View file

@ -34,8 +34,9 @@
</div>
<div>
<hr>
<p class="chip"><a href="https://blog.violets-purgatory.dev">Blog</a></p>
<p class="chip"><a href="./socials">Socials</a></p>
<p class="chip"><a href="https://blog.violets-purgatory.dev">Blog (WIP!)</a></p>
<p class="chip"><a href="./faq">FAQ</a></p>
<p class="chip"><a href="./pronouns">Pronouns</a></p>
<p class="chip"><a href="./todo">To-Do</a></p>
<!-- <p class="chip"><a href="./portfolio">Portfolio</a></p> -->
@ -56,6 +57,8 @@
{MASTODON_FEED}
{FAQ}
{SEASONAL_EFFECT}
</div>
</body>

39
static/faq/index.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../style.css">
<meta content="FAQ - Violet's Purgatory" property="og:title" />
<meta content="The answers to all your not-so-frequently-asked questions!" />
<meta content="https://api.lanyard.rest/534132311781015564.png" property="og:image" />
<meta content="#a200ff" data-react-helmet="true" name="theme-color" />
<title>FAQ - Violet's Purgatory</title>
</head>
<body>
<a class="chip" href="../">Home</a>
<h1><hr>FAQ</h1>
<p>Some questions that, nobody has ever <em>actually</em> asked, but I'm gonna act like they have because its fun!</p>
<div class="row container-fluid fadediv" style="margin: auto;">
<h2><hr>How?</h2>
<p>Well, believe it or not, there's no javascript involved!!!! :D<br><span style="color: darkgray; font-size: 0.9rem;">Or well no client side javascript anyway...</span></p>
<p>Using a wonderful program <a>called lanyard</a>, my website is connected to a websocket that sends a signal every time my discord updates (E.G. My status changes... or I open a game...)</p>
<p>Then, it uses the new info to dynamically generate this page!<br>The more technically advanced of you can check it out on Codeberg, but be warned, it's coded <b>TERRIBLY.</b> I didn't really wanna use a library so i coded it all myself, and there's no actual system, just pure chaos :/</p>
<h2><hr>Why?</h2>
<p>Actually, i'm not really sure<br>
Originally I think this site started out because I saw people had these cool "carrd" sites and stuff
in their bio and wanted to make something close to carrd but made by myself.</p>
<p>Nowadays, though, this site is used more as a learning opportunity!
I try to do new, experimental, wacky things here, and use them in projects later.</p>
<p>For example, my Youtube Converter, Univerter, I was only able to make because I already learnt how to make
dynamically generated HTML. (Univerter, as I am writing this, has no dynamically generated HTML, but it used to!)
</p>
</div>
</body>
</html>

View file

@ -20,7 +20,7 @@
<a class="chip" href="../">Home</a>
<h1><hr>Socials</h1>
<p>Here's where you can find me most... if you wanted to do that for some reason?</p>
<div class="row container-fluid" style="margin: auto;">
<div class="row container-fluid fadediv" style="margin: auto;">
<div class="col-sm-6">
<hr>