Finally, an update

1 files changed, 71 insertions, 0 deletions

diff --git a/src/org/links.org b/src/org/links.org
new file mode 100755
index 0000000..610b667
--- /dev/null
+++ b/src/org/links.org
@@ -0,0 +1,71 @@
+#+TITLE: Webrings and Links (JavaScript ahead) 💜
+#+AUTHOR: Crystal
+#+OPTIONS: ^:{}
+#+OPTIONS: num:nil
+#+EXPORT_FILE_NAME: ../../links.html
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/css/colors.css"/>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="src/css/style.css"/>
+#+OPTIONS: html-style:nil
+#+OPTIONS: toc:nil
+* Webrings & Links
+
+*This site is a proud member of the geekring! Check some other geeky websites here!*
+
+[[http://geekring.net/site/302/previous][Previous site]] -- [[http://geekring.net/site/301/random][Random Site]] -- [[http://geekring.net/site/301/next][Next Site]]
+
+*Do you long for a simpler time, when America was Online and the only person you could Ask was Jeeves? Hotline Webring is bringing that time back, with Webrings! /This website is part of the Hotline Webring/*
+
+[[https://hotlinewebring.club/crystal/previous][Previous site]] -- [[https://hotlinewebring.club/crystal/next][Next site]]
+#+BEGIN_EXPORT html
+<iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=crystal"></iframe>
+
+<link rel="stylesheet"
+href="https://teethinvitro.neocities.org/webring/linuxring/script/onionring.css">
+<div id="transring">
+<script type="text/javascript" src="https://transring.neocities.org/onionring-variables.js"></script>
+<script type="text/javascript" src="https://transring.neocities.org/onionring-widget.js"></script>
+</div>
+
+<div id='linuxring'>
+<script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-variables.js"></script>
+<script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-widget.js"></script>
+</div>
+
+#+END_EXPORT
+#+BEGIN_EXPORT html
+<table>
+<tr>
+<td><a href="https://webri.ng/webring/ladiesofthelinks/previous?via=https%3A%2F%2Fcrystal.tilde.institute"><img src="src/gifs/links/ladiesofthelinks/ladiesofthelink1.gif"></a></td>
+<td><a href="https://ladiesofthe.link/"><img src="src/gifs/links/ladiesofthelinks/ladiesofthelink.gif"></a></td>
+<td><a href="https://webri.ng/webring/ladiesofthelinks/next?via=https%3A%2F%2Fcrystal.tilde.institute"><img src="/src/gifs/links/ladiesofthelinks/ladiesofthelink2.gif"></a></td>
+</tr>
+</table>
+#+END_EXPORT
+
+** Lainchan Webring
+
+Lainring is a decentralized [[https://indieweb.org/webring][webring]] created by the users of [[https://www.lainchan.org][Lainchan]], an anonymous image board. If you want to be added, go to the [[https://lainchan.org/%CE%A9/res/70358.html][Lainchan thread]] and post your website there, together with a 240x60 button image.
+
+#+BEGIN_EXPORT html
+<div id="lainring">... Loading, please wait ...</div>
+<script>
+document.addEventListener("DOMContentLoaded", function(event) {
+	/* Try to retrieve the json file */
+	fetch('src/json/lainring.json').then(res => res.json()).then((data) => {
+		let out = '';
+		/* For each element in the JSON, build an anchor-image DOM structure */
+		data.items.forEach(element => {
+			/* This string is split in multiple lines for readability */
+			out += '<a title="' + element.title + '" ' +
+				'href="' + element.url + '">' +
+				'<img src="src/gifs/lainchan/' + element.img + '" alt="' + element.title + '" /></a>';
+		});
+		/* Inject the DOM structure into the element with the id 'lainring' */
+		document.getElementById('lainring').innerHTML = out;
+	}).catch(err => {
+		/* throw an error */
+		throw err
+	});
+});
+</script>
+#+END_EXPORT