Skip to content

Commit

Permalink
Add the landing page for KitOps (#49)
Browse files Browse the repository at this point in the history
* Add the landing page

* Update Footer.vue
  • Loading branch information
javisperez authored Feb 28, 2024
1 parent 7d89b51 commit 0cb1a56
Show file tree
Hide file tree
Showing 47 changed files with 1,733 additions and 110 deletions.
42 changes: 23 additions & 19 deletions docs/.vitepress/config.mts
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import { URL, fileURLToPath } from 'node:url'

import { defineConfig } from 'vitepress'

// https://vitepress.dev/reference/site-config
Expand Down Expand Up @@ -32,19 +34,12 @@ export default defineConfig({
provider: 'local'
},

// lastUpdated: {
// text: 'Updated at',
// formatOptions: {
// dateStyle: 'full',
// timeStyle: 'medium'
// }
// },

// Top navigation
nav: [
{ text: 'Why KitOps?', activeMatch: `^/#whykitops`, link: '/#whykitops' },
{ text: 'How does it work?', activeMatch: `^/#howdoesitwork`, link: '/#howdoesitwork' },
{ text: 'Docs', activeMatch: `^/docs`, link: '/docs/overview' },
{ text: 'Guides', activeMatch: `^/guides`, link: '/guides/index' },
{ text: 'Feed', activeMatch: `^/feed`, link: '/feed' },
// { text: 'Blog', activeMatch: `^/blog`, link: '/blog' },
],

// Sidebar nav
Expand Down Expand Up @@ -110,26 +105,35 @@ export default defineConfig({
],

socialLinks: [
{
icon: 'discord',
link: 'https://discord.gg/XzSmtPn3'
},
{
icon: 'github',
link: 'https://github.com/jozu-ai/kitops'
},
{
icon: {
svg: '<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" fill="none"><path d="M5.25 6.18281L27.8658 0L50.4817 6.18281V56C50.4817 56 38.4113 49.8172 27.8658 49.8172C17.3204 49.8172 5.25 56 5.25 56V6.18281Z" fill="#075550"></path><path d="M17.7325 25.3151C16.0439 25.3151 14.701 24.9033 13.7039 24.0796C12.7068 23.256 12.0393 22.1577 11.7016 20.7849L15.1995 19.501C15.296 19.9532 15.4408 20.3973 15.6338 20.8334C15.8428 21.2533 16.1162 21.6005 16.454 21.8751C16.8078 22.1496 17.2339 22.2869 17.7325 22.2869C18.5366 22.2869 19.1478 22.0366 19.5659 21.5359C20.0001 21.0191 20.2172 20.1147 20.2172 18.8226V8.84161H24.0288V18.8226C24.0288 20.8414 23.49 22.4323 22.4125 23.5951C21.351 24.7418 19.791 25.3151 17.7325 25.3151Z" fill="#3febe0"></path><path d="M35.6325 25.3346C33.9921 25.3346 32.5447 24.9873 31.2903 24.2928C30.0359 23.5984 29.0548 22.6213 28.3472 21.3615C27.6396 20.1018 27.2858 18.6321 27.2858 16.9524C27.2858 15.2728 27.6396 13.8031 28.3472 12.5433C29.0548 11.2836 30.0359 10.3065 31.2903 9.61202C32.5447 8.91755 33.9921 8.57031 35.6325 8.57031C37.289 8.57031 38.7445 8.91755 39.9989 9.61202C41.2533 10.3065 42.2344 11.2836 42.942 12.5433C43.6657 13.8031 44.0275 15.2728 44.0275 16.9524C44.0275 18.6321 43.6657 20.1018 42.942 21.3615C42.2344 22.6213 41.2533 23.5984 39.9989 24.2928C38.7445 24.9873 37.289 25.3346 35.6325 25.3346ZM35.6325 22.1852C36.4206 22.1852 37.1443 21.9914 37.8037 21.6038C38.463 21.2 38.9857 20.6105 39.3717 19.8353C39.7738 19.0601 39.9748 18.0991 39.9748 16.9524C39.9748 15.8057 39.7738 14.8448 39.3717 14.0696C38.9857 13.2943 38.463 12.7129 37.8037 12.3253C37.1443 11.9215 36.4206 11.7197 35.6325 11.7197C34.8606 11.7197 34.1449 11.9215 33.4855 12.3253C32.8262 12.7129 32.2954 13.2943 31.8934 14.0696C31.5074 14.8448 31.3144 15.8057 31.3144 16.9524C31.3144 18.0991 31.5074 19.0601 31.8934 19.8353C32.2954 20.6105 32.8262 21.2 33.4855 21.6038C34.1449 21.9914 34.8606 22.1852 35.6325 22.1852Z" fill="#3febe0"></path><path d="M12.2334 44.8154V41.8841L20.363 32H12.5952V28.6326H25.3083V31.5639L17.2511 41.4481H25.6702V44.8154H12.2334Z" fill="#3febe0"></path><path d="M35.6017 45.0735C33.0768 45.0735 31.2836 44.4679 30.2221 43.2566C29.1768 42.0453 28.6541 40.1961 28.6541 37.7089V28.6H32.4656V38.0238C32.4656 38.8152 32.538 39.5097 32.6827 40.1072C32.8436 40.6887 33.1491 41.1409 33.5994 41.4639C34.0497 41.7869 34.7172 41.9484 35.6017 41.9484C36.4862 41.9484 37.1456 41.7869 37.5798 41.4639C38.0301 41.1409 38.3277 40.6887 38.4724 40.1072C38.6332 39.5097 38.7136 38.8152 38.7136 38.0238V28.6H42.5252V37.7089C42.5252 40.1961 41.9944 42.0453 40.933 43.2566C39.8716 44.4679 38.0945 45.0735 35.6017 45.0735Z" fill="#3febe0"></path></svg>'
},
link: 'https://jozu.com',
ariaLabel: 'JOzu Website'
}
],
/*
footer: {
license: {
text: 'MIT License',
link: 'https://opensource.org/licenses/MIT'
},
copyright: `Copyright © ${new Date().getFullYear()} Jozu`
}
*/
},

vite: {
resolve: {
alias: [
// Override the footer with out custom footer
{
find: /^.*\/VPFooter\.vue$/,
replacement: fileURLToPath(
new URL('./theme/components/Footer.vue', import.meta.url)
)
}
]
}
}
})
148 changes: 148 additions & 0 deletions docs/.vitepress/theme/assets/css/fonts.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,148 @@
@font-face {
font-family: 'Titillium Web';
font-weight: 200;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-ExtraLight.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 200;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-ExtraLightItalic.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 300;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-Light.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 300;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-LightItalic.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 400;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-Regular.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 400;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-Italic.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 600;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-SemiBold.ttf) format('truetype');
}
@font-face {
font-family: 'Titillium Web';
font-weight: 600;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-SemiBoldItalic.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 700;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Titillium Web';
font-weight: 700;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-BoldItalic.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 800;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-ExtraBold.ttf) format('truetype');
}
@font-face {
font-family: 'Titillium Web';
font-weight: 800;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-ExtraBoldItalic.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 900;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-Black.ttf) format('truetype');
}

@font-face {
font-family: 'Titillium Web';
font-weight: 900;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/titillium-web/TitilliumWeb-BlackItalic.ttf) format('truetype');
}

@font-face {
font-family: 'Atkinson Hyperlegible';
font-weight: 400;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Regular.ttf) format('truetype');
}

@font-face {
font-family: 'Atkinson Hyperlegible';
font-weight: 400;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Italic.ttf) format('truetype');
}

@font-face {
font-family: 'Atkinson Hyperlegible';
font-weight: 700;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Bold.ttf) format('truetype');
}

@font-face {
font-family: 'Atkinson Hyperlegible';
font-weight: 700;
font-style: italic;
font-display: swap;
src: local('Rubik'), url(/fonts/atkinson-hyperlegible/AtkinsonHyperlegible-BoldItalic.ttf) format('truetype');
}

@font-face {
font-family: 'Major Mono Display';
font-weight: 400;
font-style: normal;
font-display: swap;
src: local('Rubik'), url(/fonts/major-mono-display/MajorMonoDisplay-Regular.ttf) format('truetype');
}
166 changes: 166 additions & 0 deletions docs/.vitepress/theme/assets/css/home.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,166 @@
.VPHome h1 {
@apply font-heading text-off-white;
}

.VPHome h2,
.VPHome h3 {
@apply font-brand text-off-white;
}

.VPHome h3 {
@apply text-gold;
}

.VPHome h4 {
@apply font-heading text-salmon;
}

h1 {
@apply font-extralight;

/* Fonts/Mobile/H1 */
font-size: 48px;
line-height: 54px; /* 112.5% */
letter-spacing: -0.6px;

/* Fonts/Tablet/H1 */
@media screen(md) {
font-size: 72px;
line-height: 82px; /* 113.889% */
letter-spacing: -0.6px;
}

@media screen(xl) {
/* Fonts/Desktop/H1 */
font-size: 96px;
line-height: 122px; /* 127.083% */
letter-spacing: -0.6px;
}
}

h2 {
@apply font-normal;

/* Fonts/Mobile/H2 */
font-size: 30px;
line-height: 37px; /* 123.333% */
letter-spacing: -0.6px;

@media screen(md) {
/* Fonts/Tablet/H2 */
font-size: 40px;
line-height: 54px; /* 135% */
letter-spacing: -0.6px;
}

@media screen(xl) {
/* Fonts/Desktop/H2 */
font-size: 48px;
line-height: 68px; /* 141.667% */
letter-spacing: -0.6px;
}
}

h3 {
@apply font-normal;

/* Fonts/Mobile/H3 */
font-size: 28px;
font-weight: 400;
line-height: 38px; /* 135.714% */
letter-spacing: -0.6px;

@media screen(md) {
/* Fonts/Tablet/H3 */
font-size: 32px;
font-weight: 400;
line-height: 38px; /* 118.75% */
letter-spacing: -0.6px;
}

@media screen(xl) {
/* Fonts/Desktop/H3 */
font-size: 38px;
font-weight: 400;
line-height: 46px; /* 121.053% */
letter-spacing: -0.6px;
}
}

h4 {
@apply font-normal;

/* Fonts/Mobile/H4 */
font-size: 24px;
font-weight: 275;
line-height: 30px; /* 125% */
letter-spacing: -0.6px;

@media screen(md) {
/* Fonts/Tablet/H4 */
font-size: 28px;
font-weight: 275;
line-height: 34px; /* 121.429% */
letter-spacing: -0.6px;
}

@media screen(xl) {
/* Fonts/Desktop/H4 */
font-size: 32px;
font-weight: 275;
line-height: 48px; /* 150% */
letter-spacing: -0.6px;
}
}

.p1 {
@apply text-off-white;

/* Fonts/Mobile/P1 */
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */

@media screen(md) {
/* Fonts/Tablet/P1 */
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 145.455% */
}

@media screen(xl) {
/* Fonts/Desktop/P1 */
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 150% */
}
}

.p2 {
@apply text-off-white;

/* Fonts/Mobile/P2 */
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */

@media screen(md) {
/* Fonts/Tablet/P2 */
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 164.706% */
}

@media screen(xl) {
/* Fonts/Desktop/P2 */
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 160% */
}
}
Loading

0 comments on commit 0cb1a56

Please sign in to comment.