mirror of
https://github.com/XXIIVV/webring.git
synced 2024-08-16 15:11:38 +03:00
Closed Hallway/Wiki
This commit is contained in:
parent
3197c210da
commit
a4a4d64dd9
61
README.md
61
README.md
@ -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
13
icon.black.large.svg
Normal 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>
|
After Width: | Height: | Size: 606 B |
161
index.html
161
index.html
@ -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 & developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis & 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>
|
||||
|
File diff suppressed because one or more lines are too long
114
links/main.css
114
links/main.css
@ -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; }
|
Loading…
Reference in New Issue
Block a user