111 lines
2.6 KiB
JavaScript
111 lines
2.6 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function () {
|
|
// Create the navbar HTML
|
|
const navbar = `
|
|
<nav id="navbar" style="margin-bottom: 10px">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="reviews.html">Reviews</a></li>
|
|
<li><a href="https://git.moonsbian.gay/">Git</a></li>
|
|
</ul>
|
|
</nav>`;
|
|
|
|
// Inject it into the placeholder
|
|
const navPlaceholder = document.getElementById("navbar-container");
|
|
if (navPlaceholder) navPlaceholder.innerHTML = navbar;
|
|
|
|
const leftSidebar = `
|
|
<h2>Updates (Content)</h2>
|
|
<div class="box">
|
|
<p>
|
|
This is where things like new things put on the website
|
|
are shown, if I consider them important enough to
|
|
remember to add :p
|
|
</p>
|
|
<ul style="padding-left: 10px">
|
|
<li>Placeholder</li>
|
|
<li>Placeholder</li>
|
|
<li>Placeholder</li>
|
|
<li>Placeholder</li>
|
|
</ul>
|
|
</div>
|
|
<!--
|
|
<h2>Hi there!</h2>
|
|
<h3>Other Tools</h3>
|
|
<ul>
|
|
<li>
|
|
<a
|
|
href="https://sadgrlonline.github.io/html-cheatsheet/"
|
|
target="_blank"
|
|
>HTML Cheatsheet</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="webmastery/webmaster-links.html"
|
|
target="_blank"
|
|
>Webmaster Links</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="webmastery/downloads/tiledbgs.html"
|
|
target="_blank"
|
|
>Tiled BGs</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="webmastery/downloads/fonts.html"
|
|
target="_blank"
|
|
>Fonts</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="projects/ideas/" target="_blank">Site Ideas</a>
|
|
</li>
|
|
</ul>
|
|
`;
|
|
|
|
const rightSidebar = `
|
|
<h2>Updates (Website)</h2>
|
|
<div class="box">
|
|
<p>
|
|
Updates regarding the website, style, layout, new
|
|
features
|
|
</p>
|
|
<ul style="padding-left: 10px">
|
|
<li>
|
|
No longer just a white blank page with placeholder
|
|
text on it
|
|
</li>
|
|
<li>Reviews page</li>
|
|
</ul>
|
|
</div>
|
|
<h2>:3</h2>
|
|
<h3>Other Sites/Tools I like</h3>
|
|
<ul>
|
|
<li>
|
|
<a href="https://sadgrl.online/" target="_blank"
|
|
>Sadgrl.online</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="https://neocities.org/" target="_blank"
|
|
>Neocities</a
|
|
>
|
|
<p>Go make a personal website, it's fun!</p>
|
|
</li>
|
|
</ul>
|
|
`;
|
|
|
|
const leftSidebarPlaceholder = document.getElementById(
|
|
"leftSidebarPlaceholder",
|
|
);
|
|
const rightSidebarPlaceholder = document.getElementById(
|
|
"rightSidebarPlaceholder",
|
|
);
|
|
if (leftSidebarPlaceholder) leftSidebarPlaceholder.innerHTML = leftSidebar;
|
|
if (rightSidebarPlaceholder)
|
|
rightSidebarPlaceholder.innerHTML = rightSidebar;
|
|
});
|