From 22b145ff8f12c6381a9c75eb6f7af92e6c805686 Mon Sep 17 00:00:00 2001 From: Luke Smith Date: Sun, 15 Aug 2021 13:48:59 -0400 Subject: tweaks to mainpage and others --- certbot.html | 15 ++++++++++++++- dns.html | 1 + domain.html | 7 +++++-- index.html | 39 ++++++++++++++++++++------------------- nginx.html | 3 ++- peertube.html | 4 ++-- server.html | 3 ++- 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 For more on cron and crontabs please click here!

- Next: Use HTML to Make Simple Webpages + Previous: Set up a webserver. + + + You've reached the end of the basic course! + +

+ You now have a live website on the internet. + You can add to it what you wish. +

+ +

+ As you add content to your site, there are many other things you can also install linked on the main page, + and many more improvements, tweaks and bonuses. +

diff --git a/dns.html b/dns.html index 7b7f0d1..0130f6d 100644 --- a/dns.html +++ b/dns.html @@ -121,6 +121,7 @@ You can also run the command host if you have it, which will list both IPv4 and IPv6 addresses for a domain name.

+ Previous: Get a server. Next: Setting up the Webserver diff --git a/domain.html b/domain.html index 283c37d..429c790 100644 --- a/domain.html +++ b/domain.html @@ -82,7 +82,7 @@

Now we will get a server to host your website on.

- Next: Get a Server + Next: Get a Server.
@@ -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.

+

Here are some registrars to explicitly avoid:

+

@@ -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.

+ Next: Get a Server. diff --git a/index.html b/index.html index 84e2e93..d8976d2 100644 --- a/index.html +++ b/index.html @@ -60,27 +60,28 @@

"Build your own platform!"

- + +
+
xmpp logo XMPP
Minimalist and federated chat server
+
Pleroma
A federated Twitter-like microblogging Site
+
peertube logo PeerTube
A federated YouTube-like video Site
+
Nextcloud
Setting up a Nextcloud Instance (file hosting and more)
+
Jitsi logo Jitsi
Free and easy video conferencing
+
git
Version control software on your own server
+
Gitea
A fully-featured git and issue tracking site
+
IRC
Installing and managing a classic internet relay chat server
+
RSS Bridge
Creating RSS feeds for social media sites
+
Calibre
A library server
+

Accepting Cryptocurrency Tips

- +
+
Why crypto?
The case for crypto for normal people
+
btc logo Bitcoin
Accept Bitcoin (BTC) donations
+
xmr logo Monero
Accept Monero (XMR) donations for superior privacy
+
OpenAlias
OpenAlias to make crypto easy
+
BAT
Receive donations via the Brave browser
+

In the Works...

diff --git a/nginx.html b/nginx.html index 954c4aa..067b5d9 100644 --- a/nginx.html +++ b/nginx.html @@ -230,7 +230,8 @@ Note the "Not secure" notification. The next brief step is securing encrypted connections to your website.

-Next: Enabling Encrypted Connections + Previous: Set up DNS. + Next: Enabling Encrypted Connections. 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 -

In addition to these dependencies, it's recommended to create a dedicated PeerTube user to install and manage PeerTube.

+

Now we create a PeerTube user to run and handle PeerTube with the proper permissions:

useradd -m -d /var/www/peertube -s /bin/bash -p peertube peertube
@@ -58,7 +58,7 @@ npm install --global yarn

PeerTube requires a PostgreSQL database to function. To create it, first make a new Postgres user named PeerTube:

-
su postgres
+	
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:
         

- Next: Connect Your Domain and Server + Previous: Get a domain name. + Next: Connect Your Domain and Server.
diff --git a/style.css b/style.css index ef0a80b..5167903 100644 --- a/style.css +++ b/style.css @@ -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 { -- cgit v1.2.3