docs: update website with articles

refinedmods · Aug 15, 2024 · 2a1e1a9 · 2a1e1a9
1 parent 112771d
commit 2a1e1a9
Show file tree

Hide file tree

Showing 9 changed files with 47 additions and 19 deletions.
diff --git a/docs/nav.json b/docs/nav.json
@@ -5,9 +5,14 @@
     "icon": "bi-house-fill"
   },
   {
-    "title": "What's new",
-    "ref": "whats-new.adoc",
-    "icon": "bi-lightbulb-fill"
+    "title": "News",
+    "ref": "news/index.adoc",
+    "icon": "bi bi-newspaper"
+  },
+  {
+    "title": "Release notes",
+    "ref": "release-notes.adoc",
+    "icon": "bi bi-file-earmark-text"
   },
   {
     "title": "Getting started",

diff --git a/docs/pages/index.html b/docs/pages/index.html
@@ -66,13 +66,9 @@ <h2 class="h4"><i class="bi bi-bug-fill"></i> Found a problem?</h2>
             </div>
             <div class="col">
                 <h2 class="h4"><i class="bi bi-rss-fill"></i> Want to stay up to date?</h2>
-                <p>Follow us on Twitter or Mastodon to stay up to date with Refined Mods news and releases.</p>
-                <a href="https://twitter.com/refinedmods" class="icon-link d-inline-flex align-items-center">
-                    Follow @refinedmods on Twitter
-                    <i class="bi bi-chevron-right"></i>
-                </a>
-                <a href="https://anvil.social/@refinedmods" rel="me" class="icon-link d-inline-flex align-items-center">
-                    Follow @refinedmods on Mastodon
+                <p>Follow us on X to stay up to date with Refined Mods news and releases.</p>
+                <a href="https://x.com/refinedmods" class="icon-link d-inline-flex align-items-center">
+                    Follow @refinedmods on X
                     <i class="bi bi-chevron-right"></i>
                 </a>
             </div>

diff --git a/docs/pages/need-help.html b/docs/pages/need-help.html
@@ -27,14 +27,9 @@ <h2 class="h4"><i class="bi bi-bug-fill"></i> Found a bug, crash or other proble
                 </div>
                 <div class="col">
                     <h2 class="h4"><i class="bi bi-rss-fill"></i> Want to stay up to date?</h2>
-                    <p>Follow us on Twitter or Mastodon to stay up to date with Refined Mods news and releases.</p>
-                    <a href="https://twitter.com/refinedmods" class="icon-link d-inline-flex align-items-center">
-                        Follow @refinedmods on Twitter
-                        <i class="bi bi-chevron-right"></i>
-                    </a>
-                    <a href="https://anvil.social/@refinedmods" rel="me"
-                       class="icon-link d-inline-flex align-items-center">
-                        Follow @refinedmods on Mastodon
+                    <p>Follow us on X to stay up to date with Refined Mods news and releases.</p>
+                    <a href="https://x.com/refinedmods" class="icon-link d-inline-flex align-items-center">
+                        Follow @refinedmods on X
                         <i class="bi bi-chevron-right"></i>
                     </a>
                 </div>

diff --git a/docs/pages/news/20240815-hello-world.adoc b/docs/pages/news/20240815-hello-world.adoc
@@ -0,0 +1,6 @@
+= Hello World
+:type: article
+:description: Just setting the news page up.
+:date: 2024-08-15
+
+How are you doing?
diff --git a/docs/pages/news/index.adoc b/docs/pages/news/index.adoc
@@ -0,0 +1 @@
+= News
diff --git a/docs/pages/news/index.html b/docs/pages/news/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html layout:decorate="~{layout.html}">
+<head>
+    <title th:utext="${title}"></title>
+</head>
+<body>
+<div layout:fragment="content">
+    <main class="list-group">
+        <a th:href="@{'./' + ${currentComponent.slug} + '/' + ${currentComponent.latest ? '' : currentComponent.version.friendlyName() + '/'} + ${article.url}}"
+           class="list-group-item list-group-item-action d-flex gap-3 py-3"
+           th:each="article : ${articles}">
+            <div class="d-flex gap-2 w-100 justify-content-between">
+                <div>
+                    <h6 class="mb-0" th:text="${article.title}"></h6>
+                    <p class="mb-0 opacity-75" th:text="${article.description}"></p>
+                </div>
+                <small class="opacity-50 text-nowrap">
+                    <i class="bi bi-clock"></i> <span th:text="${#temporals.format(article.date, 'yyyy-MM-dd')}"></span>
+                </small>
+            </div>
+        </a>
+    </main>
+</div>
+</body>
+</html>
diff --git a/docs/pages/release-notes.adoc b/docs/pages/release-notes.adoc
@@ -0,0 +1 @@
+= Release notes
diff --git a/docs/pages/whats-new.html → docs/pages/release-notes.html b/docs/pages/whats-new.html → docs/pages/release-notes.html
diff --git a/docs/pages/whats-new.adoc b/docs/pages/whats-new.adoc