Footer & Profile link

laravel/public/css/default.css

@@ -14,6 +14,9 @@ body {
     font-family: 'Roboto', sans-serif;
     background-color: var(--background);
     color: white;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 input:focus {
@@ -372,7 +375,7 @@ a button {
     justify-content: space-between;
 }
 
-#graphs h2 {
+#graphs h2, #stats h2 {
     margin-bottom: 20px;
 }
 
@@ -381,3 +384,52 @@ a button {
     height: 400px;
 }
 
+table {
+    font-size: 1.5em;
+    border-collapse: collapse;
+}
+
+table td, table th {
+    padding: 10px;
+    margin: 0;
+    gap: 0;
+    border: 0;
+}
+
+table td {
+    border-top: 1px solid #888;
+}
+
+table th, table td {
+    border-right: 1px solid #888;
+}
+
+table th:last-child, table td:last-child, table th:first-child, table td:first-child{
+    text-align: center;
+}
+
+table th:last-child, table td:last-child {
+    border-right: none;
+}
+
+table {
+    margin-bottom: 40px;
+}
+
+footer {
+    margin-top: auto;
+    height: 50px;
+    background: var(--foreground);
+    width: calc(100vw - 60px);
+    color: white;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding-left: 30px;
+    padding-right: 30px;
+    bottom: 0;
+}
+  
+footer p {
+    width: auto;
+}

laravel/resources/views/default.blade.php

@@ -26,6 +26,10 @@
         <main>
             @yield('content')
         </main>
+        <footer>
+            <p>Find the repository on <a href="https://github.com/Notoric/slink">GitHub</a></p>
+            <p>Made by <a href="https://notoric.net">[Notoric]</a></p>
+        </footer>
         @yield('scripts')
     </body>
 </html>

laravel/resources/views/details.blade.php

@@ -78,7 +78,7 @@
         </div>
     </div>
     <div id="stats" class="container">
-        <h2>Link Clicks</h2>
+        <h2>Clicks by Country</h2>
         <table>
             <thead>
                 <th>📍</th>

laravel/resources/views/profile.blade.php

@@ -17,7 +17,7 @@
         </tr>
         @foreach ($shortlinks as $shortlink)
             <tr>
-                <td>{{ $shortlink['shortid'] }}</td>
+                <td><a href="{{ url()->to("l/" . $shortlink->shortid) }}">{{ $shortlink['shortid'] }}</a></td>
                 <td>{{ $shortlink['destination'] }}</td>
                 <td>{{ $shortlink['created_at'] }}</td>
             </tr>