From 5513ee0c799bd116c31526e2090a61edd6da9c6c Mon Sep 17 00:00:00 2001 From: Steve Date: Thu, 28 Mar 2024 10:59:40 +0100 Subject: [PATCH] chore: branding doc --- demo/index.html | 2 +- docs/.vitepress/config.js | 16 ++++++++++------ docs/index.md | 17 +++++++++-------- src/index.html | 2 +- src/sass/kompletr.demo.scss | 4 +++- 5 files changed, 24 insertions(+), 17 deletions(-) diff --git a/demo/index.html b/demo/index.html index e15856c..539e0f6 100644 --- a/demo/index.html +++ b/demo/index.html @@ -2,7 +2,7 @@ - Vanilla autocomplete module - Kømpletr.js + Kømpletr - JS autocomplete diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js index 1b97452..cfafaf1 100644 --- 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 index 7554f36..2cff2f0 100644 --- 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 index f7fb3be..2ab9ae6 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - Kømpletr, 10kb of vanilla lightweight for an autocomplete + Kømpletr - JS autocomplete diff --git a/src/sass/kompletr.demo.scss b/src/sass/kompletr.demo.scss index 2776025..1c54307 100644 --- 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; } } }