diff --git a/404.html b/404.html new file mode 100644 index 0000000..06ad764 --- /dev/null +++ b/404.html @@ -0,0 +1,18 @@ +--- +permalink: /404.html +--- + + + + + Loading.. + + + + + diff --git a/index.html b/index.html index 9716869..95c1934 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,8 @@ - + + Webring @@ -61,17 +62,5 @@ var portal = new Portal(sites); portal.start(); - diff --git a/links/main.css b/links/main.css new file mode 100644 index 0000000..1ebe3e4 --- /dev/null +++ b/links/main.css @@ -0,0 +1,13 @@ +body { background:#f4f4f4; padding:0px; margin:0px; } +body div { display:block; background: #ccc;min-height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family: 'Monospaced','Courier New',courier;font-size:12px; position: relative; border-radius: 2px } +body div #icon { display: block;width: 30px;height: 30px;background-image: url(../icon.white.svg);background-size: cover;background-repeat: no-repeat;position: absolute;bottom: 10px;right:10px;background-position: center;padding:0px } +body div p { display:block; padding:0px 5px} +body div p a { color:black; text-decoration: none; } +body div p a:hover { text-decoration: underline; } +body div p b { font-weight: normal; color:#000; text-decoration: underline; } +body div p.readme { max-width:500px; } +body div list { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;} +body div list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; } +body div list ln a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px;} +body div list ln a:visited { color:#777; text-decoration: none;} +body div list ln a:hover { background:black; color:#fff; text-decoration: none; } \ No newline at end of file diff --git a/portal.js b/scripts/portal.js similarity index 55% rename from portal.js rename to scripts/portal.js index 6d8eb64..4559151 100644 --- a/portal.js +++ b/scripts/portal.js @@ -1,6 +1,6 @@ function Portal(sites) { - this.el = document.createElement("pre"); + this.el = document.createElement("div"); this.sites = sites; this.install = function() @@ -13,6 +13,16 @@ function Portal(sites) this.install(); this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? this.redirect() : this.directory(); } + + this.readme = function() + { + return `

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 diaries, wikis & portfolios — To add yourself to the ring, submit a Pull Request.

` + } + + this.buttons = function() + { + return `

Random | Information

` + } this.directory = function() { @@ -22,7 +32,7 @@ function Portal(sites) var site = this.sites[id] html += `${id}) ${site.split("//")[1]}` } - return `${html}\nRandom | Information ` + return `${html}\n${this.readme()}${this.buttons()}` } this.reload = function() @@ -69,6 +79,7 @@ function Portal(sites) var location = this.locate(); var target = this.next(location); this.navigate(target) - return `

Redirecting to ${target}

Directory | Skip | Random | Information ` + return `

Redirecting to ${target}

+

Directory | Skip | Random | Information

` } }