add irc wiki page

Reviewed-on: southlondon/site#1

coc/index.html

@@ -14,7 +14,7 @@
         conduct</h1>
     </div>
     <main>
-        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a></p>
+        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a> · <a href="/more">🍄 more</a> </p>
         hi! south london is a public access unix system that people can use to make things & interact with others on the system via irc and email. these are a few rules that you need to keep to when doing that.
         <em>(this code of conduct is <strike>stolen</strike> based on the <a href="http://citizencodeofconduct.org/">citizen code of conduct</a> and the <a href="http://tilde.town/wiki/conduct.html">tilde.town code of conduct</a> under the terms of the <a href="https://creativecommons.org/licenses/by-sa/3.0/">creative commons attribution-sharealike license,</a>)</em>
         <h3>expected behaviour</h3>

faq/index.html

@@ -14,7 +14,7 @@
         questions</h1>
     </div>
     <main>
-        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a></p>
+        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a> · <a href="/more">🍄 more</a> </p>
         <h2>signing up</h2>
         <h3>what are these ssh key whatchamacallits that you speak of?</h3>
         <p>ssh keys are a method of authentication that the server can use to make sure you're actually you logging in, and not just some guy trying to get into your account. it works using magic and offers security that your bog-standard password simply can't provide. if you need to generate one, <a href="https://tilde.town/wiki/getting-started/ssh.html">check out this handy guide!</a> after you have one generated, you can use <code>cat ~/.ssh/id_rsa.pub</code> to get your public key that you can paste into the signup email. (note: if your keys are stored somewhere else you'll need to change the second part to the path where they're located, but you probably knew that already).</p>

index.php

@@ -15,7 +15,7 @@
             london</h1>
     </div>
     <main>
-        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a></p>
+        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a> · <a href="/more">🍄 more</a> </p>
         south london is a shared computer based in the uk that you can use to make cool things and practice your unix skills. if you're new to *nix, this is a good place to start!
         <br>
         the main perk of using this server over any other pubnix is that

minetest/fonts.css

@@ -0,0 +1,13 @@
+/* prompt-300italic - latin */
+@font-face {
+    font-family: 'Prompt';
+    font-style: italic;
+    font-weight: 300;
+    src: url('./fonts/prompt-v5-latin-300italic.eot'); /* IE9 Compat Modes */
+    src: local(''),
+         url('./fonts/prompt-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('./fonts/prompt-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
+         url('./fonts/prompt-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
+         url('./fonts/prompt-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
+         url('./fonts/prompt-v5-latin-300italic.svg#Prompt') format('svg'); /* Legacy iOS */
+}

minetest/fonts/prompt-v5-latin-300italic.svg

@@ -0,0 +1 @@
+<html lang=en><meta charset=utf-8><meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"><title>Error 500 (Server Error)!!1</title><style>*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{color:#222;text-align:unset;margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px;}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}pre{white-space:pre-wrap;}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}</style><div id="af-error-container"><a href=//www.google.com><span id=logo aria-label=Google></span></a><p><b>500.</b> <ins>That’s an error.</ins><p>There was an error. Please try again later. <ins>That’s all we know.</ins></div>

minetest/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>minetest - south london</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
+</head>
+<body>
+    <h1>coming soon!</h1>
+</body>
+</html>

minetest/main.css

@@ -0,0 +1,18 @@
+@import url(./fonts.css);
+body{
+    background: rgb(1,23,1);
+    background: linear-gradient(150deg, rgba(1,23,1,1) 0%, rgba(1,23,19,1) 30%, rgba(12,2,35,1) 100%);
+}
+h1 {
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-family: 'Prompt', sans-serif;
+    font-weight: 300;
+    font-style: italic;
+    color: #E4E4E4;
+    mix-blend-mode: color-dodge;
+    font-size: 6vw;
+}

more/badges.css

@@ -0,0 +1,23 @@
+.badges {
+    display: grid;
+	grid-template-columns: 50% 50%;
+}
+.badges a {
+    width: 100%;
+}
+.badges img{
+    width: 100%;
+}
+
+.offline {
+    filter: grayscale(1);
+}
+
+@media (max-width: 500px) {
+    .badges {
+        grid-template-columns: 100%;
+    }
+    .badges a {
+        width: 100%;
+    }
+}

more/index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>more - south london</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel='stylesheet' type='text/css' media='screen' href='/main.css'>
+    <link rel='stylesheet' type='text/css' media='screen' href='./badges.css'>
+    <script src='/main.js'></script>
+</head>
+<body class="orange">
+    <main>
+        <p>we have a bunch of services to show off, but keeping them in the top navigation was getting a bit unwieldy, so i've shoved the less important links onto this page</p>
+        <div class="badges">
+            <a href="https://southlondon.cc/minetest">
+                <img src="./img/minetest.png">
+            </a>
+            <a href="https://tv.southlondon.cc">
+                <img src="./img/sltv.png">
+            </a>
+        </div>
+        <br>
+        <i style="color: grey;">if you have a thing you want to put here, make a pr!</i>
+    </main>
+</body>
+</html>

signup/index.html

@@ -13,7 +13,7 @@
         <h1 style="white-space: pre-line">signup</h1>
     </div>
     <main>
-        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a></p>
+        <p style="text-align: center;"><a href="/">🌿 home</a> · <a href="/signup">🌱 signup</a> · <a href="/wetty">🌺 webterm</a> · <a href="/coc">🌷 code of conduct</a> · <a href="/wiki">🌻 wiki</a> · <a href="/faq">💐 faq</a> · <a href="https://tildegit.org/southlondon/">🎋 git</a> · <a href="/more">🍄 more</a> </p>
         <p><b>shoot an email at <a href="mailto:benclark006@outlook.com">benclark006@outlook.com</a>, propel a xmpp message to <a href="xmpp:cark@southlondon.cc">cark@southlondon.cc</a>, or send forth a direct message to <a href="ircs://irc.tilde.chat:6697/lp0,isnick/">lp0</a> on tilde.chat</b></p>
         <p>
         you'll need to include your desired username, ssh public key (see faq for details) and a note saying you've read the code of conduct and that you're over thirteen so i don't get sued. if you prefer a specific shell over bash, you can include that on the email too.</p>

wiki/index.md

@@ -3,7 +3,7 @@ title: wiki
 subtitle: "tech tip: computer"
 color: blue
 ---
-hi! welcome to the wiki. it contains some helpful info about living life on southlondon.cc. 
+hi! welcome to the wiki. it contains some helpful info about living life on southlondon.cc.
 
 *planned pages are shown in italics*
 
@@ -13,7 +13,7 @@ hi! welcome to the wiki. it contains some helpful info about living life on sout
 - [ssh tips and tricks](./ssh.html)
 
 ## making things
-- *some things you could make*
+- [some things you could make](./thingstomake.html)
 - *some good books on writing code*
 - *how to use git without wanting to shit your pants and kill your roommate*
 
@@ -29,7 +29,7 @@ hi! welcome to the wiki. it contains some helpful info about living life on sout
 - *hosting git repos for fun and profit*
 
 ## talking to strangers
-- *connect to irc*
+- [connect to irc](./irc.html)
 - [using xmpp](./xmpp.html)
 - *collecting tokens*
 - *fun things to say in #meta*

wiki/irc.md

@@ -0,0 +1,158 @@
+---
+title: irc
+author: jakew
+date: 2021-04-09
+---
+irc is a protocol for talking to people online in real-time. irc is a great way to get in touch with others on south london, getting help and getting quick answers to questions you might have. since irc has been around for so long, there's lots of nice, easy ways to connect.
+
+## intro to irc
+
+irc has been around for years now, which makes it a well established chat protocol. these days, lots of irc communities have moved onto newer chat platforms, but irc still remains a lightweight and simple way to chat to groups of other people.
+
+if you've not used irc before, here are some things you should know especially if you're coming from modern chat apps.
+
+- **you can only get messages on irc when you are connected**. if you disconnect, people can no longer send you messages and you can't see what people have sent while you have been away. although there's ways to get around this which will be mentioned below.
+- **you don't have to make an account**. if you want to start chatting on irc, you just need to choose a name and join. this means that someone could accidentally use your name while you are away. we'll talk more about this in the 'how to use irc' section.
+- **irc is made up of servers**, each server hosts a number of channels which people can use to talk in. you can only talk to people on the same server as you, but you can join more than one server at a time. for example, there's tilde.chat for people using tildes like south london to use.
+- **each irc server is made up of channels**, each channel has a # at the start to indicate that it is a channel. each channel usually has a purpose, so for example on tilde.chat there's `#southlondon` for talk about south london and `#meta` for everyone to talk in.
+
+## connecting
+
+the main place you'll want to chat is on tilde.chat. here are the connection details for your client of choice:
+
+- **server:** irc.tilde.chat
+- **port:** 6697
+- **ssl/tls:** yes
+
+### web
+
+one of the easiest ways to connect to irc is through a web client. there'll usually be a specific one for each server that you want to connect to. for connecting to tilde.chat, you need to use [kiwi.tilde.chat](https://kiwi.tilde.chat/?channel=#southlondon).
+
+using a web client like kiwi is good if you've got something quick to ask, but it quickly becomes difficult to use because you have to type in your nickname every time and join all your channels each time. so if you want to use irc a lot, it's best to go for one of the other methods of connecting.
+
+when going to [kiwi.tilde.chat](https://kiwi.tilde.chat/?channel=#southlondon), you'll see there's a place to type a nickname that you want to use for chatting, and a channel that you want to initially connect to. along the left side you have the servers and channels that you are connected to, in the middle you have the chat log and on the right side you have a list of users that are using the channel.
+
+### on south london (or a linux shell)
+
+a more difficult way to connect is through a linux shell using one of these clients:
+
+- [`weechat`](https://weechat.org/)
+- [`irssi`](https://irssi.org/)
+
+these have quite a steep learning curve with these as you need to learn and remember commands and shortcuts for navigating around the interface. you may be able to find some good guides for using any of the clients on the internet.
+
+one of the best reasons for connecting to irc on south london is that you can leave your client running so that when you leave come back, you can read messages that were sent to you while you were away. you can do this by running your client within `tmux` or `byobu`.
+
+### windows
+
+you can use these clients for windows:
+
+- [hexchat](https://hexchat.github.io/) - free, oss
+- [mirc](https://www.mirc.com/) - paid (30 day trial then ~£15)
+
+### linux
+
+you can use these clients for linux:
+
+- [`weechat`](https://weechat.org/) - free, oss
+- [`irssi`](https://irssi.org/) - free, oss
+- [hexchat](https://hexchat.github.io/) - free, oss
+
+### macos
+
+you can use these clients for macos:
+
+- [textual](https://www.codeux.com/textual/) - paid (free trial, then ~£6)
+- [igloo irc](https://apps.apple.com/us/app/igloo-irc/id1331074069) - paid (~£4)
+
+### on the go: mobile/tablet
+
+you can use these clients for android:
+
+- [irccloud](https://play.google.com/store/apps/details?id=com.irccloud.android) - free
+- [androirc](https://play.google.com/store/apps/details?id=com.androirc) - free
+
+you can use these clients for ios:
+
+- [palaver](https://apps.apple.com/us/app/palaver-irc/id538073623) - paid (~£2)
+- [igloo irc](https://apps.apple.com/us/app/igloo-irc/id1331074069) - paid (freemium, ~£5)
+- [colloquy](https://apps.apple.com/us/app/colloquy-irc-client/id302000478) - paid (~£2)
+
+### xmpp
+
+use the [xmpp guide](./xmpp.html) to get setup. then you can connect to tilde.chat channels using the gateway:
+
+```
+#southlondon@biboumi.tilde.team
+```
+
+and other channels by replacing `#southlondon` with the channel you'd like to join.
+
+### bouncer (advanced)
+
+if you get into irc more, you might be interested in using an irc bouncer.
+
+an irc bouncer is a 'middle-man' between you and an irc server. it connects to a network like a normal client. you connect to the bouncer, rather than the network directly. when you disconnect it will stay connected to the network and when you reconnect it will show you the messages that were sent while you were away.
+
+one of the most popular bouncers is [`znc`](https://znc.in/).
+
+## how to use irc
+
+as with most things, you'll quickly pick up irc once you start using it, so connect in and start talking to people! this section should help you get the basics you need to start talking to people
+
+on most clients, you'll have a chat log between you and the server, one for each channel you connect to and one for each person that you private message.
+
+the chat log between you and the server will show connection status and the servers motd, which is a message welcoming you to the server. you may also get some broadcasts to this log such as maintaince warnings and things. you probably won't be in there a great deal though.
+
+### channels
+
+channels are a place for sending messages about a particular topic. each channel starts with #.
+
+when you connect to a channel, you'll be shown it's topic which is a message that usually says what the channel is for, and perhaps some information or rules about things that go on in that channel. any messages you send will be sent to everyone in the channel. you may have a list of users as well, some users might have a symbol infront of their name, here is what they mean.
+
+- `~` **owner** - this is the person that owns that particular channel
+- `&` **admin** - this is someone who has been given additional privileges by the owner, they usually keep things in order
+- `@` **operator** - this is similar to an admin, but with slightly lower privileges
+- `+` **voiced** - this is signifies someone who is a favoured person, usually someone who is trusted
+
+### chatting
+
+when chatting, message you send will be sent to everyone in the channel, you can mention people by just including their name. if you are specifically talking to somebody, you should start your message with their name and a colon like this:
+
+<pre><code><i>&lt;alice&gt;</i> how do i join a channel?
+<i>&lt;chris&gt;</i> tea is the best
+<i>&lt;bob&gt;</i>   <b>alice:</b> you can use /join
+</code></pre>
+
+### commands
+
+there are a couple of basic commands that are worth knowing.
+
+- `/join #channel` - join a given channel, if you're using a client with a gui there might be a button to do this
+- `/leave` - leave the channel that you are currently on.
+- `/msg name message` - send someone a private message.
+- `/nick name` - change your nickname to something else.
+
+### services
+
+most irc servers have services, these are special bots that give you privileges and protection.
+
+#### protecting your nickname
+
+one of the most important services is nickserv which is used to protect your nickname so that other people don't accidentally use it.
+
+1. make sure you are using the nickname you want to register, if not use `/nick name` to change it.
+2. send the command `/msg NickServ REGISTER password you@example.com` making sure to choose a secure password and putting in your email. your email is used for recovery purposes and your password is used to identify yourself when you login with your nickname.
+3. when you login, send the command `/msg NickServ IDENTIFY name password` to recover your registered nickname. on some irc networks you will not be able to speak with a registered nickname until you identify yourself.
+
+**note:** rather than talking to nickserv when you login, your client might let you setup sasl where you can send your password when you connect. if your client supports it, your username will be your nickname and your password will be the one you setup with nickserv.
+
+### bots
+
+some irc networks or channels might have automated users called bots. these usually provide a useful feature to a channel, such as notifications or link previews. sometimes they will be given voiced permission (i.e. their name will start with a +) to help you distinguish them from normal users.
+
+the main bot on tilde.chat is tildebot. you can see which commands you can send them by using `/msg tildebot help`. it will also reply to commands in channels if you put a comma in front of your command, for example `,dns southlondon.cc`. you'll also notice if you send a link, it may reply with the title of the page you send.
+
+## that's it
+
+that's a basic introduction to irc, like i said, the best way to learn is by getting involved and starting to talk to people. everyone on tilde.chat is friendly so don't worry about doing anything wrong. if you have any questions, send them in `#meta` or `#southlondon`.

wiki/ssh.md

@@ -22,7 +22,7 @@ Host my_other_server
 Host * # applied to all connections
 	<keyword> <value>
 ```
-as with most things, `*` represents a wildcard (i.e. `192.168.0.*` will match everything in the `192.168.0.0/24`) and `?` matches one character from 0-9 (i.e. `192.168.0.?` will match everything from `192.168.0.0` to `192.168.0.9`). you can read more about it in the ssh_config man page (`man ssh_config`). all possible keywords are also listed in the ssh_config man page.
+as with most things, `*` represents a wildcard (i.e. `192.168.0.*` will match everything from `192.168.0.0` to `192.168.0.255`) and `?` matches one character from 0-9 (i.e. `192.168.0.?` will match everything from `192.168.0.0` to `192.168.0.9`). you can read more about it in the ssh_config man page (`man ssh_config`). all possible keywords are also listed in the ssh_config man page.
 
 okay! now, how can we apply this knowledge to something useful? let's have an example.  
 say you're trying to log in to `cark.website` as `giovanni` on port `24`, you would use this command:

wiki/thingstomake.md

@@ -0,0 +1,29 @@
+---
+title: cool things to make
+subtitle: inspiration in a single page
+author: jakew
+date: 2021-04-06
+color: orange
+---
+the best bit about being on the same computer as a bunch of other people is that it is super easy to share things that you make. things you make will help to inspire others who will end up making cool things that you can use. you get the idea.
+
+you could also collaborate with other people, after all you are on a shared computer.
+
+## web things
+
+one of the best places to make things is in your `public_html` folder which anyone in the world can see.
+
+- pimp your webpage, go for a theme, perhaps retro or similar to the south london pages
+- write blog about cool things you make or do
+- make an interactive project, perhaps something that brings people together or add their own content
+- art
+
+## scripts
+
+another great place to make things is just on south london itself, make a script in your home directory and give it permissions so that others can run it.
+
+- games
+- irc bots and games
+- more art
+
+**bonus thing you can do:** add to this list :)