diff options
| -rw-r--r-- | bees.jpg | bin | 0 -> 299825 bytes | |||
| -rw-r--r-- | index.html | 83 |
2 files changed, 83 insertions, 0 deletions
diff --git a/bees.jpg b/bees.jpg Binary files differnew file mode 100644 index 0000000..a9e36be --- /dev/null +++ b/bees.jpg diff --git a/index.html b/index.html new file mode 100644 index 0000000..86c9d63 --- /dev/null +++ b/index.html @@ -0,0 +1,83 @@ +<!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> + <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> |
