updated homepage

Author: Barakudum

src/webpage/.vitepress/config.mts

@@ -15,9 +15,20 @@ export default defineConfig({
   head: [
       // favicon
       ['link', { rel: 'icon', type: 'image/svg+xml', href: '/dynapi.svg' }],
+      ['meta', { name: 'theme-color', content: '#6196ff' }],
+      ['meta', { property: 'og:type', content: 'website' }],
+      ['meta', { property: 'og:locale', content: 'en' }],
+      ['meta', { property: 'og:title', content: 'DynAPI | an out-of-the-box Dynamic API for many Databases' }],
+      ['meta', { property: 'og:site_name', content: 'DynAPI' }],
+      ['meta', { property: 'og:image', content: 'https://dynapi.github.io/dynapi.svg' }],
+      ['meta', { property: 'og:url', content: 'https://dynapi.github.io/' }],
   ],
   themeConfig: {
-    logo: '/dynapi.svg',
+    logo: {
+      src: '/dynapi.svg',
+      width: 24,
+      height: 24,
+    },
     socialLinks: [
       { icon: 'github', link: 'https://github.com/DynAPI/org.dynapi.dynapi' },
     ],

src/webpage/.vitepress/nav.mts

@@ -21,7 +21,7 @@ export default <DefaultTheme.NavItem[]>[
             },
             {
                 text: "DynAPI (v1)",
-                link: 'https://github.com/DynAPI/DynAPI',
+                link: 'https://github.com/DynAPI/DynAPI-v1',
                 target: '_blank',
             },
             {
@@ -46,7 +46,7 @@ export default <DefaultTheme.NavItem[]>[
             },
             {
                 text: "org.dynapi:json-schema-gen",
-                link: 'https://github.com/DynAPI/org.dynapi.jsonschemagen',
+                link: 'https://github.com/DynAPI/org.dynapi.json-schema-gen',
                 target: '_blank',
             },
         ]

src/webpage/src/index.md

@@ -1,9 +1,10 @@
 ---
 layout: home
+title: DynAPI | an out-of-the-box Dynamic API for many databases
 
 hero:
   name: "DynAPI"
-  text: "an out-of-the-box <span style=\"color: #6196ff;\">Dyn</span>amic <span style=\"color: #6196ff\">API</span><br>for many Databases"
+  text: "an out-of-the-box <span style=\"color: #6196ff;\">Dyn</span>amic <span style=\"color: #6196ff\">API</span><br>for many databases"
   tagline: currently under development
   image:
     src: /dynapi.svg
@@ -17,7 +18,7 @@ hero:
 #      link: /references
     - theme: alt
       text: DynAPI (V1)
-      link: https://github.com/DynAPI/DynAPI
+      link: https://github.com/DynAPI/DynAPI-v1
     - theme: alt
       text: See on GitHub
       link: https://github.com/DynAPI/org.dynapi.dynapi
@@ -29,12 +30,12 @@ features:
   - title: Secure
     icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/></svg>
     details: With an (optional) builtin User-Control-System you can limit the access to your data or make it publicly available.
+  - title: Full Control
+    icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings-2"><path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
+    details: In case you don't want to reveal your whole database, it is possible to configure which parts are available. This can be combined with the User-Control-System.
   - title: Realtime updates
     icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database-backup"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 12a9 3 0 0 0 5 2.69"/><path d="M21 9.3V5"/><path d="M3 5v14a9 3 0 0 0 6.47 2.88"/><path d="M12 12v4h4"/><path d="M13 20a5 5 0 0 0 9-3 4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L12 16"/></svg>
     details: The moment you make changes to the database it is reflected in the API. No need to restart the Server or wait ages for it to synchronise.
-  - title: Full Control
-    icon: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings-2"><path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
-    details: In case you don't want to reveal your whole database it is possible to configure which parts are available.
 ---
 
 <script setup>
@@ -44,7 +45,13 @@ import { data as databases } from "/data/databases.data.ts";
 import { data as members } from "/data/members.data.ts";
 </script>
 
-<style scoped>
+<style>
+:root {
+  --vp-home-hero-name-color: #6196ff;
+ --vp-home-hero-image-background-image: linear-gradient(#6196ff80, #6196ff80);
+  --vp-home-hero-image-filter: blur(100px);
+}
+
 #dbms-links {
     display: flex;
     justify-content: space-around;
@@ -141,7 +148,7 @@ It can be used to generate simple or complex SQL queries.
 OpenApiSpec can be used to generate [OpenApi-Specification](https://swagger.io/specification/).
 This specification can then be used in combination with [Swagger-UI](https://swagger.io/tools/swagger-ui/) or [ReDoc](https://redocly.com/) to add a beautiful documentation to your Restful API.
 
-### [org.dynapi:json-schema-gen](https://github.com/dynapi/org.dynapi.jsonschemagen)
+### [org.dynapi:json-schema-gen](https://github.com/dynapi/org.dynapi.json-schema-gen)
 
 > Simple json-schema Generation Library