change path system to use main isntead of body

This commit is contained in:
Bingus_Violet 2024-02-13 09:38:29 -06:00
parent 8004194219
commit 46d0220427
3 changed files with 51 additions and 40 deletions

View file

@ -47,7 +47,7 @@ function converter(html) {
pagePath = pagePath.toLowerCase() pagePath = pagePath.toLowerCase()
var pageHTML = fs.readFileSync(path.join(__dirname, 'static', pagePath, 'index.html')).toString() var pageHTML = fs.readFileSync(path.join(__dirname, 'static', pagePath, 'index.html')).toString()
pageHTML = pageHTML.substring(pageHTML.indexOf('<body>') + 6, pageHTML.indexOf('</body>')) pageHTML = pageHTML.substring(pageHTML.indexOf('<main>') + 6, pageHTML.indexOf('</main>'))
html = html.replace(stringIndex, pageHTML) html = html.replace(stringIndex, pageHTML)
} }

View file

@ -12,17 +12,16 @@
<meta name="darkreader-lock"> <meta name="darkreader-lock">
<meta content="Welcome to Violet's Purgatory" property="og:title" /> <meta content="Violet's Purgatory" property="og:title" />
<meta <meta
content="Hi, I'm Violet, a 15 year old web developer with strong ambitions. You can find more info on my site!" content="Hi, I'm Violet, a 15 year old web developer. My site lists my projects, passions, and where you can find me, so please visit!"
property="og:description" /> property="og:description" />
<meta content="https://api.violets-purgatory.dev/v1/pfp" property="og:image" /> <meta content="https://api.violets-purgatory.dev/v1/pfp" property="og:image" />
<meta content="#a200ff" data-react-helmet="true" name="theme-color" /> <meta content="#a200ff" data-react-helmet="true" name="theme-color" />
<!-- To any who dare read this code! I stole the code above off of stack overflow :P-->
</head> </head>
<body> <body>
{TOPBAR}
<h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span><br></h1> <h1 class="animatedTitle">Welcome to <span class="mainTitle">Violet's Purgatory</span><span class="note">Commit {COMMIT_COUNT}</span><br></h1>
<main class="animatedMain"> <main class="animatedMain">
<p>{RANDOM_QUOTE}</p> <p>{RANDOM_QUOTE}</p>
@ -44,15 +43,19 @@
</div> </div>
</div> </div>
<h3>On Violet's Purgatory:</h3> <div style="padding-bottom: 20px;">
<a class="chip" href="https://beta.violets-purgatory.dev">Beta site</a> <h3>On Violet's Purgatory</h3>
<a class="chip" href="https://blog.violets-purgatory.dev">Blog</a> <a class="chip" href="https://beta.violets-purgatory.dev">Beta site</a>
<a class="chip" href="https://fs.violets-purgatory.dev">Clipdump</a> <a class="chip" href="https://blog.violets-purgatory.dev">Blog</a>
<a class="chip" href="https://fs.violets-purgatory.dev">Clipdump</a>
<h3>My Other Projects</h3> <h3>My Other Projects</h3>
<a class="chip" href="https://univerter.dev">Univerter</a> <a class="chip" href="https://univerter.dev">Univerter</a>
<a class="chip" href="https://codeberg.org/bingus_violet/steamrpc">{Steam}RPC</a> <a class="chip" href="https://codeberg.org/bingus_violet/steamrpc">{Steam}RPC</a>
</div>
<h2>Socials</h2>
{PATH_SOCIALS} {PATH_SOCIALS}
</main> </main>
</body> </body>

View file

@ -12,10 +12,8 @@
<meta name="darkreader-lock"> <meta name="darkreader-lock">
<meta content="Welcome to Violet's Purgatory" property="og:title" /> <meta content="Violet's Purgatory - Socials" property="og:title" />
<meta <meta content="This page lists all the places where you can find me." property="og:description" />
content="Hi, I'm Violet, a 15 year old web developer with strong ambitions. You can find more info on my site!"
property="og:description" />
<meta content="https://api.violets-purgatory.dev/v1/pfp" property="og:image" /> <meta content="https://api.violets-purgatory.dev/v1/pfp" property="og:image" />
<meta content="#a200ff" data-react-helmet="true" name="theme-color" /> <meta content="#a200ff" data-react-helmet="true" name="theme-color" />
@ -24,33 +22,43 @@
<body> <body>
<h1>Socials</h1> <h1>Socials</h1>
<main class="grid-container"> <main>
<div class="grid-child"> <div class="grid-container">
<div> <div class="grid-child">
<h3>Social Media</h3> <div>
<a class="chip" href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Youtube: <span style="color: white;">{Violet}'s Fiasco</span></a> <h3>Social Media</h3>
<a class="chip" href="https://ko-fi.com/bingus_violet">Ko-fi: <span style="color: white;">Bingus_{Violet}</span></a> <a class="chip" href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Youtube: <span
<a class="chip" href="https://void.lgbt/bingus_violet" rel="me">Fedi: <span style="color: white;">bingus_violet&ZeroWidthSpace;@void.lgbt</span></a> style="color: white;">{Violet}'s Fiasco</span></a>
<a class="chip" href="https://ko-fi.com/bingus_violet">Ko-fi: <span
style="color: white;">Bingus_{Violet}</span></a>
<a class="chip" href="https://void.lgbt/bingus_violet" rel="me">Fedi: <span
style="color: white;">bingus_violet&ZeroWidthSpace;@void.lgbt</span></a>
</div>
</div> </div>
</div> <div class="grid-child">
<div class="grid-child"> <div>
<div> <h3>Chat</h3>
<h3>Chat</h3> <a class="chip" href="https://matrix.to/#/@bingus_violet:catgirl.cloud">Matrix: <span
<a class="chip" href="https://matrix.to/#/@bingus_violet:catgirl.cloud">Matrix: <span style="color: white;">@bingus_violet:&ZeroWidthSpace;catgirl.cloud</span></a> style="color: white;">@bingus_violet:&ZeroWidthSpace;catgirl.cloud</span></a>
</div>
</div> </div>
</div> <div class="grid-child">
<div class="grid-child"> <div>
<div> <h3>Coding</h3>
<h3>Coding</h3> <a class="chip" href="https://codeberg.org/Bingus_violet">Codeberg: <span
<a class="chip" href="https://codeberg.org/Bingus_violet">Codeberg: <span style="color: white;">bingus_violet</span></a> style="color: white;">bingus_violet</span></a>
<a class="chip" href="https://hub.docker.com/u/bingusviolet">Docker: <span style="color: white;">bingusviolet</span></a> <a class="chip" href="https://hub.docker.com/u/bingusviolet">Docker: <span
<a class="chip" href="https://github.com/violets-puragtory">Github: <span style="color: white;">violets-puragtory</span></a> style="color: white;">bingusviolet</span></a>
<a class="chip" href="https://github.com/violets-puragtory">Github: <span
style="color: white;">violets-puragtory</span></a>
</div>
</div> </div>
</div> <div class="grid-child">
<div class="grid-child"> <div>
<div> <h3>Games</h3>
<h3>Games</h3> <a class="chip" href="https://steamcommunity.com/id/violet-The-Thigh-high-obtainer/">Steam: <span
<a class="chip" href="https://steamcommunity.com/id/violet-The-Thigh-high-obtainer/">Steam: <span style="color: white;">{Violet}</span></a> style="color: white;">{Violet}</span></a>
</div>
</div> </div>
</div> </div>
</main> </main>