feat: logo

README.md

@@ -1,8 +1,19 @@
-# Qrs
+<br>
 
-Stream data through multiple QRCodes, a bit like this meme:
+<p align="center">
+  <img height="150px" src="public/logo.svg">
+</p>
 
+<h1 align="center">Qrs</h1>
+
+<p align="center">
+Stream data through multiple QRCodes
+</p>
+
+<blockquote align="center">
+<p>a bit like this meme:</p>
 <img alt="Install Windows using QR Codes" src="public/install-windows-using-a-qr-code.jpeg" width="250px">
+</blockquote>
 
 ## Usage
 

app/constants/index.ts

@@ -1,2 +1,2 @@
-export const appName = 'Vitesse for Nuxt 3'
-export const appDescription = 'Vitesse for Nuxt 3'
+export const appName = 'Qrs'
+export const appDescription = 'Stream data through multiple QRCodes'

app/layouts/default.vue

@@ -1,21 +1,25 @@
 <template>
   <main h-full>
     <div flex flex-col gap-4 px-4 pb-4 pt-4>
-      <div flex gap-10>
-        <h1 text-4xl>
+      <div flex items-center gap-2 text-4xl>
+        <img src="/logo.svg" alt="Qrs" size-1em>
+        <h1>
           Qrs
         </h1>
-        <a href="https://github.com/qqrss/qrs" target="_blank" cursor-pointer text-3xl op50 hover:text-blue hover:op100>
-          <div i-carbon:logo-github />
-        </a>
       </div>
-      <div h-full flex gap-5>
-        <NuxtLink op70 hover="text-blue" duration-300 transition="all ease-in-out" to="/" active-class="!op100">
+      <div h-full flex gap-8>
+        <NuxtLink op70 hover="text-blue" duration-300 transition="all ease-in-out" to="/" active-class="!op100" flex="~ items-center gap-1">
+          <span i-carbon-upload inline-block />
           Transfer
         </NuxtLink>
-        <NuxtLink op70 hover="text-blue" duration-300 transition="all ease-in-out" to="/scan" active-class="!op100">
+        <NuxtLink op70 hover="text-blue" duration-300 transition="all ease-in-out" to="/scan" active-class="!op100" flex="~ items-center gap-1">
+          <span i-carbon-download inline-block />
           Receive
         </NuxtLink>
+
+        <a href="https://github.com/qqrss/qrs" target="_blank" op70 hover="text-blue" duration-300 transition="all ease-in-out" flex="~ items-center gap-1">
+          <span i-carbon:logo-github inline-block /><span>GitHub</span>
+        </a>
       </div>
     </div>
     <slot />

nuxt.config.ts

@@ -46,7 +46,7 @@ export default defineNuxtConfig({
       viewport: 'width=device-width,initial-scale=1',
       link: [
         { rel: 'icon', href: '/favicon.ico', sizes: 'any' },
-        { rel: 'icon', type: 'image/svg+xml', href: '/nuxt.svg' },
+        { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' },
         { rel: 'apple-touch-icon', href: '/apple-touch-icon.png' },
       ],
       meta: [