diff options
| -rw-r--r-- | certbot.html | 15 | ||||
| -rw-r--r-- | dns.html | 1 | ||||
| -rw-r--r-- | domain.html | 7 | ||||
| -rw-r--r-- | index.html | 39 | ||||
| -rw-r--r-- | nginx.html | 3 | ||||
| -rw-r--r-- | peertube.html | 4 | ||||
| -rw-r--r-- | server.html | 3 | ||||
| -rw-r--r-- | style.css | 39 |
8 files changed, 81 insertions, 30 deletions
diff --git a/certbot.html b/certbot.html index f632b98..5ddd14b 100644 --- a/certbot.html +++ b/certbot.html @@ -129,7 +129,20 @@ ufw allow 443</code></pre> For more on cron and crontabs please <a href="cron.html">click here!</a> </p> - <span class=next><a href="html.html">Next: Use HTML to Make Simple Webpages</a></span> + <span class=prev><a href="nginx.html">Previous: Set up a webserver.</a></span> + <!-- <span class=next><a href="html.html">Next: Use HTML to Make Simple Webpages</a></span> --> + + <span class=next>You've reached the end of the basic course!</span> + + <p> + You now have a live website on the internet. + You can add to it what you wish. + </p> + + <p> + As you add content to your site, there are many other things you can also install linked on <a href="index.html">the main page</a>, + and many more improvements, tweaks and bonuses. + </p> </main> <footer><a href="https://landchad.net">LandChad.net</a></br>Because Everyone should be an Internet LandChad.</br><a href="index.html"><li><img src="pix/chad.gif" alt="chad"></li></a><a href="rss.xml"><li><img src="pix/rss.svg" alt="RSS"></li></a><a href="pix/btc.png"><li><img src="pix/btc.svg" alt="BTC"></li></a><a href="pix/xmr.png"><li><img src="pix/xmr.svg" alt="XMR"></li></a><a href="https://github.com/lukesmithxyz/landchad"><li><img src="pix/git.svg" alt="Github"></li></a></footer> </body> @@ -121,6 +121,7 @@ You can also run the command <code>host</code> if you have it, which will list both IPv4 and IPv6 addresses for a domain name. </p> + <span class=prev><a href="server.html">Previous: Get a server.</a></span> <span class=next><a href="nginx.html">Next: Setting up the Webserver</a></span> </main> <footer><a href="https://landchad.net">LandChad.net</a></br>Because Everyone should be an Internet LandChad.</br><a href="index.html"><li><img src="pix/chad.gif" alt="chad"></li></a><a href="rss.xml"><li><img src="pix/rss.svg" alt="RSS"></li></a><a href="pix/btc.png"><li><img src="pix/btc.svg" alt="BTC"></li></a><a href="pix/xmr.png"><li><img src="pix/xmr.svg" alt="XMR"></li></a><a href="https://github.com/lukesmithxyz/landchad"><li><img src="pix/git.svg" alt="Github"></li></a></footer> diff --git a/domain.html b/domain.html index 283c37d..429c790 100644 --- a/domain.html +++ b/domain.html @@ -82,7 +82,7 @@ <p>Now we will get a server to host your website on.</p> - <span class=next><a href="server.html">Next: Get a Server</a></span> + <span class=next><a href="server.html">Next: Get a Server.</a></span> <hr> @@ -118,6 +118,8 @@ If you don't want to use Epik, use a registrar based in Russia or China or a country more sympathetic to political criticism. </p> + <p>Here are some registrars to explicitly avoid:</p> + <ul> <li>GoDaddy – People always want to go here because it's so well advertized. @@ -126,7 +128,7 @@ </li> <li>NearlyFreeSpeech – People have signed up for this minor registrar because of its name that's actually tongue-and-cheek. I will let <a href="https://web.archive.org/web/20210121022350/https://blog.nearlyfreespeech.net/2021/01/19/free-speech-in-2021">this post of theirs</a> speak for itself. Register a domain here only if you want to have it seized.</li> - <li>Google, Amazon – Maybe this is obvious, but if you are trying to escape the control of Google or Amazon, it is a very self-defeating thing to register your domain with them.</li> + <li>Google, Amazon – Maybe this is obvious, but if you are trying to escape the control of Google or Amazon, it is a very self-defeating thing to register your domain with them. Sites like Parler figured this out the hard way.</li> </ul> <p> @@ -136,6 +138,7 @@ Registrars without principled policies maintain the right to seize your domain name on their whim. Don't think for a minute that this doesn't apply to you. </p> + <span class=next><a href="server.html">Next: Get a Server.</a></span> </main> <footer><a href="https://landchad.net">LandChad.net</a></br>Because Everyone should be an Internet LandChad.</br><a href="index.html"><li><img src="pix/chad.gif" alt="chad"></li></a><a href="rss.xml"><li><img src="pix/rss.svg" alt="RSS"></li></a><a href="pix/btc.png"><li><img src="pix/btc.svg" alt="BTC"></li></a><a href="pix/xmr.png"><li><img src="pix/xmr.svg" alt="XMR"></li></a><a href="https://github.com/lukesmithxyz/landchad"><li><img src="pix/git.svg" alt="Github"></li></a></footer> @@ -60,27 +60,28 @@ </ul> <h3 id=platform>"Build your own platform!"</h3> - <ul class=ll> - <li><a href="git.html">Host your own <img src="pix/git.svg"><code>git</code> repositories</a></li> - <li><a href="xmpp.html">Private and Encrypted Chat with <img src="pix/xmpp.svg" alt="xmpp logo">XMPP</a></li> - <li><a href="pleroma.html">Pleroma, a federated Twitter-like Microblogging Site</a></li> - <li><a href="peertube.html"><img src="pix/peertube.svg" alt="peertube logo">PeerTube, a federated YouTube-like video Site</a></li> - <li><a href="nextcloud.html">Setting up a <img src="pix/nextcloud.svg">Nextcloud Instance (file hosting and more)</a></li> - <li><a href="jitsi.html"><img src="pix/jitsi.svg" alt="Jitsi logo">Jitsi: Free and Easy Video Conferencing</a></li> - <li><a href="gitea.html">Setting up <img src="pix/gitea.svg">Gitea</a></li> - <li><a href="irc.html">Creating your own chat server with <img src="pix/irc.svg">IRC</a></li> - <li><a href="rss-bridge.html">RSS Bridge: Create RSS Feeds for Mainstream Social Media</a></li> - <li><a href="calibre.html">Setting up a Calibre library server</a></li> - </ul> + + <dl class=ll> + <dt><a href="xmpp.html"><img src="pix/xmpp.svg" alt="xmpp logo"> XMPP</a></dt><dd>Minimalist and federated chat server</dd> + <dt><a href="pleroma.html">Pleroma</a></dt><dd>A federated Twitter-like microblogging Site</dd> + <dt><a href="peertube.html"><img src="pix/peertube.svg" alt="peertube logo"> PeerTube</a></dt><dd>A federated YouTube-like video Site</dd> + <dt><a href="nextcloud.html"><img src="pix/nextcloud.svg"> Nextcloud</a></dt><dd>Setting up a Nextcloud Instance (file hosting and more)</dd> + <dt><a href="jitsi.html"><img src="pix/jitsi.svg" alt="Jitsi logo"> Jitsi</a></dt><dd>Free and easy video conferencing</dd> + <dt><a href="git.html"><img src="pix/git.svg"> git</a></dt><dd>Version control software on your own server</dd> + <dt><a href="gitea.html"><img src="pix/gitea.svg"> Gitea</a></dt><dd>A fully-featured git and issue tracking site</dd> + <dt><a href="irc.html"><img src="pix/irc.svg"> IRC</a></dt><dd>Installing and managing a classic internet relay chat server</dd> + <dt><a href="rss-bridge.html">RSS Bridge</a></dt><dd>Creating RSS feeds for social media sites</dd> + <dt><a href="calibre.html"><img src="pix/calibre.png"> Calibre</a></dt><dd>A library server</dd> + </dl> <h3 id=crypto>Accepting Cryptocurrency Tips</h3> - <ul class=ll> - <li><a href="crypto.html">The Case for Crypto for Normal People</a></li> - <li><a href="bitcoin.html">Accept <img src="pix/btc.svg" alt="btc logo">Bitcoin (BTC) donations</a></li> - <li><a href="monero.html">Accept <img src="pix/xmr.svg" alt="xmr logo">Monero (XMR) donations for superior privacy</a></li> - <li><a href="openalias.html">OpenAlias to make crypto easy</a></li> - <li><a href="bat.html"><img src="pix/bat.svg">Basic Attention Token (BAT)</a></li> - </ul> + <dl class=ll> + <dt><a href="crypto.html">Why crypto?</a></dt><dd>The case for crypto for normal people</dd> + <dt><a href="bitcoin.html"><img src="pix/btc.svg" alt="btc logo"> Bitcoin</a></dt><dd>Accept Bitcoin (BTC) donations</dd> + <dt><a href="monero.html"><img src="pix/xmr.svg" alt="xmr logo"> Monero</a></dt><dd>Accept Monero (XMR) donations for superior privacy</dd> + <dt><a href="openalias.html">OpenAlias</a></dt><dd>OpenAlias to make crypto easy</dd> + <dt><a href="bat.html"><img src="pix/bat.svg"> BAT</a></dt><dd>Receive donations via the Brave browser</dd> + </dl> <h2>In the Works...</h2> @@ -230,7 +230,8 @@ Note the "Not secure" notification. The next brief step is securing encrypted connections to your website. </p> -<span class=next><a href="certbot.html">Next: Enabling Encrypted Connections</a></span> + <span class=prev><a href="dns.html">Previous: Set up DNS.</a></span> + <span class=next><a href="certbot.html">Next: Enabling Encrypted Connections.</a></span> </main> <footer><a href="https://landchad.net">LandChad.net</a></br>Because Everyone should be an Internet LandChad.</br><a href="index.html"><li><img src="pix/chad.gif" alt="chad"></li></a><a href="rss.xml"><li><img src="pix/rss.svg" alt="RSS"></li></a><a href="pix/btc.png"><li><img src="pix/btc.svg" alt="BTC"></li></a><a href="pix/xmr.png"><li><img src="pix/xmr.svg" alt="XMR"></li></a><a href="https://github.com/lukesmithxyz/landchad"><li><img src="pix/git.svg" alt="Github"></li></a></footer> diff --git a/peertube.html b/peertube.html index d0f7aab..7939636 100644 --- a/peertube.html +++ b/peertube.html @@ -50,7 +50,7 @@ apt install -y nodejs npm install --global yarn</code></pre> - <p>In addition to these dependencies, it's recommended to create a dedicated PeerTube user to install and manage PeerTube.</p> + <p>Now we create a PeerTube user to run and handle PeerTube with the proper permissions:</p> <pre><code>useradd -m -d /var/www/peertube -s /bin/bash -p peertube peertube</code></pre> @@ -58,7 +58,7 @@ npm install --global yarn</code></pre> <p>PeerTube requires a PostgreSQL database to function. To create it, first make a new Postgres user named PeerTube:</p> - <pre><code>su postgres + <pre><code>su -l postgres createuser -P peertube createdb -O peertube -E UTF8 -T template0 peertube_prod psql -c "CREATE EXTENSION pg_trgm;" peertube_prod diff --git a/server.html b/server.html index eadae4b..aaf007f 100644 --- a/server.html +++ b/server.html @@ -113,7 +113,8 @@ Momentarily, you will be able to see your server's IP addresses which will be used for the next brief step: </p> - <span class=next><a href="dns.html">Next: Connect Your Domain and Server</a></span> + <span class=prev><a href="domain.html">Previous: Get a domain name.</a></span> + <span class=next><a href="dns.html">Next: Connect Your Domain and Server.</a></span> <hr> @@ -67,7 +67,7 @@ pre { .wide { max-width: inherit ; } -p img, li img, h1 img, h2 img, h3 img, h4 img { +p img, li img, h1 img, h2 img, h3 img, h4 img, dt img { vertical-align: middle ; max-width: 1em; max-height: 1em; @@ -169,7 +169,27 @@ aside.callout { main { max-width: 850px ; } } -.ll { font-size: large ; line-height: 1.3em ; max-width: 600px; margin: auto ; } +.ll { + font-size: large ; + line-height: 1.3em ; + max-width: 600px; + margin: auto ; +} + +.ll dd { + display: inline ; +} + +.ll dt { + display: inline-block ; + width: 6em ; +} + +.ll dd:after { + display:block; + content: '' ; +} + /* These settings are for the cryptocurrency donation QR codes and info on the * main page. */ @@ -198,19 +218,30 @@ aside.callout { 100% {color: lightblue} } +.prev { + font-size: large ; + text-align: center ; + margin: auto ; + display: block ; + font-weight: bold ; +} + +.prev:before { + content: "👈" ; +} + .next a { color: inherit ; } .next { - color: red ; -webkit-animation:next 1s infinite alternate ; font-size: xx-large ; text-align: center ; margin: auto ; display: block ; font-weight: bold ; - padding: 1em ; + padding: 0 1em 1em 1em ; } .next:before { |