chore: branding doc

steve-lebleu · Mar 28, 2024 · 5513ee0 · 5513ee0
1 parent 66a4a63
commit 5513ee0
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 17 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -2,7 +2,7 @@
 <html>
 
   <head lang="en">
-    <title>Vanilla autocomplete module - Kømpletr.js</title>
+    <title>Kømpletr - JS autocomplete</title>
 
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
@@ -4,13 +4,18 @@ import { tabsMarkdownPlugin } from 'vitepress-plugin-tabs'
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   title: "Kømpletr",
-  description: "A vanilla JS autocomplete library",
+  description: "JS autocomplete library",
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
+    logo: {
+      light: 'https://cdn.konfer.be/images/kompletr/logo-kompletr-dark.png',
+      dark: 'https://cdn.konfer.be/images/kompletr/logo-kompletr-light.png'
+    },
+    siteTitle: false,
     nav: [
       { text: 'Home', link: '/' },
       { text: 'Guide', link: '/guide' },
-      { text: 'Demo', link: '/demo' },
+      { text: 'Demo', link: 'https://kompletr.konfer.be' },
     ],
 
     sidebar: {
@@ -48,13 +53,12 @@ export default defineConfig({
 
     socialLinks: [
       { icon: 'github', link: 'https://github.com/steve-lebleu/kompletr' },
-      { icon: 'npm', link: 'https://github.com/steve-lebleu/kompletr' },
-      { icon: 'slack', link: 'https://github.com/steve-lebleu/kompletr' },
+      { icon: 'npm', link: 'https://www.npmjs.com/package/kompletr' },
     ],
 
     footer: {
-      message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2019-present Evan You'
+      message: 'Released under the GPL License.',
+      copyright: 'Copyright © 2024-present Konfer'
     }
   },
   markdown: {

diff --git a/docs/index.md b/docs/index.md
@@ -3,33 +3,34 @@
 layout: home
 
 hero:
-  name: "Kømpletr"
-  text: "JS auto-complete"
-  tagline: 10kb of vanilla lightweight to add highly featured autocompletion on your pages.
+  text: "JS autocomplete"
+  tagline: 10kb of vanilla lightweight for a simple & efficient autocomplete
+  image:
+    light: 'https://cdn.konfer.be/images/kompletr/logo-kompletr-dark.png'
+    dark: 'https://cdn.konfer.be/images/kompletr/logo-kompletr-light.png'
   actions:
     - theme: brand
       text: Demo
-      link: /demo
+      link: https://kompletr.konfer.be
     - theme: alt
       text: Getting started
       link: /guide
-
 features:
   - icon: ✨
     title: Light
     details: Less than 10kb of Vanilla
   - icon: 🚀
     title: Performant
-    details: Faster than the rabbit
+    details: Faster than the white rabbit
   - icon: 🍃
     title: Eco friendly
-    details: What else ?
+    details: What else ?!
   - icon: 🌍
     title: Accessible
     details: ARIA and WAG
   - icon: ⚡
     title: Highly featured
-    details: A lot of options
+    details: Options and so on
   - icon: 🤘
     title: Compatible
     details: ESM, CommonJS, UMD and AMD 

diff --git a/src/index.html b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 
 <head>
-    <title>Kømpletr, 10kb of vanilla lightweight for an autocomplete</title>
+    <title>Kømpletr - JS autocomplete</title>
 
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

diff --git a/src/sass/kompletr.demo.scss b/src/sass/kompletr.demo.scss
@@ -14,10 +14,12 @@ header {
 
     a {
       color: #333;
-      text-decoration: none;
+      text-decoration: underline;
+      font-size: 0.9rem;
       transition: all 0.4s ease-in-out;
       &:hover {
         color: #444;
+        text-decoration: none;
       }
     }
   }