FAQ
This commit is contained in:
Bingus_Violet
parent
4c778a08a0
commit
dd117f3122
4 changed files with 51 additions and 2 deletions
7
index.js
7
index.js
|
|
@ -204,6 +204,13 @@ function pageUpdate() {
|
||||||
|
|
||||||
html = html.replace("{SOCIALS}", addedHTML)
|
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)
|
html = html.replace("{MASTODON_FEED}", mastoData.HTML)
|
||||||
|
|
||||||
var now = new Date()
|
var now = new Date()
|
||||||
|
|
|
||||||
|
|
@ -34,8 +34,9 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<hr>
|
<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="./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="./pronouns">Pronouns</a></p>
|
||||||
<p class="chip"><a href="./todo">To-Do</a></p>
|
<p class="chip"><a href="./todo">To-Do</a></p>
|
||||||
<!-- <p class="chip"><a href="./portfolio">Portfolio</a></p> -->
|
<!-- <p class="chip"><a href="./portfolio">Portfolio</a></p> -->
|
||||||
|
|
@ -56,6 +57,8 @@
|
||||||
|
|
||||||
{MASTODON_FEED}
|
{MASTODON_FEED}
|
||||||
|
|
||||||
|
{FAQ}
|
||||||
|
|
||||||
{SEASONAL_EFFECT}
|
{SEASONAL_EFFECT}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
39
static/faq/index.html
Normal file
39
static/faq/index.html
Normal 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>
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
<a class="chip" href="../">Home</a>
|
<a class="chip" href="../">Home</a>
|
||||||
<h1><hr>Socials</h1>
|
<h1><hr>Socials</h1>
|
||||||
<p>Here's where you can find me most... if you wanted to do that for some reason?</p>
|
<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">
|
<div class="col-sm-6">
|
||||||
<hr>
|
<hr>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue