commit c04f9e66ca1db3e94878ff0138efbdfa2ac8eec5 Author: webfussel Date: Mon May 20 20:21:14 2024 +0200 INIT diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4a7f73a --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# Nuxt dev/build outputs +.output +.data +.nuxt +.nitro +.cache +dist + +# Node dependencies +node_modules + +# Logs +logs +*.log + +# Misc +.DS_Store +.fleet +.idea + +# Local env files +.env +.env.* +!.env.example diff --git a/Fonts.css b/Fonts.css new file mode 100644 index 0000000..085e519 --- /dev/null +++ b/Fonts.css @@ -0,0 +1,24 @@ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + font-display: swap; + src: url('/opensans.woff2') format('woff2'); +} + +@font-face { + font-family: 'Roboto Condensed'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url('/roboto_con_reg.woff2') format('woff2'); +} + +@font-face { + font-family: 'Roboto Condensed'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('/roboto_con_bold.woff2') format('woff2'); +} diff --git a/Globals.css b/Globals.css new file mode 100644 index 0000000..6081c86 --- /dev/null +++ b/Globals.css @@ -0,0 +1,150 @@ +@import './Fonts.css'; + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +::selection { + background: #6c5ce7; + color: #dfe6e9; +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +::-webkit-scrollbar-button { + display: none; +} + +::-webkit-scrollbar-thumb { + border-radius: 20px; + background: #b2bec3; + transition: var(--transition-time); +} + +::-webkit-scrollbar-track { + border-radius: 20px; + background: rgba(0, 0, 0, 0.3); +} + +::-webkit-scrollbar-corner { + border-radius: 100%; + background: #b2bec3; +} + +:root { + --spacing-standard: 25px; + --transition-time: 250ms; + --radius-standard: 4px; + + --color-white: #ecf0f1; + --color-white-transparent: rgba(236, 240, 241, 0.8); + --color-black: #2a2723; + + --color-orange: #ff9100; + + --color-red: #822419; + --color-green: #236b40; + --color-yellow: #f1c40f; +} + +.label { + font-size: 0.75rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 1px; + border-radius: 999px; + padding: 0.25rem 0.5rem; + text-align: center; +} + +.label.available { + background: var(--color-green); + color: #fff; +} + + +.label.busy { + background: var(--color-yellow); + color: #000; +} + +.label.booked { + background: var(--color-red); + color: #fff; +} + +html, +body { + min-height: 100vh; + width: 100vw; +} + +html { + scroll-behavior: smooth; + overflow-y: overlay; + overflow-x: hidden; + + &.layer { + overflow: hidden; + } +} + +body { + font-family: 'Open Sans', sans-serif; + color: var(--color-white); + background: var(--color-black); +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Roboto Condensed', sans-serif; +} + +h3 { + font-size: 1.5rem; +} + +a { + text-decoration: none; + color: var(--color-link); + transition: var(--transition-time); +} + +.content { + position: relative; + z-index: 100; + min-height: 100vh; + padding: 150px 15vw; + + & h2 { + text-align: left; + } +} + +.z-0 { + box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0); +} + +.z-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +.z-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} + +.z-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.z-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} + +.z-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..f5db2a2 --- /dev/null +++ b/README.md @@ -0,0 +1,75 @@ +# Nuxt 3 Minimal Starter + +Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more. + +## Setup + +Make sure to install the dependencies: + +```bash +# npm +npm install + +# pnpm +pnpm install + +# yarn +yarn install + +# bun +bun install +``` + +## Development Server + +Start the development server on `http://localhost:3000`: + +```bash +# npm +npm run dev + +# pnpm +pnpm run dev + +# yarn +yarn dev + +# bun +bun run dev +``` + +## Production + +Build the application for production: + +```bash +# npm +npm run build + +# pnpm +pnpm run build + +# yarn +yarn build + +# bun +bun run build +``` + +Locally preview production build: + +```bash +# npm +npm run preview + +# pnpm +pnpm run preview + +# yarn +yarn preview + +# bun +bun run preview +``` + +Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information. diff --git a/app.vue b/app.vue new file mode 100644 index 0000000..b9e4ab4 --- /dev/null +++ b/app.vue @@ -0,0 +1,10 @@ +