feat: Add an Atom feed and SEO tags

2023-01-25 19:25:04 +01:00 · 2023-01-25 19:25:04 +01:00 · 4a28c174f5
commit 4a28c174f5
parent 288310a565
8 changed files with 41 additions and 9 deletions
--- a/.gitignore
+++ b/.gitignore
@ -4,3 +4,5 @@ result

 .jekyll-cache/
 _site/
+
+assets/css/index.css
--- a/_config.yml
+++ b/_config.yml
@ -1,8 +1,19 @@
+plugins:
+  - jekyll-feed
+  - jekyll-seo-tag
+
+# SEO information
+logo: /assets/img/logo.png
+title: Moxxy
+url: "https://moxxy.org"
+tagline: A modern XMPP client
+locale: en_GB
+
 permalink: /posts/:year-:month-:day-:title:output_ext

+# Links that can be used everywhere
 sourceUrl: https://codeberg.org/moxxy/moxxy
 githubMirrorUrl: https://github.com/PapaTutuWawa/moxxy
-
 developerMuc: xmpp:moxxy@muc.moxxy.org?join

 index:
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -3,9 +3,11 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{ page.title }}</title>
    <link href="/assets/css/index.css" rel="stylesheet" />
    <link rel="shortcut icon" href="/assets/img/favicon.ico" sizes="32x32" />
+    <link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Moxxy Blog" />
+
+    {% seo %}
  </head>
  <body class="min-h-screen h-full flex flex-col">
    {% include header.html %}
@ -18,8 +20,9 @@
      <span class="text-sm text-center">
 	Made with &lt;3 by
 	<a class="text-sky-400" href="https://polynom.me" target="_blank" rel="noopener noreferrer">PapaTutuWawa</a>
-	using <a class="text-sky-400" href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer">TailwindCSS</a>
-	and <a class="text-sky-400" href="https://jekyllrb.com/" target="_blank" rel="noopener noreferrer">Jekyll</a>
+	using <a class="text-sky-400" href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer">TailwindCSS</a>,
+	<a class="text-sky-400" href="https://jekyllrb.com/" target="_blank" rel="noopener noreferrer">Jekyll</a> and
+	<a class="text-sky-400" href="https://heroicons.com/">heroicons</a>.
      </span>
    </footer>
  </body>
--- a/developers.html
+++ b/developers.html
@ -1,6 +1,6 @@
 ---
 layout: default
-title: Developer Information | Moxxy
+title: Developer Information
 ---

 <div class="w-full flex flex-row justify-center">
--- a/flake.nix
+++ b/flake.nix
@ -15,11 +15,12 @@
        pkgs.nodePackages."@tailwindcss/typography"
      ];
    }));
+
  in {
    devShell = pkgs.mkShell {
      buildInputs = with pkgs; [
        tailwindWithTypography
-        jekyll
+        jekyll rubyPackages.jekyll-feed rubyPackages.jekyll-seo-tag
        imagemagick
      ];
    };
--- a/index.html
+++ b/index.html
@ -1,6 +1,6 @@
 ---
 layout: default
-title: A modern XMPP client | Moxxy
+title: A modern XMPP client
 ---

 <div class="w-full bg-moxxy-purple p-8 flex flex-row justify-center h-fit">
--- a/input.css
+++ b/input.css
@ -1,3 +1,10 @@
@tailwind base;
+
+@layer base {
+    article > p > a {
+	@apply text-sky-400 !important;
+    }
+}
+
@tailwind components;
@tailwind utilities;
--- a/posts.html
+++ b/posts.html
@ -1,12 +1,20 @@
 ---
 layout: default
-title: Blog Posts | Moxxy
+title: Blog Posts
 ---

 <div class="w-full flex flex-row justify-center mt-2">
  <div class="w-full lg:w-1/2 px-8 flex flex-col items-start">
+    <div class="flex flex-row items-center gap-x-3">
      <h1 class="text-3xl">Blog posts</h1>

+      <a href="/feed.xml">
+	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+	  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" />
+	</svg>
+      </a>
+    </div>
+
    <div class="divide-y divide-blue-200">
    {% for post in site.posts %}
    <div class="mb-2">