diff --git a/.gitignore b/.gitignore index 37ad66e..b6a0645 100644 --- a/.gitignore +++ b/.gitignore @@ -30,3 +30,5 @@ coverage *.tsbuildinfo /public +/src/assets/fonts +/src/assets/images \ No newline at end of file diff --git a/bun.lock b/bun.lock index c27bc12..3e3e1f7 100644 --- a/bun.lock +++ b/bun.lock @@ -353,7 +353,7 @@ "muggle-string": ["muggle-string@0.4.1", "", {}, "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ=="], - "nanoid": ["nanoid@3.3.10", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-vSJJTG+t/dIKAUhUDw/dLdZ9s//5OxcHqLaDWWrW4Cdq7o6tdLIczUkMXt2MBNmk6sJRZBZRXVixs7URY1CmIg=="], + "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="], "node-releases": ["node-releases@2.0.19", "", {}, "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="], @@ -449,7 +449,7 @@ "yoctocolors": ["yoctocolors@2.1.1", "", {}, "sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ=="], - "@vue/devtools-core/nanoid": ["nanoid@5.1.4", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-GTFcMIDgR7tqji/LpSY8rtg464VnJl/j6ypoehYnuGb+Y8qZUdtKB8WVCXon0UEZgFDbuUxpIl//6FHLHgXSNA=="], + "@vue/devtools-core/nanoid": ["nanoid@5.1.5", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw=="], "cross-spawn/which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="], diff --git a/index.html b/index.html index 9e5fc8f..7b97a63 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,20 @@ - - - - - - Vite App - - -
- - - + + + + + + + + + + + banii cafe + + + +
+ + + + \ No newline at end of file diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index df36fcf..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/src/App.vue b/src/App.vue index 7905b05..a8d9d0e 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,85 +1,60 @@ diff --git a/src/assets/base.css b/src/assets/base.css deleted file mode 100644 index 8816868..0000000 --- a/src/assets/base.css +++ /dev/null @@ -1,86 +0,0 @@ -/* color palette from */ -:root { - --vt-c-white: #ffffff; - --vt-c-white-soft: #f8f8f8; - --vt-c-white-mute: #f2f2f2; - - --vt-c-black: #181818; - --vt-c-black-soft: #222222; - --vt-c-black-mute: #282828; - - --vt-c-indigo: #2c3e50; - - --vt-c-divider-light-1: rgba(60, 60, 60, 0.29); - --vt-c-divider-light-2: rgba(60, 60, 60, 0.12); - --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65); - --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48); - - --vt-c-text-light-1: var(--vt-c-indigo); - --vt-c-text-light-2: rgba(60, 60, 60, 0.66); - --vt-c-text-dark-1: var(--vt-c-white); - --vt-c-text-dark-2: rgba(235, 235, 235, 0.64); -} - -/* semantic color variables for this project */ -:root { - --color-background: var(--vt-c-white); - --color-background-soft: var(--vt-c-white-soft); - --color-background-mute: var(--vt-c-white-mute); - - --color-border: var(--vt-c-divider-light-2); - --color-border-hover: var(--vt-c-divider-light-1); - - --color-heading: var(--vt-c-text-light-1); - --color-text: var(--vt-c-text-light-1); - - --section-gap: 160px; -} - -@media (prefers-color-scheme: dark) { - :root { - --color-background: var(--vt-c-black); - --color-background-soft: var(--vt-c-black-soft); - --color-background-mute: var(--vt-c-black-mute); - - --color-border: var(--vt-c-divider-dark-2); - --color-border-hover: var(--vt-c-divider-dark-1); - - --color-heading: var(--vt-c-text-dark-1); - --color-text: var(--vt-c-text-dark-2); - } -} - -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - font-weight: normal; -} - -body { - min-height: 100vh; - color: var(--color-text); - background: var(--color-background); - transition: - color 0.5s, - background-color 0.5s; - line-height: 1.6; - font-family: - Inter, - -apple-system, - BlinkMacSystemFont, - 'Segoe UI', - Roboto, - Oxygen, - Ubuntu, - Cantarell, - 'Fira Sans', - 'Droid Sans', - 'Helvetica Neue', - sans-serif; - font-size: 15px; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} diff --git a/src/assets/logo.svg b/src/assets/logo.svg deleted file mode 100644 index 7565660..0000000 --- a/src/assets/logo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/assets/main.css b/src/assets/main.css index 36fb845..798cfce 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,35 +1,68 @@ -@import './base.css'; - -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - font-weight: normal; +@font-face { + font-family: 'vcr_osd_mono'; + src: url('./fonts/vcr_osd_mono-webfont.woff2') format('woff2'), + url('./fonts/vcr_osd_mono-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; } -a, -.green { - text-decoration: none; - color: hsla(160, 100%, 37%, 1); - transition: 0.4s; - padding: 3px; +@font-face { + font-family: 'easvhsregular'; + src: url('./fonts/easvhs-webfont.woff2') format('woff2'), + url('./fonts/easvhs-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; } -@media (hover: hover) { - a:hover { - background-color: hsla(160, 100%, 37%, 0.2); - } +body { + background-image: url(/bg.webp); + background-size: 256px; + + font-family: "easvhsregular"; + color: #fefefe; + + padding: 2em; + padding-bottom: 4em; } -@media (min-width: 1024px) { - body { - display: flex; - place-items: center; - } +@keyframes marquee { + 0% { + transform: translate3d(0, 0, 0); + } - #app { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0 2rem; - } + 100% { + transform: translate3d(-50%, 0, 0); + } } + +@keyframes billboard { + 0% { + transform: translate3d(100%, 0, 0); + } + + 25% { + transform: translate3d(0%, 0, 0); + } + + 75% { + transform: translate3d(0%, 0, 0); + } + + 100% { + transform: translate3d(-100%, 0, 0); + } +} + +.highlight { + color: rgba(222, 222, 108, 1); +} +.warning { + color: #cc4c4c; +} +.info { + color: #00fffa; +} + +.font { + font-family: "vcr_osd_mono"; +} \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index d174cf8..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - - - diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue deleted file mode 100644 index ae6eec3..0000000 --- a/src/components/TheWelcome.vue +++ /dev/null @@ -1,94 +0,0 @@ - - - diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue deleted file mode 100644 index 6d7086a..0000000 --- a/src/components/WelcomeItem.vue +++ /dev/null @@ -1,87 +0,0 @@ - - - diff --git a/src/components/bannerbar.vue b/src/components/bannerbar.vue new file mode 100644 index 0000000..efa3d28 --- /dev/null +++ b/src/components/bannerbar.vue @@ -0,0 +1,31 @@ + + + + + \ No newline at end of file diff --git a/src/components/blinkiebar.vue b/src/components/blinkiebar.vue new file mode 100644 index 0000000..717c4f6 --- /dev/null +++ b/src/components/blinkiebar.vue @@ -0,0 +1,31 @@ + + + + + \ No newline at end of file diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue deleted file mode 100644 index 2dc8b05..0000000 --- a/src/components/icons/IconCommunity.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue deleted file mode 100644 index 6d4791c..0000000 --- a/src/components/icons/IconDocumentation.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue deleted file mode 100644 index c3a4f07..0000000 --- a/src/components/icons/IconEcosystem.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue deleted file mode 100644 index 7452834..0000000 --- a/src/components/icons/IconSupport.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue deleted file mode 100644 index 660598d..0000000 --- a/src/components/icons/IconTooling.vue +++ /dev/null @@ -1,19 +0,0 @@ - - diff --git a/src/components/marqueebar.vue b/src/components/marqueebar.vue new file mode 100644 index 0000000..dc4efbc --- /dev/null +++ b/src/components/marqueebar.vue @@ -0,0 +1,38 @@ + + + + + \ No newline at end of file diff --git a/src/components/navbar.vue b/src/components/navbar.vue new file mode 100644 index 0000000..5772596 --- /dev/null +++ b/src/components/navbar.vue @@ -0,0 +1,197 @@ + + + \ No newline at end of file diff --git a/src/components/quotebanner.vue b/src/components/quotebanner.vue new file mode 100644 index 0000000..0d8e84c --- /dev/null +++ b/src/components/quotebanner.vue @@ -0,0 +1,41 @@ + + + + + \ No newline at end of file diff --git a/src/components/stamps.vue b/src/components/stamps.vue new file mode 100644 index 0000000..12ae594 --- /dev/null +++ b/src/components/stamps.vue @@ -0,0 +1,28 @@ + + + \ No newline at end of file diff --git a/src/components/underconstruction.vue b/src/components/underconstruction.vue new file mode 100644 index 0000000..f50778d --- /dev/null +++ b/src/components/underconstruction.vue @@ -0,0 +1,29 @@ + + \ No newline at end of file diff --git a/src/components/wantedposter.vue b/src/components/wantedposter.vue new file mode 100644 index 0000000..eff6c34 --- /dev/null +++ b/src/components/wantedposter.vue @@ -0,0 +1,146 @@ + + + \ No newline at end of file diff --git a/src/components/welcometitle.vue b/src/components/welcometitle.vue new file mode 100644 index 0000000..ce98291 --- /dev/null +++ b/src/components/welcometitle.vue @@ -0,0 +1,35 @@ + + + + + diff --git a/src/router/index.ts b/src/router/index.ts index 3e49915..cf15ff3 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -1,5 +1,9 @@ import { createRouter, createWebHistory } from 'vue-router' -import HomeView from '../views/HomeView.vue' + +import HomeView from '@/views/HomeView.vue' +import SocialsView from '@/views/SocialsView.vue' +import PetsView from '@/views/PetsView.vue' +import PortfolioView from '@/views/PortfolioView.vue' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), @@ -10,13 +14,28 @@ const router = createRouter({ component: HomeView, }, { - path: '/about', - name: 'about', - // route level code-splitting - // this generates a separate chunk (About.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import('../views/AboutView.vue'), + path: '/socials', + name: 'socials', + component: SocialsView, }, + { + path: '/pets', + name: 'pets', + component: PetsView, + }, + { + path: '/portfolio', + name: 'portfolio', + component: PortfolioView, + }, + // { + // path: '/about', + // name: 'about', + // // route level code-splitting + // // this generates a separate chunk (About.[hash].js) for this route + // // which is lazy-loaded when the route is visited. + // component: () => import('../views/AboutView.vue'), + // }, ], }) diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue deleted file mode 100644 index 756ad2a..0000000 --- a/src/views/AboutView.vue +++ /dev/null @@ -1,15 +0,0 @@ - - - diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index d5c0217..928efcf 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,9 +1,35 @@ + - + \ No newline at end of file diff --git a/src/views/PetsView.vue b/src/views/PetsView.vue new file mode 100644 index 0000000..0bf0604 --- /dev/null +++ b/src/views/PetsView.vue @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/src/views/PortfolioView.vue b/src/views/PortfolioView.vue new file mode 100644 index 0000000..0bf0604 --- /dev/null +++ b/src/views/PortfolioView.vue @@ -0,0 +1,8 @@ + + + \ No newline at end of file diff --git a/src/views/SocialsView.vue b/src/views/SocialsView.vue new file mode 100644 index 0000000..0bf0604 --- /dev/null +++ b/src/views/SocialsView.vue @@ -0,0 +1,8 @@ + + + \ No newline at end of file