on master help sign in
Improved layout
3a75ddaDevine Lu Linvega
index.html+39−35
@@ -11,41 +11,41 @@
11 // protocole://url.domain.ext/
11 // protocole://url.domain.ext/
12 var sites = [
12 var sites = [
13 "https://wiki.xxiivv.com/",
13 "https://wiki.xxiivv.com/",
14− "http://estevancarlos.com/",
14+ , "http://estevancarlos.com/"
15− "https://electro.pizza/",
15+ , "https://electro.pizza/"
16− "http://xla.wiki/",
16+ , "http://xla.wiki/"
17− "https://monochromatic.co/",
17+ , "https://monochromatic.co/"
18− "https://joshavanier.github.io/",
18+ , "https://joshavanier.github.io/"
19− "http://kaemura.com/",
19+ , "http://kaemura.com/"
20− "https://liamcooke.com/",
20+ , "https://liamcooke.com/"
21− "https://electricgecko.de/",
21+ , "https://electricgecko.de/"
22− "https://wichniow.ski/",
22+ , "https://wichniow.ski/"
23− "https://hraew.autophagy.io/",
23+ , "https://hraew.autophagy.io/"
24− "https://evenunto.net/",
24+ , "https://evenunto.net/"
25− "https://anxl.faith",
25+ , "https://anxl.faith"
26− "https://xvw.github.io",
26+ , "https://xvw.github.io"
27− "https://heracl.es",
27+ , "https://heracl.es"
28− "https://felipecortez.net",
28+ , "https://felipecortez.net"
29− "http://rukial.tk",
29+ , "http://rukial.tk"
30− "http://luminghao.com",
30+ , "http://luminghao.com"
31− "http://silane.io",
31+ , "http://silane.io"
32− "https://theiceshelf.com/",
32+ , "https://theiceshelf.com/"
33− "https://turelio.github.io/",
33+ , "https://turelio.github.io/"
34− "https://spaceshipsin.space/",
34+ , "https://spaceshipsin.space/"
35− "http://log.lectronice.com",
35+ , "http://log.lectronice.com"
36− "https://craze.co.uk",
36+ , "https://craze.co.uk"
37− "https://shaneckel.com",
37+ , "https://shaneckel.com"
38− "https://cblgh.org",
38+ , "https://cblgh.org"
39− "https://ellugar.co",
39+ , "https://ellugar.co"
40− "http://hur.bet",
40+ , "http://hur.bet"
41− "http://chigby.org",
41+ , "http://chigby.org"
42− "https://0101.solar",
42+ , "https://0101.solar"
43− "https://longest.voyage",
43+ , "https://longest.voyage"
44− "https://palomakop.tv/",
44+ , "https://palomakop.tv/"
45− "https://travisshears.com/",
45+ , "https://travisshears.com/"
46− "https://v-os.ca",
46+ , "https://v-os.ca"
47− "http://secretinternet.club/",
47+ , "http://secretinternet.club/"
48− "https://jmandel.xyz"
48+ , "https://jmandel.xyz"
49 // Don't forget the comma!
49 // Don't forget the comma!
50 ]
50 ]
51 var portal = new Portal(sites);
51 var portal = new Portal(sites);
@@ -55,6 +55,10 @@
55 body { background:#eee; padding:30px; }
55 body { background:#eee; padding:30px; }
56 body a { color:#000; display: inline-block; padding:0px 5px; line-height: 20px}
56 body a { color:#000; display: inline-block; padding:0px 5px; line-height: 20px}
57 body a:hover { color:#eee; background:#000; text-decoration: none; }
57 body a:hover { color:#eee; background:#000; text-decoration: none; }
58+ body list { display:block; columns:3; }
59+ body list ln { display:block; padding-left:5px}
60+ body list ln a:active { color:#pink; background:black}
61+ body list ln a:visited { color:#000; background:pink}
58 </style>
62 </style>
59</body>
63</body>
60</html>
64</html>
portal.js+2−4
@@ -20,11 +20,9 @@ function Portal(sites)
20
20
21 for(id in this.sites){
21 for(id in this.sites){
22 var site = this.sites[id]
22 var site = this.sites[id]
23− html += `${id}) <a href='${site}'>${site}</a>\n`
23+ html += `<ln>${id}) <a href='${site}'>${site.split("//")[1]}</a></ln>`
24 }
24 }
25− html += `\n<a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a>`
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>`
26−
27− return html
28 }
26 }
29
27
30 this.reload = function()
28 this.reload = function()