Example for a LibreQuake website's Christmas theme

DynTylluan · Dec 9, 2023 · 3bcce3d · 3bcce3d
1 parent 3a78e0f
commit 3bcce3d
Show file tree

Hide file tree

Showing 39 changed files with 235 additions and 490 deletions.
diff --git a/freedoom/README.md b/freedoom/README.md
diff --git a/freedoom/WARNING.MD b/freedoom/WARNING.MD
@@ -0,0 +1,5 @@
+# WARNING!
+
+This part of the website is used as a way to show off my ideas for other projects that are not headed by me, meaning that anything in this folder can be updated or removed without warning.
+
+Please go to https://freedoom.github.io for the live version.
diff --git a/odds/lq/404.html b/odds/lq/404.html
diff --git a/odds/lq/CNAME b/odds/lq/CNAME
@@ -0,0 +1 @@
+librequake.queer.sh
diff --git a/odds/lq/WARNING.MD b/odds/lq/WARNING.MD
@@ -0,0 +1,5 @@
+# WARNING!
+
+This part of the website is used as a way to show off my ideas for other projects that are not headed by me, meaning that anything in this folder can be updated or removed without warning.
+
+Please go to https://librequake.queer.sh for the live version.
diff --git a/odds/lq/about.html b/odds/lq/about.html
@@ -2,9 +2,14 @@
 <html>
 <title>LibreQuake</title>
 	<meta charset="utf-8">
+	<meta content="LibreQuake" property="og:title" />
+	<meta content="Free and open-source Quake" property="og:description" />
+	<meta property="og:image" content="https://librequake.queer.sh/media/embed.png">
+	<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+    <meta name="keywords" content="LibreQuake, quake, fps, open-source, open source, free, vanilla, 1990s, 90s, 1996">
 	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 <frameset cols="10%, 70%">
 <frame src="side.html" />
 <frame src="about2.html" />
 </frameset>
-	</html>
+	</html>
diff --git a/odds/lq/about2.html b/odds/lq/about2.html
@@ -3,23 +3,27 @@
 <body>
 	<title>.:| About on LibreQuake |:.</title>
 	<meta charset="utf-8">
+	<meta content="LibreQuake" property="og:title" />
+	<meta content="Free and open-source Quake" property="og:description" />
+		<meta property="og:image" content="https://librequake.queer.sh/media/embed.png">
+	<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+    <meta name="keywords" content="LibreQuake, quake, fps, open-source, open source, free, vanilla, 1990s, 90s, 1996">
 	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 	<link rel="stylesheet" href="style.css">
 	<script src="script.js"></script>
-	<div id="header"><a href="https://github.com/MissLavender-LQ/LibreQuake"><img id="forkme" src="media/forkme.png" alt="Fork me on GitHub" /></a></div>
+	<div id="header"><a href="https://github.com/MissLavender-LQ/LibreQuake" target="_parent"><img id="forkme" src="media/forkme.png" alt="Banner that says 'Fork me on GitHub'." title="Banner that says 'Fork me on GitHub'."/></a></div>
 
-		<p><center><img src="media/logo.png" alt="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background." title="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background."></center></p>
+	<p><center><img src="media/logo.png" alt="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background." title="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background."></center></p><p><center><img src="media/flashingxmaslightborder.png" onmouseover="this.src=' media/flashingxmaslightborder.gif '" onmouseout="this.src=' media/flashingxmaslightborder.png '" alt="A GIF of Christmas fairy lights flashing on and off." title="A GIF of Christmas fairy lights flashing on and off."></center></p>
 
-	<hr>
 		<a href="#How to Play"><h1>How to Play</h1></a><a name="How to Play"></a>
 <p><img src="media/librequake.png" align="right" hspace="15" vspace="5" title="The LibreQuake mascot: The Restless, who is seen in bloody armor, a face mask that covers their face, and they have a large gun in their hands.." alt="The LibreQuake mascot: The Restless, who is seen in bloody armor, a face mask that covers their face, and they have a large gun in their hands." width="321" height="334"></p>
 
-	<p>Since <em>LibreQuake</em> is only the game data, you will still need to download an engine. These are also often termed “source ports” by the community. There are an overwhelming number of choices available, a lengthy list of which is available on the <a href="https://quakewiki.org/wiki/Engines">Quake Wiki</a>.</p>
-	<p>One particularly recommended by the <em>LibreQuake</em> project is <a href="https://triptohell.info/moodles/qss">QuakeSpasmSpiked</a>. This engine offers good support for single-player and the majority of mods created for both <em>Quake</em> and <em>LibreQuake</em>. As of April 2020, there are no PAK packaged files, but the work in progress can be played by placing the <tt>lq1</tt> directory in the main directory of your engine, the same place as the original <tt>id1</tt> folder. Then start your engine with the command line option <tt>+game lq1</tt> just like any other mod. You can then start a new game or use the <tt>map</tt> command from the console to explore in progress maps.</p>
+	<p>Since <em>LibreQuake</em> is only the game data, you will still need to download an engine. These are also often termed “source ports” by the community. There are an overwhelming number of choices available, a lengthy list of which is available on the <a href="https://quakewiki.org/wiki/Engines" target="_parent">Quake Wiki</a>.</p>
+	<p>One particularly recommended by the <em>LibreQuake</em> project is <a href="https://triptohell.info/moodles/qss" target="_parent">QuakeSpasmSpiked</a>. This engine offers good support for single-player and the majority of mods created for both <em>Quake</em> and <em>LibreQuake</em>. As of April 2020, there are no PAK packaged files, but the work in progress can be played by placing the <tt>lq1</tt> directory in the main directory of your engine, the same place as the original <tt>id1</tt> folder. Then start your engine with the command line option <tt>+game lq1</tt> just like any other mod. You can then start a new game or use the <tt>map</tt> command from the console to explore in progress maps.</p>
 
 
 		<a href="#What “Free” Means"><h1>What “Free” Means</h1></a><a name="What “Free” Means"></a>
-<p>When we speak of free content or software, we refer to the movement in which your freedom to use, copy, modify, and study a work is not infringed. For example, you may freely use <em>LibreQuake</em> for any purpose you see fit, you may redistribute it to anyone without needing to ask for permission, you may modify it (provided you keep the license intact, see <tt><a href="copying.html">COPYING</a></tt>), and you may study it. You may read more about free software at the <a href="http://www.gnu.org">GNU</a> and <a href="http://www.fsf.org">Free Software Foundation</a> websites.</p>
+<p>When we speak of free content or software, we refer to the movement in which your freedom to use, copy, modify, and study a work is not infringed. For example, you may freely use <em>LibreQuake</em> for any purpose you see fit, you may redistribute it to anyone without needing to ask for permission, you may modify it (provided you keep the license intact, see <tt><a href="copying.html" target="_parent">COPYING</a></tt>), and you may study it. You may read more about free software at the <a href="http://www.gnu.org" target="_parent">GNU</a> and <a href="http://www.fsf.org" target="_parent">Free Software Foundation</a> websites.</p>
 
 
 	<a href="#Contributing to LibreQuake"><h1>Contributing to LibreQuake</h1></a><a name="Contributing to LibreQuake"></a>
@@ -51,12 +55,12 @@
 </ol>
 
 		<a href="#Submitting your work"><h2>Submitting your work</h2></a><a name="Submitting your work"></a>
-<p>The most common, and a fairly simple method, to submit your work is by posting it on the <a href="discord.html">LQ Discord</a>.</p>
+<p>The most common, and a fairly simple method, to submit your work is by posting it on the <a href="discord.html" target="_parent">LQ Discord</a>.</p>
 <p>This allows a quick cycle of development and feedback.</p>
-<p>An alternative to using the forum is to post your submission on the <a href="https://github.com/MissLav/LibreQuake/issues">issue tracker</a>, which may also be peer-reviewed and provide a feedback cycle.</p>
-<p>Unfortunately, the LibreQuake project cannot provide hosting space in the form of a webpage nor FTP, however, there are many free file hosts to use when you need a location to upload files. Sites and services such as <a href="https://www.dropbox.com">Dropbox</a> and <a href="https://mega.co.nz">Mega</a>, as well as others, are common and should be simple to use.</p>
+<p>An alternative to using the forum is to post your submission on the <a href="https://github.com/MissLav/LibreQuake/issues" target="_parent">issue tracker</a>, which may also be peer-reviewed and provide a feedback cycle.</p>
+<p>Unfortunately, the LibreQuake project cannot provide hosting space in the form of a webpage nor FTP, however, there are many free file hosts to use when you need a location to upload files. Sites and services such as <a href="https://www.dropbox.com" target="_parent">Dropbox</a> and <a href="https://mega.co.nz" target="_parent">Mega</a>, as well as others, are common and should be simple to use.</p>
 
-	<p><center><img src="media/screenshot.png" hspace="15" vspace="5" title="Screenshot of the game showing the player looking at a radio, a few jars, and a TV set. They have a gun in their hand." alt="Screenshot of the game showing the player looking at a radio, a few jars, and a TV set. They have a gun in their hand." width="768" height="432"></center></p>
+	<p><center><a href="screenshots.html" target="_parent"><img src="media/screenshot01.png" hspace="15" vspace="5" title="Screenshot of the game showing the player looking at a radio, a few jars, and a TV set. They have a gun in their hand." alt="Screenshot of the game showing the player looking at a radio, a few jars, and a TV set. They have a gun in their hand." width="768" height="432"></a></center></p>
 
 			<a href="#Crediting information"><h3>Crediting information</h3></a><a name="Crediting information"></a>
 <p><em>LibreQuake</em> is made up of submissions from many people all over the globe. All of them, including <strong>you</strong>, deserve credit! Please do not forget to provide your name and email when submitting resources.</p>
@@ -71,7 +75,9 @@
 var today = new Date()
 var year = today.getFullYear()
 document.write(year)
-	</script>, licensed under <a href="copying.html">an open license</a>.</p>
+	</script>, licensed under <a href="copying.html" target="_parent">an open license</a>.</p>
+<p><center><img src="media/turtle.png" alt="A tiny little turtle!" title="A tiny little turtle!" onclick="playAudio('media/squeak.mp3')">
+<audio src="media/squeak.mp3" id="audioElement"></audio></center></p>
 <p></p>
     </body>
 </html>
diff --git a/odds/lq/blank.txt b/odds/lq/blank.txt
@@ -3,23 +3,32 @@
 <body>
 	<title>.:| TITLE on LibreQuake |:.</title>
 	<meta charset="utf-8">
+	<meta content="LibreQuake" property="og:title" />
+	<meta content="Free and open-source Quake" property="og:description" />
+		<meta property="og:image" content="https://librequake.queer.sh/media/embed.png">
+	<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+    <meta name="keywords" content="LibreQuake, quake, fps, open-source, open source, free, vanilla, 1990s, 90s, 1996">
 	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 	<link rel="stylesheet" href="style.css">
 	<script src="script.js"></script>
-	<div id="header"><a href="https://github.com/MissLavender-LQ/LibreQuake"><img id="forkme" src="media/forkme.png" alt="Fork me on GitHub" /></a></div>
+	<div id="header"><a href="https://github.com/MissLavender-LQ/LibreQuake" target="_parent"><img id="forkme" src="media/forkme.png" alt="Banner that says 'Fork me on GitHub'." title="Banner that says 'Fork me on GitHub'."/></a></div>
 
 		<p><center><img src="media/logo.png" alt="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background." title="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background."></center></p>
 
 	<hr>
 		<p>Contents of the page go here.</p>
+
+		<p>Oh look, <a href="XXX.html" target="_parent">I'm a link</a>!</p>
 
 		<hr>
 
 <p>LibreQuake is copyrighted 2019 - <script type="text/javascript">
 var today = new Date()
 var year = today.getFullYear()
 document.write(year)
-	</script>, licensed under <a href="copying.html">an open license</a>.</p>
+	</script>, licensed under <a href="copying.html" target="_parent">an open license</a>.</p>
+<p><center><img src="media/turtle.png" alt="A tiny little turtle!" title="A tiny little turtle!" onclick="playAudio('media/squeak.mp3')">
+<audio src="media/squeak.mp3" id="audioElement"></audio></center></p>
 <p></p>
     </body>
 </html>
diff --git a/odds/lq/chat.html b/odds/lq/chat.html
@@ -2,6 +2,11 @@
 <html>
 <title>LibreQuake</title>
 	<meta charset="utf-8">
+	<meta content="LibreQuake" property="og:title" />
+	<meta content="Free and open-source Quake" property="og:description" />
+		<meta property="og:image" content="https://librequake.queer.sh/media/embed.png">
+	<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+    <meta name="keywords" content="LibreQuake, quake, fps, open-source, open source, free, vanilla, 1990s, 90s, 1996">
 	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 <frameset cols="10%, 70%">
 <frame src="side.html" />

diff --git a/odds/lq/chat2.html b/odds/lq/chat2.html
@@ -3,16 +3,20 @@
 <body>
 	<title>.:| Discord on LibreQuake |:.</title>
 	<meta charset="utf-8">
+	<meta content="LibreQuake" property="og:title" />
+	<meta content="Free and open-source Quake" property="og:description" />
+		<meta property="og:image" content="https://librequake.queer.sh/media/embed.png">
+	<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+    <meta name="keywords" content="LibreQuake, quake, fps, open-source, open source, free, vanilla, 1990s, 90s, 1996">
 	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 	<link rel="stylesheet" href="style.css">
-	<script src="script.js"></script>	<div id="header"><a href="https://github.com/MissLavender-LQ/LibreQuake"><img id="forkme" src="media/forkme.png" alt="Fork me on GitHub" /></a></div>
+	<script src="script.js"></script>	<div id="header"><a href="https://github.com/MissLavender-LQ/LibreQuake" target="_parent"><img id="forkme" src="media/forkme.png" alt="Banner that says 'Fork me on GitHub'." title="Banner that says 'Fork me on GitHub'."/></a></div>
 
-		<p><center><img src="media/logo.png" alt="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background." title="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background."></center></p>
+	<p><center><img src="media/logo.png" alt="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background." title="The banner for the website that says &#x22;LibreQuake&#x22; on behind a metal background."></center></p><p><center><img src="media/flashingxmaslightborder.png" onmouseover="this.src=' media/flashingxmaslightborder.gif '" onmouseout="this.src=' media/flashingxmaslightborder.png '" alt="A GIF of Christmas fairy lights flashing on and off." title="A GIF of Christmas fairy lights flashing on and off."></center></p>
 
-	<hr>
-<p>The best way to talk about LibreQuake, get fast updates, and just chat about the game will be on our community Discord. Sadly, <em>yes</em>, you will need a Discord account and <em>yes</em>, Discord is very much not open-source. We know, but we also know that it's one of the most used chatting apps in-use right now. So, feel free to pop by - we won't bite!</p>
+<p>The best way to talk about LibreQuake, get fast updates, and just chat about the game will be on our community Discord. Sadly, <em>yes</em>, you will need a Discord account and <em>yes</em>, Discord is very much not open-source. We know, but we also know that it's one of the most used chatting apps in use right now. So, feel free to pop by - we won't bite!</p>
 
-<p><center><h3><a href="https://discord.gg/Sb43BccfN9"><yell>Join our Discord!</yell></a></h3></center></p>
+<p><center><h3><a href="https://discord.gg/Sb43BccfN9" target="_parent"><yell>Join our Discord!</yell></a></h3></center></p>
 
 
 	<hr>
@@ -21,7 +25,9 @@
 var today = new Date()
 var year = today.getFullYear()
 document.write(year)
-	</script>, licensed under <a href="copying.html">an open license</a> - but you already knew that.</p>
+	</script>, licensed under <a href="copying.html" target="_parent">an open license</a>.</p>
+<p><center><img src="media/turtle.png" alt="A tiny little turtle!" title="A tiny little turtle!" onclick="playAudio('media/squeak.mp3')">
+<audio src="media/squeak.mp3" id="audioElement"></audio></center></p>	
 <p></p>
     </body>
 </html>
diff --git a/odds/lq/copying.html b/odds/lq/copying.html
@@ -2,6 +2,11 @@
 <html>
 <title>LibreQuake</title>
 	<meta charset="utf-8">
+	<meta content="LibreQuake" property="og:title" />
+	<meta content="Free and open-source Quake" property="og:description" />
+		<meta property="og:image" content="https://librequake.queer.sh/media/embed.png">
+	<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+    <meta name="keywords" content="LibreQuake, quake, fps, open-source, open source, free, vanilla, 1990s, 90s, 1996">
 	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 <frameset cols="10%, 70%">
 <frame src="side.html" />