git.iko.soy/webring
on master help sign in
Merge pull request #266 from ckipp01/master
3eb6872Лu Лinveгa
links/main.css+6−5
compare with master
unifiedsplit
@@ -29,7 +29,6 @@ body aside span.right { color: #555; float: right; }
29body aside li { text-transform: lowercase; cursor: pointer; }
29body aside li { text-transform: lowercase; cursor: pointer; }
30
30
31/* hallway */
31/* hallway */
32−
33body #hallway #entries { display: flex; margin-top: 35px; }
32body #hallway #entries { display: flex; margin-top: 35px; }
34body #hallway #entries > div { flex-grow: 1; }
33body #hallway #entries > div { flex-grow: 1; }
35body #hallway #showbar { position: absolute;top: 0px;width: 92%;height: 50px; background-image: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22'><path d='M11,4 L11,18 M4,4 L 4,18 M18,4 L18,18' stroke='%23555' fill='none' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat: no-repeat;background-position: right;background-size: 25px; }
34body #hallway #showbar { position: absolute;top: 0px;width: 92%;height: 50px; background-image: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22'><path d='M11,4 L11,18 M4,4 L 4,18 M18,4 L18,18' stroke='%23555' fill='none' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat: no-repeat;background-position: right;background-size: 25px; }
@@ -48,7 +47,7 @@ body #hallway .entry.highlight .author { color:#555; }
48body #hallway .entry:hover .author { color:#ccc; }
47body #hallway .entry:hover .author { color:#ccc; }
49body #hallway .entry:hover .date { color:#ccc; }
48body #hallway .entry:hover .date { color:#ccc; }
50body #hallway .entry:hover .body { color:#ccc; border-bottom-color: #555 }
49body #hallway .entry:hover .body { color:#ccc; border-bottom-color: #555 }
51−body #hallway #footer { padding-left: 60px; background-image: url(../icon.white.svg); background-size: 40px; background-repeat: no-repeat; background-position: 0px 10px; border-top: 2px solid white; padding-top: 20px; margin-top: 15px; max-width: calc(100% - 300px); min-height: 45px; line-height: 15px;}
50+body #hallway #footer { padding-left: 60px; background-image: url(../icon.white.svg); background-size: 40px; background-repeat: no-repeat; background-position: 0px 20px; border-top: 2px solid white; padding-top: 20px; margin-top: 15px; min-height: 45px; line-height: 15px;}
52
51
53body #hallway #pagination { margin: 10px; text-align: center; }
52body #hallway #pagination { margin: 10px; text-align: center; }
54body #hallway #pagination span { padding: 3px; margin: 2px; cursor: pointer; }
53body #hallway #pagination span { padding: 3px; margin: 2px; cursor: pointer; }
@@ -57,10 +56,10 @@ body #hallway #pagination span { padding: 3px; margin: 2px; cursor: pointer; }
57body #wiki { background: #ccc; color:#333; }
56body #wiki { background: #ccc; color:#333; }
58body #wiki main { display: flex; }
57body #wiki main { display: flex; }
59body #wiki main { flex: 1; }
58body #wiki main { flex: 1; }
60−body #wiki main { max-width: calc(100% - 230px); }
61body #wiki main h1 { font-size: 1.3em; margin: 5px 0; font-weight: bold; }
59body #wiki main h1 { font-size: 1.3em; margin: 5px 0; font-weight: bold; }
62body #wiki main div.related { border-bottom: 1px solid white; margin-bottom: 10px; }
60body #wiki main div.related { border-bottom: 1px solid white; margin-bottom: 10px; }
63body #wiki #main { width: 100%; }
61body #wiki #main { width: 100%; }
62+body #wiki #main > a { text-decoration: underline; }
64body #wiki #main a:hover { text-decoration: underline; }
63body #wiki #main a:hover { text-decoration: underline; }
65body #wiki #main ul li { line-height: 15px; }
64body #wiki #main ul li { line-height: 15px; }
66body #wiki aside { min-width: 220px; }
65body #wiki aside { min-width: 220px; }
@@ -72,7 +71,7 @@ body #wiki aside a:before { content: '/'; }
72body #wiki aside a:after { content: attr(data-msgs) " msgs"; position: absolute; right: 20px; color:#555; }
71body #wiki aside a:after { content: attr(data-msgs) " msgs"; position: absolute; right: 20px; color:#555; }
73body #wiki ul.term { margin-bottom: 15px; }
72body #wiki ul.term { margin-bottom: 15px; }
74body #wiki ul.term li.name { margin-bottom: 5px; }
73body #wiki ul.term li.name { margin-bottom: 5px; }
75−body #wiki #footer { padding-left: 60px; background-image: url(../icon.white.svg); background-size: 40px; background-repeat: no-repeat; background-position: 0px 10px; border-top: 2px solid white; padding-top: 12px; margin-top: 15px; max-width: calc(100% - 300px); min-height: 45px; line-height: 15px;}
74+body #wiki #footer { padding-left: 60px; background-image: url(../icon.white.svg); background-size: 40px; background-repeat: no-repeat; background-position: 0px 18px; border-top: 2px solid white; padding-top: 12px; margin-top: 15px; min-height: 45px; line-height: 15px;}
76
75
77/* progress indicator */
76/* progress indicator */
78body #progress { color: #777; }
77body #progress { color: #777; }
@@ -88,6 +87,8 @@ body #progress progress::-moz-progress-bar { background: #777; }
88 body #hallway #entries { margin-top: 0; }
87 body #hallway #entries { margin-top: 0; }
89 body #hallway #showbar { display: none; }
88 body #hallway #showbar { display: none; }
90 body #hallway #hidebar { display: none; }
89 body #hallway #hidebar { display: none; }
90+ body #hallway #footer { max-width: calc(100% - 300px); }
91+ body #wiki main { max-width: calc(100% - 230px); }
91− body #wiki footer { margin-right: 225px; }
92+ body #wiki footer { margin-right: 225px; max-width: calc(100% - 300px); }
92}
93}
93
94
scripts/hallway.js+3−1
@@ -18,7 +18,9 @@ function Hallway (sites) {
18 this._main.id = 'entries'
18 this._main.id = 'entries'
19 this._footer = document.createElement('footer')
19 this._footer = document.createElement('footer')
20 this._footer.id = 'footer'
20 this._footer.id = 'footer'
21− this._footer.innerHTML = `<p>The <strong>Hallway</strong> is a decentralized forum, to join the conversation, add a <a href="https://github.com/XXIIVV/webring#joining-the-hallway">feed:</a> field to your entry in the <a href="https://github.com/XXIIVV/Webring/">webring</a>.</p>`
21+ this.readme = `<p>The <strong>Hallway</strong> is a decentralized forum, to join the conversation, add a <a href="https://github.com/XXIIVV/webring#joining-the-hallway">feed:</a> field to your entry in the <a href="https://github.com/XXIIVV/Webring/">webring</a>.</p>`
22+ this.nav = `<p class='buttons'><a href='https://github.com/XXIIVV/webring'>Information</a> | <a href="index.html">The Portal</a> | <a href="wiki.html">The Wiki</a> | <a id="opml">OPML</a></p>`
23+ this._footer.innerHTML = `${this.readme}${this.nav}`
22
24
23 this.install = function (host) {
25 this.install = function (host) {
24 this._el.appendChild(this._main)
26 this._el.appendChild(this._main)
scripts/opml.js+7−5
@@ -1,11 +1,13 @@
1−let outlines = sites.filter((site) => !!site.rss).map((site) => {
1+const outlines = sites.filter(site => site.rss).map(site => {
2 return `<outline type="rss" xmlUrl="${site.rss}" title="${site.title}"/>`
2 return `<outline type="rss" xmlUrl="${site.rss}" title="${site.title}"/>`
3})
3})
4
4
5−let template = `<?xml version="1.0" encoding="UTF-8"?><opml version="1.1"><head></head><body>${outlines.join('')}</body></opml>`
5+const template = `<?xml version="1.0" encoding="UTF-8"?><opml version="1.1"><head></head><body>${outlines.join('')}</body></opml>`
6
6
7window.onload = function () {
7window.onload = function () {
8− let a = document.getElementById('opml')
8+ const a = document.getElementById('opml')
9+ if (a) {
9− a.setAttribute('href', 'data:text/plain;charset=utf-8,' + window.encodeURIComponent(template))
10+ a.setAttribute('href', 'data:text/plain;charset=utf-8,' + window.encodeURIComponent(template))
10− a.setAttribute('download', 'webring.opml')
11+ a.setAttribute('download', 'webring.opml')
12+ }
11}
13}
wiki.html+1
@@ -19,6 +19,7 @@
19 </main>
19 </main>
20 <footer id="footer">
20 <footer id="footer">
21 <p>The <strong>Wiki</strong> is a decentralized encyclopedia, to join the conversation, add a <a href="https://github.com/XXIIVV/webring#joining-the-wiki">wiki:</a> field to your entry in the <a href="https://github.com/XXIIVV/Webring/">webring</a>.</p>
21 <p>The <strong>Wiki</strong> is a decentralized encyclopedia, to join the conversation, add a <a href="https://github.com/XXIIVV/webring#joining-the-wiki">wiki:</a> field to your entry in the <a href="https://github.com/XXIIVV/Webring/">webring</a>.</p>
22+ <p class='buttons'><a href='https://github.com/XXIIVV/webring'>Information</a> | <a href="hallway.html">The Hallway</a> | <a href="index.html">The Portal</a> | <a id="opml">OPML</a></p>
22 <div id="progress"></div>
23 <div id="progress"></div>
23 </footer>
24 </footer>
24 </div>
25 </div>