From 4f93698b16a5f22a29f086296425c63907f7bfec Mon Sep 17 00:00:00 2001
From: Patrick Spek <p.spek@tyil.nl>
Date: Wed, 15 Mar 2023 14:54:37 +0100
Subject: Overhaul services page

---
 assets/theme/main.scss        | 20 +++++++++++++++++++-
 content/services/_index.md    |  3 ++-
 content/services/fiche.md     | 16 +++-------------
 content/services/invidious.md |  6 ++----
 content/services/nitter.md    |  3 +++
 content/services/omgur.md     |  5 +++--
 content/services/searx.md     |  8 --------
 content/services/teddit.md    |  3 +++
 layouts/services/list.html    | 17 +++++++++--------
 9 files changed, 44 insertions(+), 37 deletions(-)
 delete mode 100644 content/services/searx.md

diff --git a/assets/theme/main.scss b/assets/theme/main.scss
index 8b62b23..4466d41 100644
--- a/assets/theme/main.scss
+++ b/assets/theme/main.scss
@@ -1,7 +1,6 @@
 // Variables
 $mainWidth: 900px;
 
-
 // Colors
 @import url("/css/highlight-emacs.css") screen and (prefers-color-scheme: light);
 @import url("/css/highlight-monokai.css") screen and (prefers-color-scheme: dark);
@@ -140,6 +139,25 @@ section.project {
 	}
 }
 
+section.service {
+	border-top: 1px solid var(--bodyForegroundColor);
+	padding: 0.5rem;
+
+	h2 {
+		margin: 0.5rem 0rem;
+
+		small {
+			margin-left: 1.5rem;
+			font-weight: normal;
+			font-size: small;
+		}
+	}
+
+	p {
+		margin-top: 0;
+	}
+}
+
 @media(min-width: $mainWidth) {
 	section.admonition {
 		display: grid;
diff --git a/content/services/_index.md b/content/services/_index.md
index dd98e8b..f303c7a 100644
--- a/content/services/_index.md
+++ b/content/services/_index.md
@@ -2,7 +2,8 @@
 title: Services
 ---
 
-These are all the services I run for public use.
+These are all the services I run for public use. I give no guarantee on the
+stability of any of these services, nor the longevity of them.
 
 <ul>
 {{ range .Pages }}
diff --git a/content/services/fiche.md b/content/services/fiche.md
index d097014..62e0fe8 100644
--- a/content/services/fiche.md
+++ b/content/services/fiche.md
@@ -4,19 +4,9 @@ location: https://p.tyil.nl
 upstream: https://github.com/solusipse/fiche
 ---
 
-Fiche is used for hosting pastes, which can then be accessed over HTTP at
-`p.tyil.nl`. The easiest way to create a new paste is with `nc`.
+Fiche is a service to host pastes, which can be sent to it through various
+command line utilities. The easiest way to create a new paste is with `nc`.
 
-To paste the output of a given command:
-
-```
+```sh
 $command | nc tyil.nl 9999
 ```
-
-Or, to upload the contents of a file:
-
-```
-nc tyil.nl 9999 < file
-```
-
-The buffer size is set to 32k, so that is the maximum size you can paste to it.
diff --git a/content/services/invidious.md b/content/services/invidious.md
index 4f1e9ca..211879f 100644
--- a/content/services/invidious.md
+++ b/content/services/invidious.md
@@ -4,7 +4,5 @@ location: https://youtube.alt.tyil.nl
 upstream: https://github.com/iv-org/invidious
 ---
 
-I'm running [my own fork of their Helm
-chart](https://git.tyil.nl/helm/invidious/), as they have a non-optional
-dependency for PostgreSQL, which I already run as a standalone service in my
-network.
+Invidious is an alternative front-end to YouTube. It greatly diminishes the
+amount of JavaScript required to watch content.
diff --git a/content/services/nitter.md b/content/services/nitter.md
index 483fd7e..5bb111a 100644
--- a/content/services/nitter.md
+++ b/content/services/nitter.md
@@ -3,3 +3,6 @@ title: Nitter
 location: https://twitter.alt.tyil.nl
 upstream: https://github.com/zedeus/nitter
 ---
+
+Nitter is an alternative front-end to Twitter, which uses no JavaScript at all
+to render the posts and comments. It also supports RSS feeds for user profiles.
diff --git a/content/services/omgur.md b/content/services/omgur.md
index f3b54e1..68c73ee 100644
--- a/content/services/omgur.md
+++ b/content/services/omgur.md
@@ -4,5 +4,6 @@ location: https://imgur.alt.tyil.nl
 upstream: https://github.com/geraldwuhoo/omgur
 ---
 
-This service does not implement a "front page", but actual links to images or
-albums should work fine.
+Omgur is a JavaScript free alternative front-end to Imgur. This project does
+not include a "front page", only pages which show actual uploaded content are
+implemented.
diff --git a/content/services/searx.md b/content/services/searx.md
deleted file mode 100644
index 1460f19..0000000
--- a/content/services/searx.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: Searx
-location: https://searx.tyil.nl
-upstream: https://github.com/searx/searx
----
-
-Searx is a free internet metasearch engine which aggregates results from more
-than 70 search services. Users are neither tracked nor profiled.
diff --git a/content/services/teddit.md b/content/services/teddit.md
index 1bf4a7e..a8eff08 100644
--- a/content/services/teddit.md
+++ b/content/services/teddit.md
@@ -3,3 +3,6 @@ title: Teddit
 location: https://reddit.alt.tyil.nl
 upstream: https://github.com/teddit-net/teddit
 ---
+
+Teddit as an alternative front-end to Reddit, without the need for any
+JavaScript to operate.
diff --git a/layouts/services/list.html b/layouts/services/list.html
index 0f06f87..8e78be0 100644
--- a/layouts/services/list.html
+++ b/layouts/services/list.html
@@ -1,12 +1,13 @@
 {{ define "main" }}
 <h1>{{ .Title }}</h1>
 {{ .Content }}
-<ul>
-	{{ range .Paginator.Pages }}
-	<li>
-		<a href="{{ .Permalink }}">{{ .Title }}</a>
-		<small>{{ .Params.location }}</small>
-	</li>
-	{{ end }}
-</ul>
+{{ range .Pages }}
+<section class="service">
+	<h2>
+		{{ .Title }}
+		<small><a href="{{ .Params.location }}">{{ .Params.location }}</a></small>
+	</h2>
+	{{ .Content }}
+</section>
+{{ end }}
 {{ end }}
-- 
cgit v1.1