ruthenic
/
ruthenic.com
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Change header loading from JQuery to normal JS

Browse Source 
JQuery is dead, long live `document.getElementById().InnerHTML`!
master
Drake 3 years ago
parent b6910b65e5
commit 0554642686
No known key found for this signature in database
GPG Key ID: 9B83455BD94F12A3
13 changed files with 59 additions and 72 deletions
Show Stats Download Patch File Download Diff File

10
blog/blog.html
Unescape View File

@ -5,14 +5,12 @@
<link rel="stylesheet" type="text/css" href="/css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function() { //load footer
$("#footer").load("/footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter()
</script>
<h1>Blog Posts</h1>
<p><a href = "entries/afterlife.html">So... what happens when we die?</p>
<p><a href = "entries/printer.html">Why are printers terrible?</a></p>

10
blog/entries/afterlife.html
Unescape View File

@ -5,17 +5,15 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script> <!--pain-->
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
<meta property="og:type" content="website">
<meta property="og:title" content="So... what happens when we die?" />
<meta property="og:description" content="But like I really do want to fuck Angel Dust when I die." />
<meta property="og:url" content="https://www.ruthenic.com/blog/entries/afterlife.html" />
<body>
<script>
getFooter("/blog/entries/footer.html")
</script>
<p>So... what <i>really</i> happens when we die? Do we just... stop existing? Is our consciousness stuck in a black void with our own thoughts? Is there a Heaven? Hell? <strike>Are the people on Dr. Oz just making s**t up?</strike></p>
<p>Well, chances are the last one is true, but will there ever be a scientifically excepted answer, or will the ideas be relegated to supernatural communities?</p>
<p>Or, how about a better question... What do we <i>hope</i> happens in the afterlife? The nice thing about this question is that... it’s human. It is impossible to be answered scientifically, because it’s, no matter how much some groups try to sugarcoat it, an opinion. We will never know what actually happens when Death comes a’knocking, unless we die… and you can’t really come back from death (although, HMU if you have “died” before and are currently living, I can set up an interview.). Yes, I know that technically you can come back from death, but I mean dead dead. No coming back-dead.</p>

10
blog/entries/printer.html
Unescape View File

@ -5,18 +5,16 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script> <!--pain-->
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
<meta property="og:type" content="website">
<meta property="og:title" content="Why are printers terrible?" />
<meta property="og:description" content="Fuck you, Canon." />
<meta property="og:url" content="https://www.ruthenic.com/blog/entries/printer.html" />
</head>
<body>
<script>
getFooter("/blog/entries/footer.html")
</script>
<p>Why are printers so terrible? I mean, is it that hard to make a functional product? I know this has been well walked ground, but any printer I've ever used makes me wanna send my head through a wall!</p>
<p>As an example, just today, just 10 minutes ago even, I had to reconnect a printer to the internet. Simple, right? WRONG!</p>
<p>So to start off with, I went to <a href = "https://www.usa.canon.com/internet/portal/us/home/support/details/printers/support-inkjet-printer/ts-series/ts3122/pixma-ts3122">Canon's website for my printer model</a> to try and find a manual to reconnect it. Issue: I run Linux. None of the manuals are for Linux.</p>

10
blog/entries/subliminal.html
Unescape View File

@ -4,18 +4,16 @@
<title>A Story of Subliminals: Part I</title>
<link rel="stylesheet" type="text/css" href="css/image_size.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script> <!--pain-->
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
<meta property="og:type" content="website">
<meta property="og:title" content="A Story of Subliminals: Part I" />
<meta property="og:description" content="Do people really think they can create people out of thin air?" />
<meta property="og:url" content="https://www.ruthenic.com/blog/entries/subliminal.html" />
</head>
<body>
<script>
getFooter("/blog/entries/footer.html")
</script>
<p><i>Hello, and welcome to this "blog post". This is a compilation of all my posts on Discord about subliminals (more specifically, Hazbin Hotel subliminals), with redundant information removed and some slight html improvements added. A part II will eventually come, with the story of me trying subliminals out and seeing if they "work." Until then, enjoy!</i></p>
<h3>The first discussion</h3>
<p>ah yes</p>

10
blog/entries/template.html
Unescape View File

@ -5,14 +5,12 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script> <!--pain-->
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter("/blog/entries/footer.html")
</script>
<div id="footer">
</div>
</body>

10
contact.html
Unescape View File

@ -5,14 +5,12 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter()
</script>
<i><p>You can find me on -</p>
<p>I can't wait to talk to you</p></i>
<p>You can contact me via the following methods:

10
cool.html
Unescape View File

@ -4,14 +4,12 @@
<title>Ruthenic's Website</title>
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter()
</script>
<h1>Cool Things</h1>
<p>Think my choices are dumb, and want to add some real ones? Email me at <a href = "mailto:ruthenic@ruthenic.com">ruthenic@ruthenic.com</a> or <a href = "https://github.com/Ruthenic/Ruthenic.github.io/issues/new">open an issue</a> with what you want added (and category), and I will consider adding it</p>
<div>

11
footer.js
Unescape View File

@ -0,0 +1,11 @@
async function getFooter(footerPath) {
if (footerPath === undefined) {
//why the hell does js not have optional parameters for functions?
footerPath = "/footer.html";
}
console.log("sanity check much?");
console.log(footerPath)
footer = await fetch(footerPath);
footer = await footer.text();
document.getElementById("footer").innerHTML = footer;
}

10
index.html
Unescape View File

@ -4,18 +4,16 @@
<title>Ruthenic's Website</title>
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="css/dark-mode.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script> <!--pain-->
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
<meta property="og:type" content="website">
<meta property="og:title" content="Ruthenic's Website"/>
<meta property="og:description" content="A website where epic gamers come to be epic"/>
<meta property="og:url" content="https://www.ruthenic.com/"/>
</head>
<body>
<script>
getFooter()
</script>
<center><h1>Ruthenic's site</h1></center> <!--originally intended to be only written in CSS and HTML but f**k that-->
<p>Hello, welcome to my website! Please Enjoy the experience</p>
<a href ="https://github.com/Ruthenic"><marquee behavior="scroll" direction="left">Checkout (haha) my Github!</marquee></a>

10
info.html
Unescape View File

@ -5,14 +5,12 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter()
</script>
<p>Hey all, Ruthenic here! Currently, specializes in bad Python coding and occasionally does some cool stuff (not very often tho). Working on <a href = "https://github.com/Ruthenic/rodder">Rodder</a>. Proud user of Linux.</p>
<div id="footer">
</div>

10
projects.html
Unescape View File

@ -5,14 +5,12 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter()
</script>
<p><a href = "https://github.com/Ruthenic/rodder">Rodder</a> - A Distro-agnostic package manager for Linux</p>
<p><a href = "https://word-predictor.ruthenic.com">word-predictor-js</a> - A webapp to predict words after the given one (<a href = "https://github.com/Ruthenic/word-predictor-js">source</a>)</p>
<div id="footer">

10
rambles/rambles.html
Unescape View File

@ -5,14 +5,12 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function() { //load footer
$("#footer").load("/footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter()
</script>
<p>Cool epic wordwalls of rambling about specific subjects</p>
<a href="shifting.html">Shifting Experiences</a>
<div id="footer">

10
rambles/shifting.html
Unescape View File

@ -5,14 +5,12 @@
<link rel="stylesheet" type="text/css" href="css/classes.css">
<link rel="stylesheet" type="text/css" href="/css/dark-mode.css">
<!--<link rel="stylesheet" type="text/css" href="css/colours.css">-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script>
$(function() { //load footer
$("#footer").load("footer.html");
});
</script>
<script src="/footer.js"></script>
</head>
<body>
<script>
getFooter("/rambles/footer.html")
</script>
<p>DISCLAIMER: This is not being done for escapism. If you are attempting to shift to escape, please seek help. This is only being done for scientific purposes.</p>
<p><small>For anyone who doesn't know what shifting is, see the definition on the <a href = "https://www.reddit.com/r/shiftingrealities/comments/mn86d1/start_here/">"Start Here" r/shiftingrealities thread</a>.</small></p>
<h2>Interesting - Morning, May 17th 2021</h2>

Write Preview
Loading…
Cancel
Save