From 1bd19ad917d4cf8ea5fbc2baef8839f1c6a3896d Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Fri, 4 Oct 2024 15:35:03 +1000
Subject: [PATCH] more ui

---
 components/DiscordLogo.vue      |   9 ++++
 components/GithubLogo.vue       |  16 +++++++
 components/InlineUserWidget.vue |   2 +-
 components/UserFooter.vue       |  75 ++++----------------------------
 components/UserHeader.vue       |   2 +-
 layouts/default.vue             |  11 ++++-
 nuxt.config.ts                  |   8 ++++
 pages/index.vue                 |   8 +++-
 public/favicon.ico              | Bin 4286 -> 765 bytes
 9 files changed, 61 insertions(+), 70 deletions(-)
 create mode 100644 components/DiscordLogo.vue
 create mode 100644 components/GithubLogo.vue

diff --git a/components/DiscordLogo.vue b/components/DiscordLogo.vue
new file mode 100644
index 0000000..80bf927
--- /dev/null
+++ b/components/DiscordLogo.vue
@@ -0,0 +1,9 @@
+<template>
+    <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+    <svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+        <path
+        fill="currentColor"
+            d="M20.992 20.163c-1.511-0.099-2.699-1.349-2.699-2.877 0-0.051 0.001-0.102 0.004-0.153l-0 0.007c-0.003-0.048-0.005-0.104-0.005-0.161 0-1.525 1.19-2.771 2.692-2.862l0.008-0c1.509 0.082 2.701 1.325 2.701 2.847 0 0.062-0.002 0.123-0.006 0.184l0-0.008c0.003 0.050 0.005 0.109 0.005 0.168 0 1.523-1.191 2.768-2.693 2.854l-0.008 0zM11.026 20.163c-1.511-0.099-2.699-1.349-2.699-2.877 0-0.051 0.001-0.102 0.004-0.153l-0 0.007c-0.003-0.048-0.005-0.104-0.005-0.161 0-1.525 1.19-2.771 2.692-2.862l0.008-0c1.509 0.082 2.701 1.325 2.701 2.847 0 0.062-0.002 0.123-0.006 0.184l0-0.008c0.003 0.048 0.005 0.104 0.005 0.161 0 1.525-1.19 2.771-2.692 2.862l-0.008 0zM26.393 6.465c-1.763-0.832-3.811-1.49-5.955-1.871l-0.149-0.022c-0.005-0.001-0.011-0.002-0.017-0.002-0.035 0-0.065 0.019-0.081 0.047l-0 0c-0.234 0.411-0.488 0.924-0.717 1.45l-0.043 0.111c-1.030-0.165-2.218-0.259-3.428-0.259s-2.398 0.094-3.557 0.275l0.129-0.017c-0.27-0.63-0.528-1.142-0.813-1.638l0.041 0.077c-0.017-0.029-0.048-0.047-0.083-0.047-0.005 0-0.011 0-0.016 0.001l0.001-0c-2.293 0.403-4.342 1.060-6.256 1.957l0.151-0.064c-0.017 0.007-0.031 0.019-0.040 0.034l-0 0c-2.854 4.041-4.562 9.069-4.562 14.496 0 0.907 0.048 1.802 0.141 2.684l-0.009-0.11c0.003 0.029 0.018 0.053 0.039 0.070l0 0c2.14 1.601 4.628 2.891 7.313 3.738l0.176 0.048c0.008 0.003 0.018 0.004 0.028 0.004 0.032 0 0.060-0.015 0.077-0.038l0-0c0.535-0.72 1.044-1.536 1.485-2.392l0.047-0.1c0.006-0.012 0.010-0.027 0.010-0.043 0-0.041-0.026-0.075-0.062-0.089l-0.001-0c-0.912-0.352-1.683-0.727-2.417-1.157l0.077 0.042c-0.029-0.017-0.048-0.048-0.048-0.083 0-0.031 0.015-0.059 0.038-0.076l0-0c0.157-0.118 0.315-0.24 0.465-0.364 0.016-0.013 0.037-0.021 0.059-0.021 0.014 0 0.027 0.003 0.038 0.008l-0.001-0c2.208 1.061 4.8 1.681 7.536 1.681s5.329-0.62 7.643-1.727l-0.107 0.046c0.012-0.006 0.025-0.009 0.040-0.009 0.022 0 0.043 0.008 0.059 0.021l-0-0c0.15 0.124 0.307 0.248 0.466 0.365 0.023 0.018 0.038 0.046 0.038 0.077 0 0.035-0.019 0.065-0.046 0.082l-0 0c-0.661 0.395-1.432 0.769-2.235 1.078l-0.105 0.036c-0.036 0.014-0.062 0.049-0.062 0.089 0 0.016 0.004 0.031 0.011 0.044l-0-0.001c0.501 0.96 1.009 1.775 1.571 2.548l-0.040-0.057c0.017 0.024 0.046 0.040 0.077 0.040 0.010 0 0.020-0.002 0.029-0.004l-0.001 0c2.865-0.892 5.358-2.182 7.566-3.832l-0.065 0.047c0.022-0.016 0.036-0.041 0.039-0.069l0-0c0.087-0.784 0.136-1.694 0.136-2.615 0-5.415-1.712-10.43-4.623-14.534l0.052 0.078c-0.008-0.016-0.022-0.029-0.038-0.036l-0-0z">
+        </path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/components/GithubLogo.vue b/components/GithubLogo.vue
new file mode 100644
index 0000000..fc6f27c
--- /dev/null
+++ b/components/GithubLogo.vue
@@ -0,0 +1,16 @@
+<template>
+    <svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink">
+        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+            <g id="Dribbble-Light-Preview" transform="translate(-140.000000, -7559.000000)" fill="currentColor">
+                <g id="icons" transform="translate(56.000000, 160.000000)">
+                    <path
+                        d="M94,7399 C99.523,7399 104,7403.59 104,7409.253 C104,7413.782 101.138,7417.624 97.167,7418.981 C96.66,7419.082 96.48,7418.762 96.48,7418.489 C96.48,7418.151 96.492,7417.047 96.492,7415.675 C96.492,7414.719 96.172,7414.095 95.813,7413.777 C98.04,7413.523 100.38,7412.656 100.38,7408.718 C100.38,7407.598 99.992,7406.684 99.35,7405.966 C99.454,7405.707 99.797,7404.664 99.252,7403.252 C99.252,7403.252 98.414,7402.977 96.505,7404.303 C95.706,7404.076 94.85,7403.962 94,7403.958 C93.15,7403.962 92.295,7404.076 91.497,7404.303 C89.586,7402.977 88.746,7403.252 88.746,7403.252 C88.203,7404.664 88.546,7405.707 88.649,7405.966 C88.01,7406.684 87.619,7407.598 87.619,7408.718 C87.619,7412.646 89.954,7413.526 92.175,7413.785 C91.889,7414.041 91.63,7414.493 91.54,7415.156 C90.97,7415.418 89.522,7415.871 88.63,7414.304 C88.63,7414.304 88.101,7413.319 87.097,7413.247 C87.097,7413.247 86.122,7413.234 87.029,7413.87 C87.029,7413.87 87.684,7414.185 88.139,7415.37 C88.139,7415.37 88.726,7417.2 91.508,7416.58 C91.513,7417.437 91.522,7418.245 91.522,7418.489 C91.522,7418.76 91.338,7419.077 90.839,7418.982 C86.865,7417.627 84,7413.783 84,7409.253 C84,7403.59 88.478,7399 94,7399"
+                        id="github-[#142]">
+
+                    </path>
+                </g>
+            </g>
+        </g>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/components/InlineUserWidget.vue b/components/InlineUserWidget.vue
index 385495a..c73cda6 100644
--- a/components/InlineUserWidget.vue
+++ b/components/InlineUserWidget.vue
@@ -2,7 +2,7 @@
     <InlineWidget>
         <div class="inline-flex items-center text-zinc-300 hover:text-white">
             <img :src="userData.image" class="w-5 h-5 rounded-sm" />
-            <span class="ml-2 -mb-1 text-sm">{{ userData.name }}</span>
+            <span class="ml-2 -mb-1 text-sm font-bold">{{ userData.name }}</span>
             <ChevronDownIcon class="ml-3 h-4" />
         </div>
     </InlineWidget>
diff --git a/components/UserFooter.vue b/components/UserFooter.vue
index cf79179..cb9705b 100644
--- a/components/UserFooter.vue
+++ b/components/UserFooter.vue
@@ -8,7 +8,7 @@
                     <p class="text-sm leading-6 text-gray-300">An open-source game distribution platform built for
                         speed, flexibility and beauty.</p>
                     <div class="flex space-x-6">
-                        <a v-for="item in navigation.social" :key="item.name" :href="item.href"
+                        <a v-for="item in navigation.social" :key="item.name" :href="item.href" target="_blank"
                             class="text-gray-500 hover:text-gray-400">
                             <span class="sr-only">{{ item.name }}</span>
                             <component :is="item.icon" class="h-6 w-6" aria-hidden="true" />
@@ -63,7 +63,8 @@
 </template>
 
 <script setup lang="ts">
-import { defineComponent, h } from 'vue'
+import GithubLogo from './GithubLogo.vue';
+import DiscordLogo from './DiscordLogo.vue';
 
 const navigation = {
     solutions: [
@@ -91,74 +92,16 @@ const navigation = {
         { name: 'Terms', href: '#' },
     ],
     social: [
-        {
-            name: 'Facebook',
-            href: '#',
-            icon: defineComponent({
-                render: () =>
-                    h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
-                        h('path', {
-                            'fill-rule': 'evenodd',
-                            d: 'M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z',
-                            'clip-rule': 'evenodd',
-                        }),
-                    ]),
-            }),
-        },
-        {
-            name: 'Instagram',
-            href: '#',
-            icon: defineComponent({
-                render: () =>
-                    h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
-                        h('path', {
-                            'fill-rule': 'evenodd',
-                            d: 'M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z',
-                            'clip-rule': 'evenodd',
-                        }),
-                    ]),
-            }),
-        },
-        {
-            name: 'X',
-            href: '#',
-            icon: defineComponent({
-                render: () =>
-                    h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
-                        h('path', {
-                            d: 'M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z',
-                        }),
-                    ]),
-            }),
-        },
         {
             name: 'GitHub',
-            href: '#',
-            icon: defineComponent({
-                render: () =>
-                    h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
-                        h('path', {
-                            'fill-rule': 'evenodd',
-                            d: 'M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z',
-                            'clip-rule': 'evenodd',
-                        }),
-                    ]),
-            }),
+            href: 'https://github.com/Drop-OSS',
+            icon: GithubLogo,
         },
         {
-            name: 'YouTube',
-            href: '#',
-            icon: defineComponent({
-                render: () =>
-                    h('svg', { fill: 'currentColor', viewBox: '0 0 24 24' }, [
-                        h('path', {
-                            'fill-rule': 'evenodd',
-                            d: 'M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z',
-                            'clip-rule': 'evenodd',
-                        }),
-                    ]),
-            }),
-        },
+            name: "Discord",
+            href: "https://discord.gg/NHx46XKJWA",
+            icon: DiscordLogo
+        }
     ],
 }
 </script>
\ No newline at end of file
diff --git a/components/UserHeader.vue b/components/UserHeader.vue
index c05f8a7..a58743e 100644
--- a/components/UserHeader.vue
+++ b/components/UserHeader.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-gray-950 flex flex-row px-20 py-5">
+    <div class="bg-gray-950 flex flex-row px-48 py-5">
         <div class="grow inline-flex items-center gap-x-20">
             <Wordmark class="h-8" />
             <nav class="inline-flex items-center">
diff --git a/layouts/default.vue b/layouts/default.vue
index c945b2a..8866765 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -6,4 +6,13 @@
         </div>
         <UserFooter />
     </content>
-</template>
\ No newline at end of file
+</template>
+
+<script setup lang="ts">
+useHead({
+    titleTemplate(title) {
+        if (title) return `${title} | Drop`;
+        return `Drop`;
+    },
+})
+</script>
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 4d96c30..c4dc56b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,4 +10,12 @@ export default defineNuxtConfig({
       autoprefixer: {},
     },
   },
+
+  app: {
+    head: {
+      link: [
+        { rel: 'icon', href: '/favicon.ico', }
+      ]
+    }
+  }
 })
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index af9fa97..99393bc 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,3 +1,9 @@
 <template>
 
-</template>
\ No newline at end of file
+</template>
+
+<script setup lang="ts">
+useHead({
+    title: "Home"
+})
+</script>
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index 18993ad91cfd43e03b074dd0b5cc3f37ab38e49c..1e8c767abdb045b4cd8848c21040641f6ee7e1cc 100644
GIT binary patch
literal 765
zcmV<Z0s{R20096203aX$0096X0OtY#02TlM0EtjeM-2)Z3IG5A4M|8uQUCw|AOHXW
zAP5Ek0047(dh`GQ0<K9!K~#90V_*OR8Cg{!Anpd@jX=Da#u#KrBM|d2KrI&p;)g)|
zpU(I)*bz{l)7x?wj%R=d$v`=vivb!h1Lc68q3Zxc_w@fhwY&d&SMT_*V;ey~2goXD
z{dX^3{Xb#J&;JQae?jn)AOD>)=lqwI*PyKfl(a1WhxA+qTN=OU>wk-|y8pIu-T&hk
ze+P^Cw;cPgplU=L2dL=T|BsmZ2y9W<#9RN>jojdJ+EzjTBWFAX%Z2t``>&*7MqLLe
z0u79q@&If>0MM6;Y9<(Jl(nt@hxT6ws|o47@?Sy4fJzRKQ~Mv-ei~wV>j}IDgM1z~
z;U-uuC~?Zjs!{F$`=p6r10$wA0*3^_sM59jA3ggOSdXcHF=Y-=R5$$}JMRP7FkL(1
zvzm!dK3EUPA@ca60>1+sQYM29@~YZKO3DV~z>c$!Q1B}x-vL2g=fQ^PImVLg0Q2A~
zNLr}bNxlPO=Dh<OqNt9U>Iq?G9UHLTs97(_cR)O_gaa8OE2mDf13;xBxWEDyQsjrg
zTq=aX%;)4gAh`PiBnLP|lk5Pqz%sC2P=!Ud102(4fDQ31-$=3p0@_Z3^_m5ilJ5W|
zO^g3=3qC<|f<p|^mYe#Qfc1c)P(js@d<THAU1C3^P?_`Qzoxk_LCf`>;{V6a|45yZ
z5R8F2z`J@o*uYp|XxPU0{FhVG!B8i!qW|A9W7hw;g<rvHU2+zH>k-NwAPZ`QX#RJ}
zT?B7{#LRvB-?!nwf49Pw|J{pL{r7J=0{1lt+a*pQwsAsQgGARp3S1+?TS92qw{Gu$
zEsFqB5-WLaLRCG7{|0WU;H+jEQ2O7%B?;UfAk`eQ9Y96gGblPHjRWX_2#^DKfcVk?
vSiTR4Ibc0xkRuX6K>~^w8e@<h5irXEM&0GCR!?;d00000NkvXXu0mjf=ayML

literal 4286
zcmeHLOKuuL5PjK%MHWVi6lD<!mRb4$mdFuu1m7S&L72}0%nh7nb{xS*IY7K-1~WG>
zOGiR<sv2rs-P1h`ut*jRDypfj@9U}_3E&NVhC}c-e)fS606r6u2w#X;ZXeov|87fL
z!TI})z`sQxSz?%$m}Cpw?WF=YNnu;Mk#t%h*=w(2a7>EbCw`xmFozJ^aNatJY>w+g
ze6a2@u~m#^BZm@8wco9#Crlli0uLb^3E$t2-WIc^#(?t)*@`UpuofJ(Uyh@F>b3Ph
z$D^m8Xq~pTkGJ4Q`Q2)te3mgkWYZ^Ijq|hkiP^9`De={bQQ%heZC$QU2UpP(-tbl8
zPWD2abEew;oat@w`uP3J^YpsgT%~jT(Dk%oU}sa$7|n6hBjDj`+I;RX(>)%<Y^V1u
zxpEJLVzZ2NFGX+1TXChn89VxczG?Ja<o=SJ8n{y5$ezyw`8sz3-<3{&C8oX)|94kh
z+0M_EV^O^m@tH21JEPN_ux%Gy1GUw?U~8Zr)3xvGXUSPO+3I<5aAh6uT<iYgm~_ug
ziEA0#JM$)SV%(oc@>lm_7N{+B7Mu%H?422lE%MBJH!!YTN2oT7xr>>N-8OF$C&qU^
z>vLsa{$0X%q1fjOe3P1mCv#lN{xQ4_*HCSAZjTb1`}mlc+9rl8$B3OP%VT@mch_~G
z7Y+4b{r>9e=M+7vSI;BgB?ryZDY4m>&w<W+!o=%S{hjU42>cHSn81VH1N~`0gvwH{
z8dv#hG|OK`>1;j7tM#B)Z7zDN?{6=dUal}$e<J#b(FPcAa6L9y8G}E@q!eIA^eYgE
GM1KL3x?{8e