diff --git a/.vitepress/config.mts b/.vitepress/config.mts index bdd8d15..701c127 100644 --- a/.vitepress/config.mts +++ b/.vitepress/config.mts @@ -1,28 +1,102 @@ import { defineConfig } from 'vitepress' +const projectSidebar = { text: "Project", items: [ + { + text: 'Goal', + link: '/project/goal' + }, + { + text: 'Audience', + link: '/project/audience' + }, + { + title: "Lexicon", + link: "/project/lexicon" + }, + { + text: "Team", + link: "/team" + } +]}; + +const loamaSidebar = { + text: 'Loama', + items: [ + { + text: 'Design', + link: '/loama/design.md' + }, + { + text: 'Development', + link: '/loama/development' + }, + { + text: 'Feedback & Future suggestions', + link: '/loama/feedback' + } + ] +}; + +const mockAppSidebar = { + +} + // https://vitepress.dev/reference/site-config export default defineConfig({ title: "Loama", description: "The documentation & handover website of the LOAMA project", themeConfig: { - // https://vitepress.dev/reference/default-theme-config + logo: '/loama-logo.svg', + socialLinks: [ + { icon: 'github', link: 'https://github.com/osoc24' }, + { icon: 'linkedin', link: 'https://www.linkedin.com/company/open-summer-of-code/posts/?feedView=all' }, + ], + search: { + provider: 'local' + }, nav: [ { text: 'Home', link: '/' }, - { text: 'Examples', link: '/markdown-examples' } - ], - - sidebar: [ - { - text: 'Examples', - items: [ - { text: 'Markdown Examples', link: '/markdown-examples' }, - { text: 'Runtime API Examples', link: '/api-examples' } - ] - } + { text: 'Project', items: [ + { text: 'Why?', link: "/project/goal"}, + { text: 'For who?', link: "/project/audience"}, + ]}, + { text: 'Loama', items: [ + { text: 'Design', link: '/loama/design.md' }, + { text: 'Development', link: '/loama/development' }, + { text: "Feedback", link: "/loama/feedback" } + ]}, + { text: "Mock Apps", items: [ + { text: "MockBook", link: "/toco/mockbook/index"}, + { text: "Docterapp", link: "/toco/doctorapp/index"} + ]} ], - socialLinks: [ - { icon: 'github', link: 'https://github.com/vuejs/vitepress' } - ] + sidebar: { + '/project': [ + projectSidebar, + { + ...loamaSidebar, + collapsed: true + } + + ], + '/loama': [ + { + ...projectSidebar, + collapsed: true + }, + loamaSidebar + ], + '/toco': [ + { + ...projectSidebar, + collapsed: true + }, + { + ...loamaSidebar, + collapsed: true + } + ] + }, } }) diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css index d63aee8..899d0f8 100644 --- a/.vitepress/theme/style.css +++ b/.vitepress/theme/style.css @@ -44,15 +44,31 @@ * -------------------------------------------------------------------------- */ :root { + /** LOAMA Colors */ + --solid-purple: rgb(124, 77, 255); + --solid-purple-50: rgb(124, 77, 255, 0.5); + --sonight-purple: #6200EA; + --soday-purple: #9F7EFF; + --off-black: #170D33; + --off-white: #F7F7F7; + --lama-gray: #DADADA; + --positive-green: #32BC65; + --error-red: rgb(222, 76, 89); + --error-red-50: rgba(222, 76, 89, 0.5); + + /** VP Overrides */ + --vp-c-white: var(--off-white); + --vp-c-black: var(--off-black); + --vp-c-default-1: var(--vp-c-gray-1); --vp-c-default-2: var(--vp-c-gray-2); --vp-c-default-3: var(--vp-c-gray-3); --vp-c-default-soft: var(--vp-c-gray-soft); - --vp-c-brand-1: var(--vp-c-indigo-1); - --vp-c-brand-2: var(--vp-c-indigo-2); - --vp-c-brand-3: var(--vp-c-indigo-3); - --vp-c-brand-soft: var(--vp-c-indigo-soft); + --vp-c-brand-1: var(--solid-purple); + --vp-c-brand-2: var(--soday-purple); + --vp-c-brand-3: var(--sonight-purple); + --vp-c-brand-soft: var(--solid-purple-50); --vp-c-tip-1: var(--vp-c-brand-1); --vp-c-tip-2: var(--vp-c-brand-2); @@ -64,10 +80,10 @@ --vp-c-warning-3: var(--vp-c-yellow-3); --vp-c-warning-soft: var(--vp-c-yellow-soft); - --vp-c-danger-1: var(--vp-c-red-1); + --vp-c-danger-1: var(--error-red); --vp-c-danger-2: var(--vp-c-red-2); --vp-c-danger-3: var(--vp-c-red-3); - --vp-c-danger-soft: var(--vp-c-red-soft); + --vp-c-danger-soft: var(--error-red-50); } /** @@ -94,14 +110,14 @@ --vp-home-hero-name-color: transparent; --vp-home-hero-name-background: -webkit-linear-gradient( 120deg, - #bd34fe 30%, - #41d1ff + var(--sonight-purple) 30%, + var(--soday-purple) ); --vp-home-hero-image-background-image: linear-gradient( -45deg, - #bd34fe 50%, - #47caff 50% + var(--sonight-purple) 50%, + var(--soday-purple) 50% ); --vp-home-hero-image-filter: blur(44px); } diff --git a/api-examples.md b/api-examples.md deleted file mode 100644 index 6bd8bb5..0000000 --- a/api-examples.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -outline: deep ---- - -# Runtime API Examples - -This page demonstrates usage of some of the runtime APIs provided by VitePress. - -The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files: - -```md - - -## Results - -### Theme Data -
{{ theme }}
- -### Page Data -
{{ page }}
- -### Page Frontmatter -
{{ frontmatter }}
-``` - - - -## Results - -### Theme Data -
{{ theme }}
- -### Page Data -
{{ page }}
- -### Page Frontmatter -
{{ frontmatter }}
- -## More - -Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata). diff --git a/markdown-examples.md b/getting-started.md similarity index 100% rename from markdown-examples.md rename to getting-started.md diff --git a/index.md b/index.md index 03a1bf3..85b40cc 100644 --- a/index.md +++ b/index.md @@ -5,14 +5,14 @@ layout: home hero: name: "Loama" text: "The documentation & handover website of the LOAMA project" - tagline: My great project tagline + tagline: Making Solid access easier & understandable actions: - theme: brand - text: Markdown Examples - link: /markdown-examples + text: Introduction + link: /getting-started - theme: alt - text: API Examples - link: /api-examples + text: Meet the team + link: /team features: - title: Feature A diff --git a/loama/design.md b/loama/design.md new file mode 100644 index 0000000..e69de29 diff --git a/loama/development.md b/loama/development.md new file mode 100644 index 0000000..e69de29 diff --git a/loama/feedback.md b/loama/feedback.md new file mode 100644 index 0000000..e69de29 diff --git a/loama/index.md b/loama/index.md new file mode 100644 index 0000000..e69de29 diff --git a/project/audience.md b/project/audience.md new file mode 100644 index 0000000..e69de29 diff --git a/project/goal.md b/project/goal.md new file mode 100644 index 0000000..e69de29 diff --git a/project/lexicon.md b/project/lexicon.md new file mode 100644 index 0000000..e69de29 diff --git a/public/loama-logo.svg b/public/loama-logo.svg new file mode 100644 index 0000000..58446fb --- /dev/null +++ b/public/loama-logo.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/team.md b/team.md new file mode 100644 index 0000000..06ff60c --- /dev/null +++ b/team.md @@ -0,0 +1,37 @@ +--- +layout: page +--- + + + + + + + + + \ No newline at end of file diff --git a/toco/doctorapp/index.md b/toco/doctorapp/index.md new file mode 100644 index 0000000..e69de29 diff --git a/toco/mockbook/index.md b/toco/mockbook/index.md new file mode 100644 index 0000000..e69de29