Update import instructions & update favicon

Author: uncor3

pages/import/index.vue

@@ -7,12 +7,10 @@
       <ol class="list-decimal list-inside">
         <li>Copy the server address below</li>
         <li>
-          Click on run shortcut if you have not installed the shortcut or click
-          on open shortcut if you have already installed it
-        </li>
-        <li>
-          Run the shortcut it will import whatever you selected from the App
+          Click on 'Import and Run Shortcut' if you have not installed the
+          shortcut or click on 'Run Shortcut' if you have already installed it
         </li>
+        <li>Shortcut will import whatever you selected from the App</li>
       </ol>
     </div>
     <div

pages/index.vue

@@ -1,46 +1,71 @@
-<template>HELLOO</template>
-<style>
-/* * {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
+<template>
+  <div class="flex flex-col">
+    <div class="flex flex-col items-center justify-center gap-2">
+      <h1 class="text-3xl font-bold">iDescriptor</h1>
+      <span
+        >A free, open-source, and cross-platform iDevice management tool
+      </span>
+    </div>
+    <img
+      src="https://github.com/iDescriptor/iDescriptor/blob/main/resources/repo/crossplatform.png?raw=true"
+    />
 
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
-    Ubuntu, Cantarell, sans-serif;
-  min-height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #242424;
-}
-
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-} */
-</style>
+    <div class="flex flex-wrap justify-center gap-2 mt-4">
+      <a href="https://github.com/iDescriptor/iDescriptor/blob/main/LICENSE">
+        <img
+          alt="GitHub"
+          src="https://img.shields.io/github/license/iDescriptor/iDescriptor"
+        />
+      </a>
+      <a href="https://github.com/iDescriptor/iDescriptor/issues">
+        <img
+          src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat"
+          alt="CodeFactor"
+        />
+      </a>
+      <a
+        href="https://github.com/iDescriptor/iDescriptor/actions/workflows/build.yml"
+        rel="nofollow"
+      >
+        <img
+          src="https://img.shields.io/github/actions/workflow/status/iDescriptor/iDescriptor/build-linux.yml?branch=main&logo=Github"
+          alt="Build"
+        />
+      </a>
+      <a href="https://github.com/iDescriptor/iDescriptor/tags" rel="nofollow">
+        <img
+          alt="GitHub tag (latest SemVer pre-release)"
+          src="https://img.shields.io/github/v/tag/iDescriptor/iDescriptor?include_prereleases&label=version"
+        />
+      </a>
+      <img
+        alt="Platform"
+        src="https://img.shields.io/badge/Platform-Windows%20%7C%20macOS%20%7C%20Linux-blue.svg"
+      />
+      <img
+        alt="Language"
+        src="https://img.shields.io/badge/C++-20-hotpink.svg"
+      />
+      <img alt="Qt" src="https://img.shields.io/badge/Qt-6-brightgreen.svg" />
+      <a href="https://github.com/iDescriptor/iDescriptor/releases">
+        <img
+          src="https://img.shields.io/badge/AppImage-available-brightgreen"
+          alt="AppImage"
+        />
+      </a>
+      <a href="https://aur.archlinux.org/packages/idescriptor-git">
+        <img
+          src="https://img.shields.io/badge/Arch_AUR-available-brightgreen"
+          alt="AppImage"
+        />
+      </a>
+    </div>
+    <a
+      href="https://github.com/iDescriptor/iDescriptor/releases/latest"
+      class="inline-block px-6 py-3 m-4 text-base text-white no-underline transition-colors duration-200 bg-blue-500 border-none rounded-lg cursor-pointer hover:bg-blue-700"
+      >Get iDescriptor</a
+    >
+    <div class="mt-[30rem]">//TODO</div>
+  </div>
+</template>
+<style></style>