git.iko.soy/webring
on master help sign in
Improved styles
commitd9249759c9080aa3ba7a2f2759d77bd58fda5216 authorDevine Lu Linvega <aliceffekt@gmail.com> dateSat 19 May 2018, 09:49 (8 years ago) parentb38508f
2 files changed+6−8
compare with master
unifiedsplit
index.html+4−2 portal.js+2−6
index.html+4−2
@@ -54,13 +54,15 @@
5454 </script>
5555 <style>
5656 body { background:#fff; padding:0px; margin:0px; }
57− body pre { background: #000;height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px; }
57+ body pre { background: #000;height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family: 'Courier New',courier;font-size:12px; position: relative; }
5858 body pre a { color:#fff; display: inline-block; padding:0px 5px; line-height: 20px}
5959 body pre a:hover { color:#eee; background:#000; text-decoration: none; }
60+ body pre #icon { display: block;width: 20px;height: 20px;background-image: url(icon.white.svg);background-size: 20px;background-repeat: no-repeat;position: absolute;bottom: 10px;right:10px;background-position: center;padding:0px }
6061 body pre p { display:block; padding:0px 5px}
62+ body pre p b { font-weight: normal; color:#ccc; }
6163 body pre list { display:block; columns:3; }
6264 body pre list ln { display:block; padding-left:5px}
63− body pre list ln a:visited { color:#555;}
65+ body pre list ln a:visited { color:#ccc;}
6466 </style>
6567</body>
6668</html>
portal.js+2−6
@@ -22,7 +22,7 @@ function Portal(sites)
2222 var site = this.sites[id]
2323 html += `<ln>${id}) <a href='${site}'>${site.split("//")[1]}</a></ln>`
2424 }
25− return `<list>${html}</list>\n<a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a></ln>`
25+ return `<list>${html}</list>\n<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></ln>`
2626 }
2727
2828 this.reload = function()
@@ -69,10 +69,6 @@ function Portal(sites)
6969 var location = this.locate();
7070 var target = this.next(location);
7171 this.navigate(target)
72−
73− var html = ""
74−
75− html = `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}"><a href='' onClick="window.location.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>`
76− return html
72+ return `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}"><a href='' onClick="window.location.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>`
7773 }
7874}