@@ -1,63 +1,74 @@
1−'use strict'
2−
3−function Portal (sites) {
4− this.el = document.createElement('div')
5− this.sites = sites
1+'use strict';
62
3+function Portal(sites)
4+{
5+ this.el = document.createElement("div");
6+ this.sites = sites;
7+
78 // Templates
89
9− function _readme () {
10− return `<p class='readme'>This webring is an attempt to inspire artists & developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis & portfolios</b>.</p><p>To add yourself to the ring, submit a <a href='https://github.com/XXIIVV/webring/edit/master/scripts/sites.js' target='_blank'>Pull Request</a>.<br />If you found a broken link, please <a href='https://github.com/XXIIVV/webring/issues/new' target='_blank'>report it</a>.</p>`
10+ function _readme()
11+ {
12+ return `<p class='readme'>This webring is an attempt to inspire artists & developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis & portfolios</b>.</p><p>To add yourself to the ring, submit a <a href='https://github.com/XXIIVV/webring/edit/master/index.html' target='_blank'>Pull Request</a>.<br />If you found a broken link, please <a href='https://github.com/XXIIVV/webring/issues/new' target='_blank'>report it</a>.</p>`
1113 }
1214
13− function _buttons () {
15+ function _buttons()
16+ {
1417 return `<p class='buttons'><a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a> <a id='icon' href='#random' onClick="portal.reload('random')"></a></p>`
1518 }
1619
17− function _directory (sites) {
20+ function _directory(sites)
21+ {
1822 return `
19− <ul>${sites.reduce((acc, val, id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split('//')[1]}</a></li>` }, '')}</ul>\n${_readme()}${_buttons()}`
23+ <ul>${sites.reduce((acc,val,id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split("//")[1]}</a></li>`; },"")}</ul>\n${_readme()}${_buttons()}`
2024 }
21−
22− function _redirect (target) {
25+
26+ function _redirect(target)
27+ {
2328 return `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}">
2429 <p class='buttons'><a href='#' onClick="portal.reload('')">Directory</a> | <a href='#${target}' onClick="portal.reload('random')">Skip</a> | <a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a> <a id='icon' href='#random' onClick="portal.reload('random')"></a></p>`
2530 }
2631
27− //
32+ //
2833
29− this.install = function (host) {
30− host.appendChild(this.el)
34+ this.install = function(host)
35+ {
36+ host.appendChild(this.el);
3137 }
32−
33− this.start = function () {
34− this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? _redirect(this.next()) : _directory(this.sites)
38+
39+ this.start = function()
40+ {
41+ this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? _redirect(this.next()) : _directory(this.sites);
3542 }
3643
37− this.reload = function () {
38− setTimeout(() => { window.location.reload() }, 500)
44+ this.reload = function()
45+ {
46+ setTimeout(()=>{ window.location.reload() },500)
3947 }
4048
41− this.navigate = function (target) {
42− setTimeout(() => { window.location.href = target }, 3000)
49+ this.navigate = function(target)
50+ {
51+ setTimeout(() => { window.location.href = target; },3000)
4352 }
44−
45− this.locate = function () {
46− const hash = window.location.hash.replace('#', '').trim()
47−
48− if (hash == 'random') {
49− return Math.floor(Math.random() * this.sites.length)
53+
54+ this.locate = function()
55+ {
56+ const hash = window.location.hash.replace("#","").trim();
57+
58+ if(hash == "random"){
59+ return Math.floor(Math.random()*this.sites.length)
5060 }
51−
52− for (const id in this.sites) {
53− if (this.sites[id].indexOf(hash) > -1) {
61+
62+ for(const id in this.sites){
63+ if(this.sites[id].indexOf(hash) >-1){
5464 return parseInt(id)
5565 }
5666 }
57− return -1
67+ return -1;
5868 }
59−
60− this.next = function (loc = this.locate()) {
61− return loc == this.sites.length - 1 ? this.sites[0] : this.sites[loc + 1]
69+
70+ this.next = function(loc = this.locate())
71+ {
72+ return loc == this.sites.length-1 ? this.sites[0] : this.sites[loc+1];
6273 }
6374}