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

Improved styles

Browse Source
This commit is contained in:
Devine Lu Linvega 2018-05-19 09:49:10 +12:00
parent b38508fb07
commit d9249759c9
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -54,13 +54,15 @@
</script> </script>
<style> <style>
body { background:#fff; padding:0px; margin:0px; } body { background:#fff; padding:0px; margin:0px; }
body pre { background: #000;height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px; } 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; }
body pre a { color:#fff; display: inline-block; padding:0px 5px; line-height: 20px} body pre a { color:#fff; display: inline-block; padding:0px 5px; line-height: 20px}
body pre a:hover { color:#eee; background:#000; text-decoration: none; } body pre a:hover { color:#eee; background:#000; text-decoration: none; }
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 }
body pre p { display:block; padding:0px 5px} body pre p { display:block; padding:0px 5px}
body pre p b { font-weight: normal; color:#ccc; }
body pre list { display:block; columns:3; } body pre list { display:block; columns:3; }
body pre list ln { display:block; padding-left:5px} body pre list ln { display:block; padding-left:5px}
body pre list ln a:visited { color:#555;} body pre list ln a:visited { color:#ccc;}
</style> </style>
</body> </body>
</html> </html>

8
portal.js
View File

@ -22,7 +22,7 @@ function Portal(sites)
var site = this.sites[id] var site = this.sites[id]
html += `<ln>${id}) <a href='${site}'>${site.split("//")[1]}</a></ln>` html += `<ln>${id}) <a href='${site}'>${site.split("//")[1]}</a></ln>`
} }
return `<list>${html}</list>\n<a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a></ln>` 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>`
} }
this.reload = function() this.reload = function()
@ -69,10 +69,6 @@ function Portal(sites)
var location = this.locate(); var location = this.locate();
var target = this.next(location); var target = this.next(location);
this.navigate(target) this.navigate(target)
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>`
var html = ""
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>`
return html
} }
} }