XXIIVV/webring
1
1
Fork 0
mirror of https://github.com/XXIIVV/webring.git synced 2024-08-16 15:11:38 +03:00
Code Issues Projects Releases Wiki Activity

Closed Hallway/Wiki

Browse Source
This commit is contained in:
neauoire 2020-05-19 19:43:11 +09:00
parent 3197c210da
commit a4a4d64dd9
5 changed files with 171 additions and 195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
README.md
View File

@ -9,39 +9,19 @@ This [webring](https://wiki.xxiivv.com/webring) is an attempt to inspire artists
```
1) Add the webring icon to your website html.
2) Add your website information to the [sites.js](https://github.com/XXIIVV/webring/edit/master/scripts/sites.js) file. See all options below, and be mindful of what's required for each part of the webring.
2) Add your website information to the [index.html](https://github.com/XXIIVV/webring/edit/master/index.html) file. Keep your link name short, and don't leave a trailing `/` in the href attribute. Use a sensible alphanumeric value for the id.
3) Submit a Pull Request with **the location of the webring icon** on your site. Pull requests with blank descriptions will be rejected.
Alternatively, if you your website has a dark background, use `icon.white.svg`. If your website is complaining about *https*, go ahead and host the icon yourself.
Only the `url`, `contact`, and `langs` keys are required to join the webring. Below you can find a list of all the available keys for the various areas of the webring.
``` js
{
/* REQUIRED */
contact: <string used to contact if necessary>,
langs: <array of represented languages (iso codes) ex. ['en', 'fr']>,
url: <string url used for Portal>,
/* also possible */
rss: <string url for rss or atom feed>,
title: <string displayed alphanumeric name, used for the Portal>,
type: <string used for the Portal, ex. 'blog'>,
/* for WIKI */
author: <string used in WIKI and HALLWAY>,
wiki: <string url for the .ndtl file>,
/* for HALLWAY */
feed: <string url for the .twtxt file>
}
```
### Webring criteria
**Single page websites, websites acting only as portals to other social platforms, or websites with violent, racist, sexist or speciesist content will be rejected**.
The aim of the webring is to display **hand-crafted personal** websites showcasing the creator's audio, visual or written work. Your business site is probably not the best fit for the webring, and will be rejected.
If your website requires Javascript to display the majority of its content or to navigate, it will be rejected.
If it's seen that your website is in violation to any of these rules your site will be removed from the webring. If you fix the issues, feel free to submit another PR to join back in.
### Circular Linking
@ -49,40 +29,9 @@ If it's seen that your website is in violation to any of these rules your site w
Instead of linking to the directory, you can also link to the next link in the ring by adding parts of your site or domain in the hash of the request url:
```
<a href='https://webring.xxiivv.com/#wiki.xxiivv' target='_blank' rel="noopener noreferrer"><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
<a href='https://webring.xxiivv.com/#xxiivv' target='_blank' rel="noopener noreferrer"><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
```
### Joining the hallway
[The Hallway](https://webring.xxiivv.com/hallway.html) is a decentralized forum using [twtxt](https://twtxt.readthedocs.io/en/stable/user/twtxtfile.html) feeds.
To join, create a `.txt` file on your site, add its URL to [your webring entry](https://github.com/XXIIVV/Webring/blob/master/scripts/sites.js) as `feed`, and fill in your desired name in the `author` key. The content of the file should be a dateISO string, a tab(or 3 spaces) and a message:
```
2016-02-04T13:30:00+01:00 You can really go crazy here! ┐(ﾟ∀ﾟ)┌
2016-02-03T23:05:00+01:00 @<example http://example.org/twtxt.txt> welcome to twtxt!
2016-02-01T11:00:00+01:00 This is just another example.
2015-12-12T12:00:00+01:00 Fiat lux!
```
You don't need to allow all origins nor allow any other methods rather than GET, doing so can harm the security of your website, please read about [Cross-Origin Resource Sharing](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) if you intend to do anything more complicated. If you're looking for client, we recommend using [twtxtc](https://hub.darcs.net/dertuxmalwieder/twtxtc/changes).
### Joining the wiki
[The Wiki](https://webring.xxiivv.com/wiki.html) is a decentralized encyclopedia using [ndtl](https://wiki.xxiivv.com/Indental) feeds.
To join, create a `.ndtl` file on your site, and add its URL to [your webring entry](https://github.com/XXIIVV/Webring/blob/master/scripts/sites.js) using the `wiki` key.
## Webring CLI
If you'd prefer to interact with the webring through your terminal, you can clone or install the [webring-cli](https://github.com/ckipp01/webring-cli).
## API
This repository does not contain mature API capabilities, but there are a couple ways to request a list of sites and other information currently in the webring.
- Request [sites.js on xxiivv](https://webring.xxiivv.com/scripts/sites.js) or [sites.js on github](https://raw.githubusercontent.com/XXIIVV/webring/master/scripts/sites.js) and parse it. An example can be seen [here](https://gist.github.com/ckipp01/2ab7ac42e2837b4359efeb76eb49bb54).
## Need Help?
## Help
The ring is managed by [@neauoire](https://twitter.com/neauoire), but any member of the network is also welcome to join this repository as a collaborator to help manage new links and Pull Requests. Read more about the webring [here](https://wiki.xxiivv.com/webring).

13
icon.black.large.svg Normal file
View File

@ -0,0 +1,13 @@
<svg class="vector" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" style="fill:none;stroke:black;stroke-width:5px;stroke-linecap:square;">
<g transform="translate(0,30)">
<g transform="translate(150,150),rotate(120,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(240,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
<g transform="translate(150,150),rotate(0,0,0)">
<path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 606 B

161
index.html
View File

@ -1,23 +1,144 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='icon' type='image/png' sizes='100x100' href='favicon.ico'>
<link rel='apple-touch-icon' type='image/png' sizes='100x100' href='favicon.ico'>
<link rel="stylesheet" type="text/css" href="links/fonts.css"/>
<link rel="stylesheet" type="text/css" href="links/main.css"/>
<script type="text/javascript">const module = { exports:{} }</script>
<script src="scripts/portal.js"></script>
<script src="scripts/sites.js"></script>
<script src="scripts/opml.js"></script>
<title>Webring</title>
</head>
<body>
<script>
const portal = new Portal(sites);
portal.install(document.body);
portal.start();
</script>
</body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="con" type="image/png" sizes="100x100" href="favicon.ico">
<link rel="apple-touch-icon" type="image/png" sizes="100x100" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="links/main.css"/>
<title>Webring</title>
</head>
<body>
<ol>
<li data-type="wiki " data-lang="en" id="xxiivv"><a href="https://wiki.xxiivv.com">xxiivv</a></li>
<li data-lang="en" id="1"><a href="http://estevancarlos.com">estevancarlos</a></li>
<li data-type="blog " data-lang="en" id="2"><a href="https://electro.pizza">electro pizza</a></li>
<li data-type="wiki " data-lang="en" id="3"><a href="https://avanier.now.sh">Arachne</a></li>
<li data-type="blog " data-lang="en" id="4"><a href="http://kaemura.com">kaemura</a></li>
<li data-lang="en" id="5"><a href="https://liamcooke.com">liamcooke</a></li>
<li data-lang="en" id="6"><a href="https://hraew.autophagy.io">hraew.autophagy</a></li>
<li data-lang="en" id="7"><a href="http://evenunto.net">evenunto.net</a></li>
<li data-lang="en" id="8"><a href="https://anxl.faith">anxl.faith</a></li>
<li data-type="hybrid " data-lang="fr" id="9"><a href="https://xvw.github.io">planet</a></li>
<li data-lang="en el" id="10"><a href="https://heracl.es">heracl.es</a></li>
<li data-lang="en" id="11"><a href="https://turelio.github.io">turelio.github</a></li>
<li data-type="blog " data-lang="en" id="12"><a href="https://shards.lectronice.com">shards</a></li>
<li data-lang="en" id="13"><a href="https://craze.co.uk">craze.co.uk</a></li>
<li data-lang="en" id="14"><a href="https://shaneckel.com">shaneckel</a></li>
<li data-lang="en" id="15"><a href="https://cblgh.org">cblgh</a></li>
<li data-type="wiki " data-lang="en" id="16"><a href="https://ellugar.co">ellugar</a></li>
<li data-type="portfolio " data-lang="en" id="17"><a href="http://chigby.org">chigby</a></li>
<li data-lang="en" id="18"><a href="https://longest.voyage">longest.voyage</a></li>
<li data-type="portfolio " data-lang="en" id="19"><a href="https://palomakop.tv">palomakop.tv</a></li>
<li data-lang="en" id="20"><a href="https://v-os.ca">v-os.ca</a></li>
<li data-lang="en" id="21"><a href="https://jmandel.xyz">jmandel.xyz</a></li>
<li data-lang="en" id="22"><a href="https://2d4.dev">2d4.dev</a></li>
<li data-lang="en" id="23"><a href="https://nathanwentworth.co">nathanwentworth</a></li>
<li data-lang="en" id="24"><a href="https://uonai.space">uonai.space</a></li>
<li data-lang="en" id="25"><a href="http://controls.ee">controls.ee</a></li>
<li data-lang="en" id="26"><a href="https://wasin.io">wasin</a></li>
<li data-lang="en" id="27"><a href="https://inns.studio">inns.studio</a></li>
<li data-lang="en" id="28"><a href="http://kokorobot.ca">kokorobot.ca</a></li>
<li data-type="blog " data-lang="en" id="29"><a href="https://ameyama.com">ameyama</a></li>
<li data-lang="en" id="30"><a href="https://wake.st">wake.st</a></li>
<li data-lang="en" id="31"><a href="https://xarene.la">xarene.la</a></li>
<li data-lang="en" id="32"><a href="https://alex.zyzhang.me">alex.zyzhang.me</a></li>
<li data-lang="en" id="33"><a href="http://bildwissenschaft.vortok.info">vortok</a></li>
<li data-lang="en" id="34"><a href="https://jakofranko.github.com">jakofranko.github</a></li>
<li data-lang="en" id="35"><a href="https://aeriform.io">aeriform.io</a></li>
<li data-lang="en de" id="36"><a href="http://blog.lucasdidthis.com">blog.lucasdidthis</a></li>
<li data-lang="en" id="37"><a href="http://npisanti.com">npisanti.com</a></li>
<li data-lang="en" id="38"><a href="https://underscorediscovery.ca">underscorediscovery</a></li>
<li data-type="wiki " data-lang="en" id="39"><a href="https://drisc.io">drisc</a></li>
<li data-lang="en" id="40"><a href="https://ricky.codes">ricky.codes</a></li>
<li data-type="hybrid " data-lang="en" id="41"><a href="https://maxdeviant.com">maxdeviant</a></li>
<li data-lang="en" id="42"><a href="https://tynandebold.com">tynandebold</a></li>
<li data-lang="en" id="43"><a href="http://gytis.co">gytis.co</a></li>
<li data-lang="en" id="44"><a href="https://nomand.co">nomand.co</a></li>
<li data-lang="en" id="45"><a href="http://memoriata.com">memoriata</a></li>
<li data-lang="en" id="46"><a href="https://mmm.s-ol.nu">mmm.s-ol</a></li>
<li data-lang="en" id="47"><a href="https://chad.is">chad.is</a></li>
<li data-lang="en" id="48"><a href="https://smidgeo.com/bots">smidgeo.com/bots</a></li>
<li data-lang="en ru" id="49"><a href="https://iko.soy">iko.soy</a></li>
<li data-lang="en" id="50"><a href="http://atelieroilandsugar.com">atelieroilandsugar</a></li>
<li data-lang="en" id="51"><a href="https://magoz.is">magoz.is</a></li>
<li data-type="hybrid " data-lang="en" id="52"><a href="https://szymonkaliski.com">szymonkaliski</a></li>
<li data-type="blog " data-lang="en" id="53"><a href="https://phse.net">phse.net</a></li>
<li data-lang="en" id="54"><a href="https://rosano.ca">rosano.ca</a></li>
<li data-lang="en" id="56"><a href="https://gndclouds.cc">gndclouds.cc</a></li>
<li data-lang="en fr" id="57"><a href="https://xuv.be">xuv.be</a></li>
<li data-lang="en zh" id="58"><a href="https://dsdshcym.github.io">dsdshcym.github.io</a></li>
<li data-type="hybrid " data-lang="en" id="59"><a href="https://chris-kipp.io">chris-kipp</a></li>
<li data-lang="en" id="60"><a href="https://boffosocko.com">boffosocko</a></li>
<li data-lang="en" id="61"><a href="https://hex22.org">hex22</a></li>
<li data-lang="en" id="62"><a href="https://patrikarvidsson.com">patrikarvidsson</a></li>
<li data-lang="en" id="63"><a href="https://sophieleetmaa.com">sophieleetmaa</a></li>
<li data-lang="en" id="64"><a href="https://xinniw.github.io">xinniw.github</a></li>
<li data-type="wiki " data-lang="en" id="65"><a href="https://mboxed.github.io/sodatsu">sodatsu</a></li>
<li data-lang="en" id="66"><a href="https://letters.vexingworkshop.com">vexingworkshop</a></li>
<li data-type="portfolio " data-lang="en" id="67"><a href="https://tom.org.nz">Tom Hackshaw</a></li>
<li data-lang="en" id="68"><a href="https://teknari.com">Teknari</a></li>
<li data-type="blog " data-lang="es" id="69"><a href="https://colectivo-de-livecoders.gitlab.io">Colectivo de Livecoders</a></li>
<li data-type="blog " data-lang="es" id="70"><a href="https://www.madewithtea.com">madewithtea</a></li>
<li data-type="blog " data-lang="en" id="71"><a href="https://amorris.ca">amorris</a></li>
<li data-type="portfolio " data-lang="en" id="72"><a href="http://www.miha-co.ca">miha-co</a></li>
<li data-type="blog " data-lang="en" id="73"><a href="https://buzzert.net">buzzert.net</a></li>
<li data-type="wiki " data-lang="en" id="74"><a href="https://notes.stuartpb.com/">notes.stuartpb</a></li>
<li data-type="portfolio " data-lang="en" id="75"><a href="https://xxiii.co">xxiii</a></li>
<li data-type="wiki " data-lang="en" id="76"><a href="https://kor.nz">kor</a></li>
<li data-lang="en" id="77"><a href="https://lublin.se">lublin.se</a></li>
<li data-type="blog " data-lang="en" id="78"><a href="https://zanneth.com">zanneth</a></li>
<li data-type="blog " data-lang="en" id="79"><a href="https://eli.li">eli.li</a></li>
<li data-type="portfolio " data-lang="en" id="80"><a href="https://gueorgui.net">Gueorgui Tcherednitchenko</a></li>
<li data-type="portfolio " data-lang="en" id="81"><a href="https://www.tatecarson.com">Tate Carson</a></li>
<li data-type="wiki " data-lang="en" id="82"><a href="https://azlen.me">azlen.me</a></li>
<li data-lang="en" id="83"><a href="https://opinionatedguide.github.io/">OpGuides</a></li>
<li data-lang="en" id="84"><a href="https://chrismaughan.com/">CMaughan</a></li>
<li data-type="blog " data-lang="en es" id="85"><a href="https://oddworlds.org/">oddworlds soliloquy</a></li>
<li data-type="blog " data-lang="en" id="86"><a href="https://fundor333.com/">Fundor333</a></li>
<li data-lang="en" id="87"><a href="https://cass.si">cass.si</a></li>
<li data-lang="en" id="88"><a href="https://dotcomboom.somnolescent.net/">somnolescent.net</a></li>
<li data-lang="en" id="89"><a href="https://cadmican.neocities.org/">cadmican</a></li>
<li data-lang="en" id="90"><a href="https://jskjott.com">jskjott</a></li>
<li data-type="portfolio " data-lang="en" id="91"><a href="https://sixey.es/">sixey.es</a></li>
<li data-type="wiki " data-lang="en" id="92"><a href="https://tilde.town/~dustin/">0xdstn</a></li>
<li data-lang="en" id="93"><a href="https://jameschip.io/">James Chip</a></li>
<li data-type="portfolio " data-lang="en" id="94"><a href="https://patrick-is.cool">patrick-is.cool</a></li>
<li data-type="hybrid " data-lang="en" id="95"><a href="https://icyphox.sh">icyphox.sh</a></li>
<li data-type="portfolio " data-lang="en" id="96"><a href="https://royniang.com">roy niang</a></li>
<li data-type="portfolio " data-lang="en" id="97"><a href="https://www.raul.earth/">raul altosaar</a></li>
<li data-type="hybrid " data-lang="en" id="98"><a href="https://crlf.site">Cr;Lf;</a></li>
<li data-type="hybrid " data-lang="en" id="99"><a href="https://www.johannesg.com">Jóhannes G. Þorsteinsson</a></li>
<li data-type="hybrid " data-lang="en" id="100"><a href="https://provokeanalog.com">Provoke Analog</a></li>
<li data-lang="en" id="101"><a href="https://eti.tf">eti.tf</a></li>
<li data-type="hybrid " data-lang="en" id="102"><a href="https://rezmason.net">rezmason.net</a></li>
<li data-type="hybrid " data-lang="en cz" id="103"><a href="https://estfyr.net">estfyr.net</a></li>
<li data-lang="en" id="104"><a href="https://paysonwallach.com">paysonwallach.com</a></li>
<li data-type="portfolio " data-lang="en" id="105"><a href="https://natwelch.com">natwelch</a></li>
<li data-type="hybrid " data-lang="en" id="106"><a href="https://parkimminent.com">Park Imminent</a></li>
<li data-type="hybrid " data-lang="en" id="107"><a href="https://aklsh.github.io">aklsh.github</a></li>
<li data-type="hybrid " data-lang="en" id="108"><a href="https://paulglushak.com">paulglushak</a></li>
<li data-type="portfolio " data-lang="en ita" id="109"><a href="https://simone.computer">Simone's Computer</a></li>
<li data-type="blog " data-lang="en" id="110"><a href="https://xj9.io">dreamspace</a></li>
<li data-type="blog " data-lang="en" id="111"><a href="https://simply.personal.jenett.org">jenett. simply. personal.</a></li>
<li data-type="blog " data-lang="en" id="112"><a href="http://q.pfiffer.org/">q.pfiffer.org</a></li>
<li data-type="blog " data-lang="en" id="113"><a href="https://ashpex.neocities.org">ashpex</a></li>
<li data-type="blog " data-lang="en" id="114"><a href="https://zvava.org">zvava</a></li>
<li data-lang="en" id="115"><a href="https://amorphic.space">amorphic.space</a></li>
<li data-type="blog " data-lang="en nl" id="116"><a href="https://www.edwinwenink.xyz">Archive Fever</a></li>
<li data-type="hybrid " data-lang="en fr" id="117"><a href="https://www.mentalnodes.com">Mental Nodes</a></li>
<li data-type="blog, hybrid " data-lang="es" id="118"><a href="https://copiona.com">copiona</a></li>
</ol>
<footer>
<p class="readme">
This webring is an attempt to inspire artists &amp; developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis &amp; portfolios</b>.
</p>
<p>
To add yourself to the ring, submit a <a href="https://github.com/XXIIVV/webring/edit/master/index.html" target="_blank">pull request</a>.<br />
If you found a broken link, please <a href="https://github.com/XXIIVV/webring/issues/new" target="_blank">report it</a>.<br />
Learn <a href="https://github.com/XXIIVV/webring" target="_blank">more</a>.
</p>
<img src="icon.black.large.svg" alt="icon"/>
</footer>
</body>
</html>

17
links/fonts.css
View File

File diff suppressed because one or more lines are too long

114
links/main.css
View File

@ -1,102 +1,12 @@
* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:collapse;border-spacing:0; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body { background: #f4f4f4; padding: 0px; margin: 0px; font-family: 'input_mono', 'Monospaced', 'Courier New', 'Courier', monospace; }
body > div { background: #111; min-height: calc(100vh - 60px); width: calc(100vw - 60px); margin: 15px; padding: 15px; font-size:11px; color:white; position: relative; }
body > div > ul { padding-bottom: 15px; margin-bottom:15px; }
body div p { display:block; padding:0px 5px; line-height: 20px;}
body footer { border-top: 2px solid white; padding-top: 15px; margin-top: 15px;}
body footer a { text-decoration: underline; }
body strong { font-weight: bold; }
body .selected { background: white; color:black; }
/* portal */
body #portal { display: flex; flex-direction: column; }
body #portal main { flex: 1 0 auto; }
body #portal main,
body #portal footer { max-width: 1080px; flex-shrink: 0 }
body #portal #icon { display: block; width: 30px; height: 30px; background-image: url(../icon.white.svg); background-size: cover; background-repeat: no-repeat; position: absolute; bottom: 15px; right:15px; background-position: center; padding:0px }
body #portal ul { columns:1; }
body #portal ul li { display:block; padding-left:5px; text-overflow: ellipsis; text-transform: lowercase;}
body #portal ul li:before { content: attr(id) ")"; }
body #portal ul li::after { content:"<" attr(data-type) attr(data-lang) ">"; color:#555; }
body #portal ul li a { line-height: 20px; padding:0px 5px; text-decoration: none;}
body #portal ul li a:visited { color:#ccc; text-decoration: none;}
body #portal a:active,
body #portal a:focus,
body #portal a:hover { text-decoration: underline; }
body #portal nav { display: flex; flex-direction: row; margin-bottom: 15px }
body #portal nav a { margin: 0 5px; color: gray }
body #portal nav a.currentType,
body #portal nav a.currentLang { color: white }
body aside { min-width: 200px; padding: 0 15px; line-height: 16px; display: none; }
body aside ul { margin-bottom: 15px; }
body aside #channels li:before, body #sidebar #categories li:before { content:'/'; }
body aside #users li:before { content:'@'; }
body aside span.right { color: #555; float: right; }
body aside li { text-transform: lowercase; cursor: pointer; }
/* hallway */
body #hallway #entries { display: flex; margin-top: 35px; }
body #hallway #entries > div { flex-grow: 1; }
body #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; }
body #hallway #hidebar { position: absolute;top: 0px;width: 100%;height: 50px;background-image: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22'><path d='M5,5 L17,17 M17,5 L5,17' stroke='%23555' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat: no-repeat;background-position: left;background-size: 25px; }
body #hallway .entry { line-height: 16px; display: block; position: relative; padding-left:100px; }
body #hallway .entry .date { color: #555;display: block;float:right; margin-left:20px; padding-bottom: 16px;}
body #hallway .entry .author { font-weight: bold; position: absolute; left: 0px; }
body #hallway .entry .body { display: block;border-bottom: 1px solid #333;padding-bottom: 10px;margin-bottom: 10px; }
body #hallway .entry .body a { text-decoration: underline; }
body #hallway .entry .body .channel { display: inline-block; border-radius: 1px; font-weight: bold; color: #777; }
body #hallway .entry .body .user { display: inline-block; border-radius: 1px; font-weight: bold; color: #777; }
body #hallway .entry .body .user.local::before { content:'@';color: #777; }
body #hallway .entry .body .user.external::before { content:'^';color: #777; }
body #hallway .entry .body .tag { display: inline-block; border-radius: 1px; font-weight: bold; color: #777; }
body #hallway .entry.highlight .author { color:#555; }
body #hallway .entry:hover .author { color:#ccc; }
body #hallway .entry:hover .date { color:#ccc; }
body #hallway .entry:hover .body { color:#ccc; border-bottom-color: #555 }
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;}
body #hallway #pagination { margin: 10px; text-align: center; }
body #hallway #pagination span { padding: 3px; margin: 2px; cursor: pointer; }
/* wiki */
body #wiki { background: #ccc; color:#333; }
body #wiki main { display: flex; }
body #wiki main { flex: 1; }
body #wiki main h1 { font-size: 1.3em; margin: 5px 0; font-weight: bold; }
body #wiki main div.related { border-bottom: 1px solid white; margin-bottom: 10px; }
body #wiki #main { width: 100%; }
body #wiki #main > a { text-decoration: underline; }
body #wiki #main a:hover { text-decoration: underline; }
body #wiki #main ul li { line-height: 15px; }
body #wiki aside { min-width: 220px; }
body #wiki aside { overflow-y: scroll; height: calc(100% - 15px); position: absolute; right: 0;}
body #wiki aside a { display: inline-block; width: 135px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 7px; }
body #wiki aside li { line-height: 7px; }
body #wiki aside li:before { display: none; }
body #wiki aside a:before { content: '/'; }
body #wiki aside a:after { content: attr(data-msgs) " msgs"; position: absolute; right: 20px; color:#555; }
body #wiki ul.term { margin-bottom: 15px; }
body #wiki ul.term li.name { margin-bottom: 5px; }
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;}
/* progress indicator */
body #progress { color: #777; }
@media (min-width: 630px) {
body aside { display: block; }
body #portal ul { columns: 3;}
body #hallway #entries { margin-top: 0; }
body #hallway #showbar { display: none; }
body #hallway #hidebar { display: none; }
body #hallway #footer { max-width: calc(100% - 300px); }
body #wiki main { max-width: calc(100% - 230px); }
body #wiki footer { margin-right: 225px; max-width: calc(100% - 300px); }
}
@media (min-width: 992px) {
body #portal ul { columns: 4;}
}
body { padding: 0; margin: 0 0 0 0; font-family: serif; max-width: 900px }
body a { color: black; text-decoration: none }
body a:hover { background-color: black; color: white }
body a:before { content:'{' }
body a:after { content:'}' }
body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom:2px solid black }
body > ol > li { padding-right: 30px; margin-right:30px }
body > ol > li:target { background:black }
body > ol > li:target a { color: white }
body > footer { margin:30px }
body > footer > p { max-width: 600px }
body > footer > img { display: inline-block; width:100px; margin-bottom: -5px; margin-bottom:30px; }