improve donation page, registration page, add button to request checker to home

public/css/donate.css

@@ -0,0 +1,4 @@
+.monero {
+  max-height: 100px;
+  overflow-y: auto;
+}

public/js/donate.js

@@ -0,0 +1,8 @@
+function copyToClipboard(elementId) {
+    const text = document.getElementById(elementId).innerText;
+    navigator.clipboard.writeText(text).then(() => {
+        alert('Copied to clipboard');
+    }).catch(err => {
+        console.error('Failed to copy: ', err);
+    });
+}

src/donate.ejs

@@ -1,4 +1,4 @@
-<%- include('shards/header', { title: 'Donate - p0ntus mail' }) %>
+<%- include('shards/header', { title: 'Donate - p0ntus mail', currentPage: 'donate' }) %>
 <div class="container">
     <%- include('shards/nav', { currentPage: 'donate' }) %>
     <i class="il mt-5">Current donation progress this month</i>
@@ -16,15 +16,31 @@
     <hr>
     <div class="text-start">
         <h5><i class="fa-brands fa-bitcoin ico-sm" style="color: #f7931a;"></i> Bitcoin</h5>
-        <p><%= bitcoin %></p>
+        <div class="d-flex justify-content-between">
+            <p id="bitcoin-address"><%= bitcoin %></p>
+            <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('bitcoin-address')">Copy</button>
+        </div>
         <h5><i class="fa-brands fa-ethereum ico-sm" style="color: #3c3c3d;"></i> Ethereum</h5>
-        <p><%= ethereum %></p>
+        <div class="d-flex justify-content-between">
+            <p id="ethereum-address"><%= ethereum %></p>
+            <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('ethereum-address')">Copy</button>
+        </div>
         <h5><i class="fa-solid fa-litecoin-sign ico-sm" style="color: #bebebe;"></i> Litecoin</h5>
-        <p><%= litecoin %></p>
+        <div class="d-flex justify-content-between">
+            <p id="litecoin-address"><%= litecoin %></p>
+            <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('litecoin-address')">Copy</button>
+        </div>
         <h5><i class="fa-brands fa-monero ico-sm" style="color: #fc6621;"></i> Monero</h5>
-        <p><%= monero %></p>
+        <div class="d-flex justify-content-between">
+            <p id="monero-address" class="monero"><%= monero %></p>
+            <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('monero-address')">Copy</button>
+        </div>
         <h5><i class="fa-solid fa-dollar-sign ico-sm"></i> Solana</h5>
-        <p><%= solana %></p>
+        <div class="d-flex justify-content-between">
+            <p id="solana-address"><%= solana %></p>
+            <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('solana-address')">Copy</button>
+        </div>
     </div>
 </div>
+<script src="/js/donate.js"></script>
 <%- include('shards/footer') %>

src/index.ejs

@@ -11,6 +11,7 @@
             <div class="col-md-6 text-start">
                 <h5><i>If you aren't a current user</i></h5>
                 <a href="/register" class="btn bg-dark text-white mt-2"><i class="fa-solid fa-user-plus ico-sm"></i> Register</a>
+                <a href="/request" class="btn bg-dark text-white mt-2"><i class="fa-solid fa-person-circle-question ico-sm"></i> Check Registration Status</a>
             </div>
             <div class="col-md-6 text-start">
                 <h5><i>If you are a current user</i></h5>

src/register.ejs

@@ -2,6 +2,14 @@
 <div class="container">
     <%- include('shards/nav', { currentPage: 'register' }) %>
     <h1 class="mt-5">Register</h1>
+    <i class="il mt-5">If you already filled out a registration request</i>
+    <hr>
+    <div class="text-center">
+      <a href="/request" class="btn bg-dark text-white mt-2">
+        <i class="fa-solid fa-person-circle-question ico-sm"></i> Check Registration Status
+      </a>
+    </div>
+    <i class="il mt-5">If you haven't filled out a registration request</i>
     <hr>
     <form action="/register" method="POST">
         <div class="form-group">

src/shards/header.ejs

@@ -10,5 +10,8 @@
     <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet">
     <script src="https://kit.fontawesome.com/50495cc725.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="/css/main.css">
+    <% if (currentPage === 'donate') { %>
+        <link rel="stylesheet" href="/css/donate.css">
+    <% } %>
 </head>
 <body>