59 lines
No EOL
4 KiB
HTML
59 lines
No EOL
4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="/style.css">
|
|
<link rel="stylesheet" type="text/css" href="/subpage.css">
|
|
|
|
<script src="../jquery.js"></script>
|
|
<script src="../main.js"></script>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Violet's Purgatory</title>
|
|
|
|
<meta name="darkreader-lock">
|
|
|
|
<meta content="FAQ - Violet's Purgatory" property="og:title" />
|
|
<meta content="Some not-so frequently asked questions with some not-so frequently answered answers!!!" property="og:description" />
|
|
<meta content="https://api.violets-purgatory.dev/v1/pfp" property="og:image" />
|
|
<meta content="#a200ff" data-react-helmet="true" name="theme-color" />
|
|
</head>
|
|
|
|
<body>
|
|
{WEATHER_MODIFIER}
|
|
|
|
{TOPBAR}
|
|
<h1>FAQ (and more!)</h1>
|
|
<div class="mainDiv">
|
|
<h2><br>1. Questions & Answers<hr></h2>
|
|
<main>
|
|
<h3>Why are so many words colored?</h3>
|
|
<p>I like the way it looks to have certain words be highlighted, makes it look fancier and easier to read (imo). So, when I remade this site, I went ahead and added an <em>Automatic Word Highlighting System!</em> This allows me have words automatically highlighted, on the server side, without having to do it in the code manually. Here's the current list of highlighted words:</p>
|
|
<p class="textBlock">{ALL_HIGHLIGHTS}</p>
|
|
<p>As time continues, more words are added to the highlighting list, and I'm slowly adding more features, like disabling case sensitivity, boldness, italics, outlines, and more.</p>
|
|
<p>You may notice some highlighted words are "missing" on this list. This is because <em>characters adjacent to the highlighted word are highlighted, too!</em> What that means is, I can type HolyCowabungaILoveUltrakillItsSoEpic and it'll all be highlighted!</p>
|
|
<p class="note">P.S. If you're wondering what YIP is for, its for YIPPEEEEEEEEEEEEEEEEEEEEEE!</p>
|
|
<br>
|
|
<h3>I thought the site doesn't use Javascript? So why is it there?</h3>
|
|
<p>Originally, all my sites were completely Javascript free. As of late, though, I decided to add Javascript to this one. Javascript will <b><em>NEVER</em></b> be a requirement on this site. Javascript will ONLY be used where necessary, and I will do everything possible to make the experience indistinguishable.</p>
|
|
</main>
|
|
<p>For example, things such as the song duration bar on my activities are pure HTML, using some mathy NodeJS-generated CSS animations! The only thing the site uses Javascript for right now, is setting the scroll to the top of the page on reload, and real time updating discord activities.</p>
|
|
<h3>Why are there 4 CSS files?</h3>
|
|
<p>Originally the idea was that I could organize the site with:</p>
|
|
<ol>
|
|
<li>CSS for the main page</li>
|
|
<li>CSS for the subsites</li>
|
|
<li>Global CSS</li>
|
|
</ol>
|
|
<p>Slowly, though, they're slowly all merging into one CSS file, so I can't be sure it'll stay this way for long.</p>
|
|
<p>As for the "unused" style.css, though, that exists for compatibility reasons- many of my older sites just grabbed CSS from the site for their css. This has been <b>mostly</b> fixed, but the FileShare still does, so it'll stay until I finally give the FileShare its own CSS.</p>
|
|
<h3 id="embeds">Why/How are certain segments of pages "embedded" on others?</h3>
|
|
<p>On the main page, you may notice certain other pages contained inside it, such as this page, the stats page, and socials page. And, most notably with this page, it's not the full page, either. <br>
|
|
This is because of a feature I created called "page embeds", which allow me to embed a portion of content from another page, without the use of any sort of iframes. This was made so I could keep information on multiple pages up to date.<br>
|
|
It's much more performant and scalable than an I-frame as well.</p>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |