diff options
| author | ubq323 <ubq323@ubq323.website> | 2024-08-03 17:31:55 +0100 |
|---|---|---|
| committer | ubq323 <ubq323@ubq323.website> | 2024-08-03 17:31:55 +0100 |
| commit | 29985a0e5de0d40978e33b414adfe6efcf540b13 (patch) | |
| tree | a03e7803f5a19f5426e7d4ef9665ead0b7cfab29 /index.html | |
| parent | a0f9e17b370dd297b8e7d6a97f84ffd0a5add35c (diff) | |
expand webpage
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 167 |
1 files changed, 90 insertions, 77 deletions
@@ -1,83 +1,96 @@ <!doctype html> -<html> - <head> - <meta charset="utf-8"/> - <title>apionet IRC network</title> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <style> - body { - max-width: 55ch; - min-width: 300px; - font-family: sans-serif; - color: #bee; - background-color: #121212; - margin-left: auto; - margin-right: auto; - font-size: 180%; - background-image: url("bees.jpg"); - background-size: cover cover; - background-position: center center; - background-repeat: repeat; - background-attachment: fixed !important; - text-align: center; - min-height: 110vw; - } - @media not all and (min-width: 800px) { - body { font-size: 100% !important; } - main { padding: 10px !important; } - } - a, a:visited { - color: #beeaaa; - } - h1, h2 { - letter-spacing: 8px; - color: yellow; - } - h1 { - transform: rotate3d(-0.5, 1, -0.2, 30deg); - margin-bottom: 100px; - } - main { - border-radius: 50px; - border: none; - background-color: rgba(0, 0, 0, 75%); - padding: 50px; - margin-top: 50px; - margin-left: 10px; - margin-right: 10px; - margin-bottom: 50px; - } - ul,ol { - text-align: left; - margin-left: auto; - margin-right: auto; - width: max-content; - max-width: min(55ch, max(calc(100vw - 100px), 200px)); !important; - overflow-wrap: break-word !important; - } - </style> - </head> - <body> - <main> - <h1>apionet</h1> - <p>apionet is an IRC network. it is bridged to many places.</p> - <p>apionet has 3 nodes:</p> - <ul> - <li><a href="irc://irc.osmarks.net">irc.osmarks.net</a></li> - <li><a href="irc://ubq323.website">ubq323.website</a></li> - <li><a href="irc://mondecitronne.com">mondecitronne.com</a></li> - </ul> - <h2>how to join apionet</h2> - <ol> - <li>access an IRC client, (e.g. <a href="https://hexchat.github.io/">hexchat</a>)</li> - <li>join one of three apionet nodes, (e.g. mondecitronne.com)</li> - <li>join #a (the main channel)</li> - </ol> +<meta charset="utf-8"/> +<title>apionet IRC network</title> +<meta name="viewport" content="width=device-width, initial-scale=1"> +<style> + body { + max-width: 55ch; + min-width: 300px; + font-family: sans-serif; + color: #bee; + background-color: #121212; + margin-left: auto; + margin-right: auto; + font-size: 130%; + background-image: url("bees.jpg"); + background-size: cover cover; + background-position: center center; + background-repeat: repeat; + background-attachment: fixed !important; + text-align: center; + min-height: 110vw; + } + @media not all and (min-width: 800px) { + body { font-size: 100% !important; } + main { padding: 10px !important; } + } + a, a:visited { + color: #beeaaa; + } + h1, h2 { + letter-spacing: 8px; + color: yellow; + } + h1 { + transform: rotate3d(-0.5, 1, -0.2, 30deg); + margin-bottom: 100px; + } + section { + border-radius: 50px; + border: none; + background-color: rgba(0, 0, 0, 75%); + padding: 50px; + margin-top: 50px; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 50px; + } + ul,ol { + text-align: left; + margin-left: auto; + margin-right: auto; + width: max-content; + max-width: min(55ch, max(calc(100vw - 100px), 200px)); !important; + overflow-wrap: break-word !important; + } +</style> +<main> +<section> + <h1>apionet</h1> + <p>apionet is an IRC network. it is bridged also to xmpp and discord.</p> + <h2>rules of apionet</h2> <ol> <li>do not be a bad person</li> <li>do not do bad things</li> </ol> - </main> - </body> -</html> +</section> +<section> + <h2>irc</h2> + <p>apionet irc has 3 nodes:</p> + <ul> + <li><a href="irc://irc.osmarks.net">irc.osmarks.net</a></li> + <li><a href="irc://ubq323.website">ubq323.website</a></li> + <li><a href="irc://mondecitronne.com">mondecitronne.com</a></li> + </ul> + <h3>how to join apionet irc</h3> + <ol> + <li>access an IRC client, (e.g. <a href="https://hexchat.github.io/">hexchat</a>)</li> + <li>join one of three apionet irc nodes,<br> (e.g. mondecitronne.com)</li> + <li>join #a (the main channel)</li> + </ol> +</section> + +<section> +<h2>xmpp</h2> +<p>certain channels are bridged to xmpp. you will need an xmpp client and an xmpp account from somewhere</p> +<p>then, join <a href="xmpp://a@conference.ubq323.website">a@conference.ubq323.website.</a></p> +</section> + +<section> +<h2>discord</h2> +<p>all channels are bridged to discord. the invite link is <a href="https://discord.gg/wjsbC9kR">https://discord.gg/wjsbC9kR</a>.</p> +<p>note: due to recent spam, you will currently need to be manually approved to gain access to apionet channels.</p> +<p>when using discord, consider how much you want to be dependent on centralized proprietary communication platforms</p> +</section> +</main> |