15 files changed, 90 insertions, 2 deletions
diff --git a/public/index.php b/public/index.php
index 29daf30..666500e 100644
--- a/public/index.php
+++ b/public/index.php
@@ -1,7 +1,46 @@
 <html>
 
+<head>
+    <title>alright.party</title>
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+
 <body>
-    <p>vi von ZULUL</p>
+    <div class="container">
+        <div class="wrapper center big-gap">
+            <h1><img src="/static/img/brand/big.webp" alt="<?php echo $_SERVER['HTTP_HOST']; ?>"></h1>
+
+            <div class="items row" style="gap:32px;">
+                <a href="/emotes">Emotes</a>
+                <a href="/users">Users</a>
+                <a href="/emotes/upload.php">Upload</a>
+                <a href="/account">Account</a>
+                <a href="/software">Chat clients</a>
+            </div>
+
+            <form action="/emotes/search.php" method="get">
+                <input type="text" name="q">
+                <button type="submit">Search</button>
+            </form>
+
+            <div class="counter">
+                <?php
+                $db = new SQLite3("../database.db");
+                $results = $db->query("SELECT COUNT(*) FROM emotes");
+                $count = $results->fetchArray()[0];
+
+                $db->close();
+
+                foreach (str_split($count) as $c) {
+                    echo "<img src=\"/static/img/counter/$c.png\" alt=\"\" />";
+                }
+                ?>
+            </div>
+
+            <p style="font-size:12px;">Serving <?php echo $count ?> gorillion emotes - Running <a
+                    href="https://github.com/ilotterytea/alrighttv">AlrightTV v0.1</a></p>
+        </div>
+    </div>
 </body>
 
 </html>
 \ No newline at end of file
diff --git a/public/static/img/brand/big.webp b/public/static/img/brand/big.webp
new file mode 100644
index 0000000..8886e80
--- /dev/null
+++ b/public/static/img/brand/big.webp
diff --git a/public/static/img/brand/mini.webp b/public/static/img/brand/mini.webp
new file mode 100644
index 0000000..1613eba
--- /dev/null
+++ b/public/static/img/brand/mini.webp
diff --git a/public/static/img/counter/0.png b/public/static/img/counter/0.png
new file mode 100644
index 0000000..929946c
--- /dev/null
+++ b/public/static/img/counter/0.png
diff --git a/public/static/img/counter/1.png b/public/static/img/counter/1.png
new file mode 100644
index 0000000..f1c151d
--- /dev/null
+++ b/public/static/img/counter/1.png
diff --git a/public/static/img/counter/2.png b/public/static/img/counter/2.png
new file mode 100644
index 0000000..7a5a2af
--- /dev/null
+++ b/public/static/img/counter/2.png
diff --git a/public/static/img/counter/3.png b/public/static/img/counter/3.png
new file mode 100644
index 0000000..c7c7598
--- /dev/null
+++ b/public/static/img/counter/3.png
diff --git a/public/static/img/counter/4.png b/public/static/img/counter/4.png
new file mode 100644
index 0000000..cd5b8b9
--- /dev/null
+++ b/public/static/img/counter/4.png
diff --git a/public/static/img/counter/5.png b/public/static/img/counter/5.png
new file mode 100644
index 0000000..3455958
--- /dev/null
+++ b/public/static/img/counter/5.png
diff --git a/public/static/img/counter/6.png b/public/static/img/counter/6.png
new file mode 100644
index 0000000..c7f795d
--- /dev/null
+++ b/public/static/img/counter/6.png
diff --git a/public/static/img/counter/7.png b/public/static/img/counter/7.png
new file mode 100644
index 0000000..925bb68
--- /dev/null
+++ b/public/static/img/counter/7.png
diff --git a/public/static/img/counter/8.png b/public/static/img/counter/8.png
new file mode 100644
index 0000000..7cb611e
--- /dev/null
+++ b/public/static/img/counter/8.png
diff --git a/public/static/img/counter/9.png b/public/static/img/counter/9.png
new file mode 100644
index 0000000..f8ff704
--- /dev/null
+++ b/public/static/img/counter/9.png
diff --git a/public/static/style.css b/public/static/style.css
index 8f4c95b..562e87a 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -3,6 +3,9 @@
     --background-color-hover: #e4eed8;
     --background-color-disabled: #bec6b3;
     --border-color: #b0b9a5;
+
+    --foreground-color: #7f9c3c;
+    --foreground-color-hover: #4b5632;
 }
 
 * {
@@ -25,6 +28,22 @@ table.vertical td {
     padding: 2px;
 }
 
+a {
+    color: var(--foreground-color);
+    text-decoration: none;
+}
+
+a:hover {
+    color: var(--foreground-color-hover);
+    text-decoration: underline;
+}
+
+input {
+    padding: 2px;
+    border-radius: 4px;
+    border: 1px solid gray;
+}
+
 .container {
     width: 100%;
     min-height: 100vh;
@@ -50,6 +69,25 @@ section.content {
     flex-direction: row;
 }
 
+.big-gap {
+    gap: 32px;
+}
+
+.center {
+    justify-content: center;
+    align-items: center;
+}
+
+/** 
+------------
+   COUNTER
+------------
+*/
+.counter img:not(:first-child) {
+    margin-left: 32px;
+}
+
+
 /** 
 -----------
    NAVBAR
@@ -60,6 +98,8 @@ section.content {
     display: flex;
     flex-direction: row;
     padding: 4px;
+
+    gap: 16px;
 }
 
 .navbar .links {
@@ -68,6 +108,12 @@ section.content {
     gap: 4px;
 }
 
+.navbar .brand {
+    display: flex;
+    flex-direction: row;
+    align-items: end;
+}
+
 /** 
 -------------
    BUTTONS
diff --git a/src/partials.php b/src/partials.php
index c5170af..97bd1f4 100644
--- a/src/partials.php
+++ b/src/partials.php
@@ -3,7 +3,10 @@ function html_navigation_bar()
 {
     echo '' ?>
     <section class="navbar">
-        <h1>AlrightTV</h1>
+        <a href="/" class="brand" style="color:black;text-decoration:none;">
+            <img src="/static/img/brand/mini.webp" alt="">
+            <h2 style="margin-left:8px;font-size:24px;"><b><?php echo "alright.party" ?></b></h2>
+        </a>
         <div class="links">
             <a href="/emotes" class="button">Emotes</a>
             <a href="/emotes/upload.php" class="button">Upload</a>