ilyakooo0/webring
1
0
Fork 0
mirror of https://github.com/ilyakooo0/webring.git synced 2024-11-22 22:57:39 +03:00
Code Issues Projects Releases Wiki Activity

Standard

Browse Source
This commit is contained in:
Devine Lu Linvega 2018-10-04 11:56:55 +12:00
parent ae6fc2dd21
commit 8df7857887
1 changed files with 35 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
scripts/portal.js
View File

@ -1,61 +1,51 @@
'use strict'; 'use strict'
function Portal(sites) function Portal (sites) {
{ this.el = document.createElement('div')
this.el = document.createElement("div"); this.sites = sites
this.sites = sites;
// Templates // Templates
function _readme() function _readme () {
{
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>` 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>`
} }
function _buttons() function _buttons () {
{
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>` 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>`
} }
function _directory(sites) function _directory (sites) {
{
return ` return `
<ul>${sites.reduce((acc,val,id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split("//")[1]}</a></li>`; },"")}</ul>\n${_readme()}${_buttons()}` <ul>${sites.reduce((acc, val, id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split('//')[1]}</a></li>` }, '')}</ul>\n${_readme()}${_buttons()}`
} }
function _redirect(target) function _redirect (target) {
{
return `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}"> return `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}">
<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>` <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>`
} }
// //
this.install = function(host) this.install = function (host) {
{ host.appendChild(this.el)
host.appendChild(this.el);
} }
this.start = function() this.start = function () {
{ this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? _redirect(this.next()) : _directory(this.sites)
this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? _redirect(this.next()) : _directory(this.sites);
} }
this.reload = function() this.reload = function () {
{
setTimeout(() => { window.location.reload() }, 500) setTimeout(() => { window.location.reload() }, 500)
} }
this.navigate = function(target) this.navigate = function (target) {
{ setTimeout(() => { window.location.href = target }, 3000)
setTimeout(() => { window.location.href = target; },3000)
} }
this.locate = function() this.locate = function () {
{ const hash = window.location.hash.replace('#', '').trim()
const hash = window.location.hash.replace("#","").trim();
if(hash == "random"){ if (hash == 'random') {
return Math.floor(Math.random() * this.sites.length) return Math.floor(Math.random() * this.sites.length)
} }
@ -64,11 +54,10 @@ function Portal(sites)
return parseInt(id) return parseInt(id)
} }
} }
return -1; return -1
} }
this.next = function(loc = this.locate()) this.next = function (loc = this.locate()) {
{ return loc == this.sites.length - 1 ? this.sites[0] : this.sites[loc + 1]
return loc == this.sites.length-1 ? this.sites[0] : this.sites[loc+1];
} }
} }