diff --git a/pageUpdater.js b/pageUpdater.js index b8551bd..03da478 100644 --- a/pageUpdater.js +++ b/pageUpdater.js @@ -82,6 +82,8 @@ function converter(html, query) { } var replacers = { + "ALL_KEYWORDS": undefined, + "ALL_HIGHLIGHTS": Object.keys(highlightedWords).join(", "), "BRANCH_NAME": bnchName, "BRANCH_SUB": bnchSub, "COMMIT_COUNT": commitCount, @@ -102,6 +104,8 @@ function converter(html, query) { "WEATHER_MODIFIER": "", "WEATHER_TEXT": "" } + + replacers.ALL_KEYWORDS = "{" + Object.keys(replacers).join("}{") + "} " var rpTable = Object.keys(replacers) diff --git a/static/faq/index.html b/static/faq/index.html index 98e710c..392e5a0 100644 --- a/static/faq/index.html +++ b/static/faq/index.html @@ -26,12 +26,13 @@


1. Questions & Answers

Why are so many words colored?

-

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 Automatic Word Highlighting System! This allows me have words automatically highlighted, on the server side, without having to do it in the code manually. E.G.

-

Godot Engine, Javascript, NodeJS, Forgejo, Violet, Asahi, CSS, and more :)

+

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 Automatic Word Highlighting System! 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:

+

{ALL_HIGHLIGHTS}

+

I thought the site doesn't use Javascript? So why is it there?

Originally, all my sites were completely Javascript free. As of late, though, I decided to add Javascript to this one. Javascript will NEVER be a requirement on this site. Javascript will ONLY be used where nessacary, and I will do everything possible to make the experience indistinguishable.

-

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.

+

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.

Why are there 4 CSS files?

Originally the idea was that I could organize the site with:

    diff --git a/static/index.html b/static/index.html index 6d05293..137e9fe 100644 --- a/static/index.html +++ b/static/index.html @@ -83,16 +83,10 @@

    Socials

    {PATH_SOCIALS}
    - +

    FAQ

    + {PATH_FAQ} -

    Stats

    -
    - + {PATH_STATS}

    {WEATHER_TEXT}


    diff --git a/static/stats/index.html b/static/stats/index.html new file mode 100644 index 0000000..baf139d --- /dev/null +++ b/static/stats/index.html @@ -0,0 +1,44 @@ + + + + + + + + + + + + Violet's Purgatory + + + + + + + + + + + {WEATHER_MODIFIER} + +

    Stats

    +

    This is the full stats page! This page exists for testing the speed of site generation, and contains every keyword on Violet's Purgatory in a hidden div.

    + +
    + {ALL_KEYWORDS} {ALL_KEYWORDS} {ALL_KEYWORDS} {ALL_KEYWORDS} {ALL_KEYWORDS} +
    + +
    +

    Stats

    +
    + +
    + + + + \ No newline at end of file diff --git a/static/style.css b/static/style.css index a83192c..c687364 100644 --- a/static/style.css +++ b/static/style.css @@ -244,6 +244,16 @@ li { margin-right: 1.9%; } +.textBlock { + color: rgb(255, 255, 255); + white-space: pre-wrap; + background-color: rgb(20, 20, 20); + border: 2px lightgray solid; + padding: 15px; + /* font-family: 'Source Code Pro', sans-serif; */ + text-align: center; +} + .lengthBar>span { margin: 0; padding: 0;