update with nuxt4 for docker-web

2025-08-29 16:08:08 +02:00
parent 2db113a0c5
commit f0e2aa237a
65 changed files with 10747 additions and 22132 deletions
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="mx-6">
+    <header class="h-screen flex flex-col justify-center">
+      <nav class="fixed right-0 top-0 p-2 z-50">
+        <a
+          title="Go to docker-web GitHub repo"
+          href="https://github.com/docker-web/docker-web"
+          target="_blank"
+        >
+          <SvgGithub class="bg-white rounded-full shadow-lg hover:scale-105" />
+        </a>
+      </nav>
+      <HeroTitle client:visible />
+      <HeroButtons client:visible />
+    </header>
+    <main class="-mt-20">
+      <Demo />
+      <Disclaimer />
+      <!-- <Create /> -->
+      <BackupRestore />
+      <ApplicationsList />
+    </main>
+  </div>
+</template>
+
+<style>
+.docker-web-section {
+  @apply flex flex-col md:flex-row items-center justify-center mb-28;
+}
+.title {
+  @apply text-3xl text-center mb-10  uppercase text-transparent bg-clip-text bg-gradient-to-r from-violet-900 to-blue-500;
+}
+.app {
+  @apply bg-black bg-opacity-10 w-20 h-20 p-4 flex-wrap cursor-pointer inline-block rounded-xl transition-all;
+}
+.app--demo {
+  @apply bg-black bg-opacity-10 w-20 h-20 p-4 flex-wrap cursor-pointer inline-block transition-all;
+}
+.app--backup {
+  @apply bg-black bg-opacity-10 w-20 h-20 p-4 flex-wrap cursor-pointer inline-block transition-all;
+}
+</style>