79 lines
3.5 KiB
JavaScript
79 lines
3.5 KiB
JavaScript
//YELLOW TERMINAL
|
|
|
|
// onionring.js is made up of four files - onionring-widget.js (this one!), onionring-index.js, onionring-variables.js and onionring.css
|
|
// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html)
|
|
// it was originally made by joey + mord of allium (蒜) house, last updated 2020-11-24
|
|
|
|
// === ONIONRING-WIDGET ===
|
|
//this file contains the code which builds the widget shown on each page in the ring. ctrl+f 'EDIT THIS' if you're looking to change the actual html of the widget
|
|
|
|
var tag = document.getElementById(ringID); //find the widget on the page
|
|
|
|
thisSite = window.location.href; //get the url of the site we're currently on
|
|
thisIndex = null;
|
|
|
|
// FIX
|
|
thisSite = thisSite.replace("alfieking.dev", "proot.uk"); // fix domain
|
|
thisSite = thisSite.replace("http:\/\/127.0.0.1:5000", "https:\/\/proot.uk"); // For debug purposes
|
|
|
|
// go through the site list to see if this site is on it and find its position
|
|
for (i = 0; i < sites.length; i++) {
|
|
if (thisSite.startsWith(sites[i])) { //we use startswith so this will match any subdirectory, users can put the widget on multiple pages
|
|
thisIndex = i;
|
|
break; //when we've found the site, we don't need to search any more, so stop the loop
|
|
}
|
|
}
|
|
|
|
function randomUltraRingSite() {
|
|
otherSites = sites.slice(); //create a copy of the sites list
|
|
otherSites.splice(thisIndex, 1); //remove the current site so we don't just land on it again
|
|
randomIndex = Math.floor(Math.random() * otherSites.length);
|
|
location.href = otherSites[randomIndex];
|
|
}
|
|
|
|
//if we didn't find the site in the list, the widget displays a warning instead
|
|
if (thisIndex == null) {
|
|
tag.insertAdjacentHTML('afterbegin', `
|
|
<table>
|
|
<tr>
|
|
<td>This site isn't part of <a href="https://jack-dawlia.neocities.org/page/shrines/ultrakill/ULTRARING" target='_parent'>${ringName}</a> yet!</td>
|
|
</tr>
|
|
</table>
|
|
`);
|
|
}
|
|
else {
|
|
//find the 'next' and 'previous' sites in the ring. this code looks complex
|
|
//because it's using a shorthand version of an if-else statement to make sure
|
|
//the first and last sites in the ring join together correctly
|
|
previousIndex = (thisIndex-1 < 0) ? sites.length-1 : thisIndex-1;
|
|
nextIndex = (thisIndex+1 >= sites.length) ? 0 : thisIndex+1;
|
|
|
|
indexText = ""
|
|
//if you've chosen to include an index, this builds the link to that
|
|
if (useIndex) {
|
|
indexText = `<a href='${indexPage}' class="textshadow" target='_parent'>[INDEX]</a> | `;
|
|
}
|
|
|
|
randomText = ""
|
|
//if you've chosen to include a random button, this builds the link that does that
|
|
if (useRandom) {
|
|
randomText = `<a href='javascript:void(0)' onclick='randomUltraRingSite()' style="color: red;" class="textshadow" target='_parent'>[RANDOM]</a>`;
|
|
}
|
|
|
|
//this is the code that displays the widget - EDIT THIS if you want to change the structure
|
|
tag.insertAdjacentHTML('afterbegin', `
|
|
|
|
<table>
|
|
<tr>
|
|
<td class='webring-prev'><a href='${sites[previousIndex]}' style="color: red;" class="textshadow" title="[PREV]" target='_parent'><<</a></td>
|
|
<td class='webring-info'><a href="https://jack-dawlia.neocities.org/page/shrines/ultrakill/ULTRARING" style="color: red;" target='_parent'><img src="https://jack-dawlia.neocities.org/image/ultraring-yellow-terminal.png" alt="This site is part of ULTRARING" title="ULTRARING" style="max-width:100%"></a></br>
|
|
<span class='webring-links'>
|
|
${randomText}
|
|
${indexText}
|
|
<td class='webring-next'><a href='${sites[nextIndex]}' style="color: red;" title="[NEXT]" target='_parent'>>></a></td>
|
|
</tr>
|
|
</table>
|
|
`);
|
|
|
|
}
|