From 029d6182aa07de18de25817710ae3b2627e3bb6e Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Mon, 12 Aug 2024 23:55:31 +0100
Subject: [PATCH] default 'select a server' page enhancement

---
 apps/static/js/home/servers.js      |  6 +++++-
 apps/templates/home/index.html      | 21 ++++++++++++++++++---
 apps/templates/includes/navbar.html |  4 ++--
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/apps/static/js/home/servers.js b/apps/static/js/home/servers.js
index 2333876..4c1bc84 100644
--- a/apps/static/js/home/servers.js
+++ b/apps/static/js/home/servers.js
@@ -137,9 +137,13 @@ function removeServerTemplate(serverPrimaryKey) {
 
 // Open 'Add Server' Form Modal
 $("#newServerBtn").on("click", function() {
-    $("#serverFormModal").modal("show");
+    newServerModal();
 });
 
+function newServerModal() {
+    $("#serverFormModal").modal("show");
+}
+
 // Submit 'Add Server' Form
 $("#serverForm").on("submit", async function(event) {
     event.preventDefault();
diff --git a/apps/templates/home/index.html b/apps/templates/home/index.html
index b7e16f0..d6eaf88 100644
--- a/apps/templates/home/index.html
+++ b/apps/templates/home/index.html
@@ -22,13 +22,28 @@
             </ul>
         </div>
         <div class="flex-grow-1 container-fluid bg-body overflow-y-auto" style="min-width: 0;">
-            <div id="noSelectedServer">
-                select a server
+            <div id="noSelectedServer" class="h-100 d-flex justify-content-center align-items-center">
+                <div class="text-center">
+                    <img src="{% static '/images/pyrss_logo.webp' %}" alt="PYRSS Logo">
+                    <h1 class="fw-bold mb-4">PYRSS</h1>
+                    <div class="d-flex align-items-center flex-nowrap flex-column">
+                        <p class="col-lg-8">Select or <a onclick="newServerModal();" class="text-link text-decoration-none" role="button">add a server</a> from the left hand menu to get started. For more help check the <a href="https://gitea.corbz.dev/corbz/PYRSS-Website/src/branch/master/README.md" class="text-decoration-none" target="_blank">README</a>.</p>
+                        <div class="col-lg-8">
+                            <h5>Resources</h5>
+                            <div class="hstack gap-3 justify-content-center">
+                                <a href="https://gitea.corbz.dev/corbz/PYRSS-Website" class="text-body text-decoration-none" target="_blank"><i class="bi bi-git fs-3"></i></a>
+                                <a href="https://en.wikipedia.org/wiki/RSS" class="text-body text-decoration-none" target="_blank"><i class="bi bi-rss-fill fs-3"></i></a>
+                                <a href="https://discord.com/developers/docs/intro" class="text-body text-decoration-none" target="_blank"><i class="bi bi-discord fs-3"></i></a>
+                                <a href="https://gitea.corbz.dev/corbz/PYRSS-Website/src/branch/master/README.md" class="text-body text-decoration-none" target="_blank"><i class="bi bi-question-circle-fill fs-3"></i></a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
             <div id="selectedServerContainer" class="row" style="display: none;">
                 <div class="col-12 bg-body-tertiary border-bottom">
                     <div class="px-3 py-4 d-flex justify-content-start align-items-center">
-                        <img src="" alt="Selected Server Icon" class="rounded-3 selected-server-icon">
+                        <img alt="Selected Server Icon" class="rounded-3 selected-server-icon">
                         <div class="ms-3" style="min-width: 0">
                             <h3 class="mb-0 selected-server-name text-truncate"></h3>
                             <h5 class="mb-0 selected-server-id text-truncate text-body-secondary"></h5>
diff --git a/apps/templates/includes/navbar.html b/apps/templates/includes/navbar.html
index d03f884..de468a1 100644
--- a/apps/templates/includes/navbar.html
+++ b/apps/templates/includes/navbar.html
@@ -31,9 +31,9 @@
                                 <ul class="dropdown-menu">
                                     <li><h6 class="dropdown-header">@{{ request.user.username }}</h6></li>
                                     <li>
-                                        <button type="button" class="dropdown-item" onclick="location.href = 'https://onesquareminesweeper.com/'">
+                                        <a href="https://gitea.corbz.dev/corbz/PYRSS-Website/src/branch/master/README.md" class="dropdown-item" target="_blank">
                                             <i class="bi bi-question"></i><span class="ms-2">Help</span>
-                                        </button>
+                                        </a>
                                     </li>
                                     <li>
                                         {% comment %}<!-- Logout only accepts POST requests -->{% endcomment %}