blob: c20924d5b90b06b62cbf9963c0f329e66639dd81 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
/**
*
* This is a client-side implementation of Jae's Ftech webring.
* It depends on DOM elements, attempt to use it in headless
* environments such as NodeJS will result in a failure.
*
*/
// Custom write function since document.write will get removed in Chrome
document.write = (content) => {
document.body.innerHTML = document.body.innerHTML + content;
}
// CSS to make the magic happen
document.write("<style>ftww-base {display: block;border-radius: 10px;background-color: rgba(11, 11, 11, .25);padding: 10px 20px;margin: 10px 0;color: white;}ftww-title {display: block;font-weight: bold;}ftww-description a {color: white !important;text-decoration: underline;}ftww-actions {display: block;opacity: .5;}ftww-actions a {color: white !important;text-decoration: none;}ftww-disabled {opacity: .5;color: white !important;text-decoration: none;cursor: not-allowed;}ftww-notice {border-top: 1px solid rgba(17, 17, 17, .5);display: block;margin-top: 5px;padding-top: 5px;font-size: small;text-align: center;}</style>");
// Code that will be run after we get the data
function _ftww_processData(raw) {
try {
sites = JSON.parse(raw)["members"];
// We find the index corresponding to this website
thisSite = null;
hparts = location.href.split("/");
href = hparts[0] + "/" + hparts[1] + "/" + hparts[2];
if (typeof href === "string") { // Checking if the required variable is defined
index = 0;
for (site of sites) {
if (site["url"] === href) {
thisSite = index;
}
index++;
}
if (thisSite !== null) { // We check if it has found the site in the list
next = null;
previous = null;
random = sites[Math.floor(Math.random() * sites.length)]["url"]; // This simply selects a random item from the $sites array
if (sites[thisSite - 1]) { // We check if there's a previous site in the list
previous = sites[thisSite - 1]["url"];
} else {
previous = sites[sites.length - 1]["url"]; // If this is the first site, roll out to the last one
}
if (sites[$thisSite + 1]) { // We check if there's a next site in the list
next = sites[thisSite + 1]["url"];
} else {
next = sites[0]["url"]; // If this is the last site, roll out to the first one
}
document.write("<ftww-base><ftww-title>Ftech webring</ftww-title><ftww-description>This is<a href=\""+sites[thisSite]["url"]+"\">"+sites[thisSite]["name"]+"</a>, owned by "+sites[thisSite]["owner"]+". This website is part of the Ftech webring.</ftww-description><ftww-actions>");
if (previous !== null) document.write("<a href=\""+previous+"\" target='_blank'>[Prev]</a>\n");
if (previous === null) document.write("<ftww-disabled>[You're on the first site]</ftww-disabled>\n");
if (next !== null) document.write("<a href=\""+next+"\" target='_blank'>[Next]</a>\n");
if (next === null) document.write("<ftww-disabled>[You're on the last site]</ftww-disabled>\n");
if (random !== null) document.write("<a href=\""+random+"\" target='_blank'>[Random]</a>\n");
document.write("</ftww-actions><ftww-notice>"+sites[thisSite]["owner"]+" is warning you that other websites on the webring have their own policies that may or may not be the same as the policies from "+sites[thisSite]["name"]+".</ftww-notice></ftww-base>");
} else {
// We display an error message
document.write("<ftww-base>The content that was supposed to appear here cannot be loaded due to an internal error. Please contact the website administrator.</ftww-base>");
console.error(new Error("Unable to detect site"));
}
} else {
// We display an error message
document.write("<ftww-base>The content that was supposed to appear here cannot be loaded due to an internal error. Please contact the website administrator.</ftww-base>");
console.error(new Error("No hostname"));
}
} catch (e) {
// We display an error message
document.write("<ftww-base>The content that was supposed to appear here cannot be loaded due to an internal error. Please contact the website administrator.</ftww-base>");
console.error(e);
}
}
// We fetch the API
window.fetch("https://jae.fi/webring/members").then((a) => {
a.text().then((b) => {
_ftww_processData(b);
})
})
|
