ae6fc2d · webring · git.iko.soy

git.iko.soy/webring

Minor cleanup

commitae6fc2dd214bd4251307b8e044859c07d4b0f046 authorDevine Lu Linvega <aliceffekt@gmail.com> dateWed 3 Oct 2018, 15:48 (8 years ago) parent93804e6

5 files changed+101−111

compare with master

unifiedsplit

index.html+1 links/fonts.css+8−15 media/fonts/input_mono_thin.ttf scripts/portal.js+28−35 scripts/sites.js+64−61

index.html+1

@@ -12,6 +12,7 @@

1212<body>

1313 <script>

1414 const portal = new Portal(sites);

15+ portal.install(document.body);

1516 portal.start();

1617 </script>

1718</body>

links/fonts.css+8−15

@@ -1,22 +1,15 @@

11/* Input Mono */

33@font-face {

4− font-family: 'input_mono_regular';

5− src: url('../media/fonts/input_mono_regular.ttf') format('truetype');

6− font-weight: normal;

7− font-style: normal;

4+ font-family: 'input_mono_regular';

5+ src: url('../media/fonts/input_mono_regular.ttf') format('truetype');

6+ font-weight: normal;

7+ font-style: normal;

88}

1010@font-face {

11− font-family: 'input_mono_medium';

12− src: url('../media/fonts/input_mono_medium.ttf') format('truetype');

13− font-weight: normal;

14− font-style: normal;

15−}

16−

17−@font-face {

18− font-family: 'input_mono_thin';

19− src: url('../media/fonts/input_mono_thin.ttf') format('truetype');

20− font-weight: normal;

21− font-style: normal;

11+ font-family: 'input_mono_medium';

12+ src: url('../media/fonts/input_mono_medium.ttf') format('truetype');

13+ font-weight: normal;

14+ font-style: normal;

2215}

media/fonts/input_mono_thin.ttfdeleted

Binary file not shown.

scripts/portal.js+28−35

@@ -4,31 +4,41 @@ function Portal(sites)

44{

55 this.el = document.createElement("div");

66 this.sites = sites;

7−

8− this.install = function()

8+ // Templates

10+ function _readme()

911 {

10− document.body.appendChild(this.el);

12+ 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 <a href='https://github.com/XXIIVV/webring/edit/master/index.html' target='_blank'>Pull Request</a>. If you found a broken link, please <a href='https://github.com/XXIIVV/webring/issues/new' target='_blank'>report it</a>.`

1113 }

12−

13− this.start = function()

14+

15+ function _buttons()

1416 {

15− this.install();

16− this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? this.redirect() : this.directory();

17+ return `<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>`

1718 }

1819

19− this.readme = function()

20+ function _directory(sites)

2021 {

21− 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 <a href='https://github.com/XXIIVV/webring/edit/master/index.html' target='_blank'>Pull Request</a>. If you found a broken link, please <a href='https://github.com/XXIIVV/webring/issues/new' target='_blank'>report it</a>.`

22+ return `

23+ <ul>${sites.reduce((acc,val,id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split("//")[1]}</a></li>`; },"")}</ul>\n${_readme()}${_buttons()}`

2224 }

25+

26+ function _redirect(target)

27+ {

28+ return `Redirecting to ${target}<meta http-equiv="refresh" content="3; url=${target}">

29+ <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>`

30+ }

31+

32+ //

2333

24− this.buttons = function()

34+ this.install = function(host)

2535 {

26− return `<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>`

36+ host.appendChild(this.el);

2737 }

2838

29− this.directory = function()

39+ this.start = function()

3040 {

31− return `<ul>${this.sites.reduce((acc,val,id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split("//")[1]}</a></li>`},"")}</ul>\n${this.readme()}${this.buttons()}`

41+ this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? _redirect(this.next()) : _directory(this.sites);

3242 }

3343

3444 this.reload = function()

@@ -38,44 +48,27 @@ function Portal(sites)

3848

3949 this.navigate = function(target)

4050 {

41− setTimeout(() => {

42− window.location.href = target

43− },3000)

44− }

45−

46− this.location = function()

47− {

48− return window.location.hash.replace("#","").trim();

51+ setTimeout(() => { window.location.href = target; },3000)

4952 }

5053

5154 this.locate = function()

5255 {

53− const hash = this.location();

56+ const hash = window.location.hash.replace("#","").trim();

5457

5558 if(hash == "random"){

5659 return Math.floor(Math.random()*this.sites.length)

5760 }

5861

5962 for(const id in this.sites){

60− const site = this.sites[id];

61− if(site.indexOf(hash) >-1){

63+ if(this.sites[id].indexOf(hash) >-1){

6264 return parseInt(id)

6365 }

6466 }

65− return -1

67+ return -1;

6668 }

6769

68− this.next = function(loc)

70+ this.next = function(loc = this.locate())

6971 {

7072 return loc == this.sites.length-1 ? this.sites[0] : this.sites[loc+1];

7173 }

72−

73− this.redirect = function()

74− {

75− const location = this.locate();

76− const target = this.next(location);

77− this.navigate(target)

78− return `Redirecting to ${target}<meta http-equiv="refresh" content="3; url=${target}">

79− <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>`

80− }

8174}

scripts/sites.js+64−61

@@ -1,63 +1,66 @@

1+'use strict';

3+// Don't forget the comma! No trailing slashes

14// protocole://url.domain.ext

26const sites = [

3− "https://wiki.xxiivv.com"

4− , "http://estevancarlos.com"

5− , "https://electro.pizza"

6− , "https://monochromatic.co"

7− , "https://joshavanier.github.io"

8− , "http://kaemura.com"

9− , "https://liamcooke.com"

10− , "https://electricgecko.de"

11− , "https://wichniow.ski"

12− , "https://hraew.autophagy.io"

13− , "https://evenunto.net"

14− , "https://anxl.faith"

15− , "https://xvw.github.io"

16− , "https://heracl.es"

17− , "https://felipecortez.net"

18− , "http://luminghao.com"

19− , "https://theiceshelf.com"

20− , "https://turelio.github.io"

21− , "https://spaceshipsin.space"

22− , "http://log.lectronice.com"

23− , "https://craze.co.uk"

24− , "https://shaneckel.com"

25− , "https://cblgh.org"

26− , "https://ellugar.co"

27− , "http://hur.bet"

28− , "http://chigby.org"

29− , "https://longest.voyage"

30− , "https://palomakop.tv"

31− , "https://travisshears.com"

32− , "https://v-os.ca"

33− , "http://secretinternet.club"

34− , "https://jmandel.xyz"

35− , "https://systems.ws"

36− , "https://jamesin.space"

37− , "https://nathanwentworth.co"

38− , "https://eswat.ca"

39− , "https://uonai.space"

40− , "http://controls.ee"

41− , "https://wasin.io"

42− , "https://inns.studio"

43− , "http://kokorobot.ca"

44− , "https://ameyama.com"

45− , "https://wake.st"

46− , "https://xarene.la"

47− , "https://alex.zyzhang.me"

48− , "http://bildwissenschaft.vortok.info"

49− , "https://jakofranko.github.com"

50− , "https://aeriform.io"

51− , "http://blog.lucasdidthis.com"

52− , "http://npisanti.com"

53− , "https://underscorediscovery.ca"

54− , "https://drisc.io"

55− , "https://neufv.website"

56− , "https://simbolo.xyz"

57− , "https://ricky.codes"

58− , "https://maxdeviant.com"

59− , "https://tynandebold.com"

60− , "http://gytis.co"

61− , "https://nomand.co"

62− ];

63− // Don't forget the comma! No trailing slashes

7+ "https://wiki.xxiivv.com"

8+ , "http://estevancarlos.com"

9+ , "https://electro.pizza"

10+ , "https://monochromatic.co"

11+ , "https://joshavanier.github.io"

12+ , "http://kaemura.com"

13+ , "https://liamcooke.com"

14+ , "https://electricgecko.de"

15+ , "https://wichniow.ski"

16+ , "https://hraew.autophagy.io"

17+ , "https://evenunto.net"

18+ , "https://anxl.faith"

19+ , "https://xvw.github.io"

20+ , "https://heracl.es"

21+ , "https://felipecortez.net"

22+ , "http://luminghao.com"

23+ , "https://theiceshelf.com"

24+ , "https://turelio.github.io"

25+ , "https://spaceshipsin.space"

26+ , "http://log.lectronice.com"

27+ , "https://craze.co.uk"

28+ , "https://shaneckel.com"

29+ , "https://cblgh.org"

30+ , "https://ellugar.co"

31+ , "http://hur.bet"

32+ , "http://chigby.org"

33+ , "https://longest.voyage"

34+ , "https://palomakop.tv"

35+ , "https://travisshears.com"

36+ , "https://v-os.ca"

37+ , "http://secretinternet.club"

38+ , "https://jmandel.xyz"

39+ , "https://systems.ws"

40+ , "https://jamesin.space"

41+ , "https://nathanwentworth.co"

42+ , "https://eswat.ca"

43+ , "https://uonai.space"

44+ , "http://controls.ee"

45+ , "https://wasin.io"

46+ , "https://inns.studio"

47+ , "http://kokorobot.ca"

48+ , "https://ameyama.com"

49+ , "https://wake.st"

50+ , "https://xarene.la"

51+ , "https://alex.zyzhang.me"

52+ , "http://bildwissenschaft.vortok.info"

53+ , "https://jakofranko.github.com"

54+ , "https://aeriform.io"

55+ , "http://blog.lucasdidthis.com"

56+ , "http://npisanti.com"

57+ , "https://underscorediscovery.ca"

58+ , "https://drisc.io"

59+ , "https://neufv.website"

60+ , "https://simbolo.xyz"

61+ , "https://ricky.codes"

62+ , "https://maxdeviant.com"

63+ , "https://tynandebold.com"

64+ , "http://gytis.co"

65+ , "https://nomand.co"

66+];