commit 3a130ba5a9762ee097b75352098bc05b8f8c9d5b Author: OpenVisor Date: Fri Apr 26 21:56:56 2024 +0200 Initial commit diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 0000000..68d9929 --- /dev/null +++ b/babel.config.js @@ -0,0 +1,6 @@ + +module.exports = { + presets: [ + '@vue/app' + ] +} \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..dfea135 --- /dev/null +++ b/package.json @@ -0,0 +1,31 @@ +{ + "name": "mitoffenemvisier", + "version": "1.0.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build" + }, + "dependencies": { + "vue": "^2.6.7", + "vue-router": "^3.0.2", + "vue-meta": "^2.2.1", + "dangerous-html": "0.1.11" + }, + "devDependencies": { + "@vue/babel-preset-app": "^5.0.8", + "@vue/cli-plugin-babel": "^5.0.4", + "@vue/cli-service": "^5.0.8", + "vue-template-compiler": "^2.6.7" + }, + "postcss": { + "plugins": { + "autoprefixer": {} + } + }, + "browserslist": [ + "> 1%", + "last 2 versions", + "not ie <= 8" + ] +} \ No newline at end of file diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..d280ad1 --- /dev/null +++ b/public/index.html @@ -0,0 +1,46 @@ + + + + + MitOffenemVisier + + + + + + + + + +
+ + + + diff --git a/public/playground_assets/hamburger-200h.png b/public/playground_assets/hamburger-200h.png new file mode 100644 index 0000000..0752c7d Binary files /dev/null and b/public/playground_assets/hamburger-200h.png differ diff --git a/public/playground_assets/logo_mitoffenemvisier_bw_png-200h.png b/public/playground_assets/logo_mitoffenemvisier_bw_png-200h.png new file mode 100644 index 0000000..14b523d Binary files /dev/null and b/public/playground_assets/logo_mitoffenemvisier_bw_png-200h.png differ diff --git a/public/playground_assets/pexels-luca-dross-5976404-1500w.jpg b/public/playground_assets/pexels-luca-dross-5976404-1500w.jpg new file mode 100644 index 0000000..ec4e78b Binary files /dev/null and b/public/playground_assets/pexels-luca-dross-5976404-1500w.jpg differ diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..8688333 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,4 @@ + + \ No newline at end of file diff --git a/src/components/accordion.vue b/src/components/accordion.vue new file mode 100644 index 0000000..44b3510 --- /dev/null +++ b/src/components/accordion.vue @@ -0,0 +1,245 @@ + + + + + diff --git a/src/components/buttons.vue b/src/components/buttons.vue new file mode 100644 index 0000000..2c0a328 --- /dev/null +++ b/src/components/buttons.vue @@ -0,0 +1,79 @@ + + + + + diff --git a/src/components/ein-orden-fr-eine-gute-tat.vue b/src/components/ein-orden-fr-eine-gute-tat.vue new file mode 100644 index 0000000..1d0497c --- /dev/null +++ b/src/components/ein-orden-fr-eine-gute-tat.vue @@ -0,0 +1,131 @@ + + + + + diff --git a/src/components/footer.vue b/src/components/footer.vue new file mode 100644 index 0000000..f594dcb --- /dev/null +++ b/src/components/footer.vue @@ -0,0 +1,120 @@ + + + + + diff --git a/src/components/letzte-gelegenheit-run1.vue b/src/components/letzte-gelegenheit-run1.vue new file mode 100644 index 0000000..09b6421 --- /dev/null +++ b/src/components/letzte-gelegenheit-run1.vue @@ -0,0 +1,107 @@ + + + + + diff --git a/src/components/letzte-gelegenheit-run2.vue b/src/components/letzte-gelegenheit-run2.vue new file mode 100644 index 0000000..297681c --- /dev/null +++ b/src/components/letzte-gelegenheit-run2.vue @@ -0,0 +1,112 @@ + + + + + diff --git a/src/components/letzte-gelegenheit.vue b/src/components/letzte-gelegenheit.vue new file mode 100644 index 0000000..a5eff8c --- /dev/null +++ b/src/components/letzte-gelegenheit.vue @@ -0,0 +1,127 @@ + + + + + diff --git a/src/components/navbar.vue b/src/components/navbar.vue new file mode 100644 index 0000000..caa7662 --- /dev/null +++ b/src/components/navbar.vue @@ -0,0 +1,322 @@ + + + + + diff --git a/src/components/rosenteufel.vue b/src/components/rosenteufel.vue new file mode 100644 index 0000000..4501203 --- /dev/null +++ b/src/components/rosenteufel.vue @@ -0,0 +1,128 @@ + + + + + diff --git a/src/components/ssse-trume.vue b/src/components/ssse-trume.vue new file mode 100644 index 0000000..2c0826e --- /dev/null +++ b/src/components/ssse-trume.vue @@ -0,0 +1,137 @@ + + + + + diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..6bb8fd5 --- /dev/null +++ b/src/main.js @@ -0,0 +1,11 @@ + +import Vue from 'vue' +import App from './App.vue' +import router from './router' + +Vue.config.productionTip = false + +new Vue({ + render: h => h(App), + router +}).$mount('#app') \ No newline at end of file diff --git a/src/router.js b/src/router.js new file mode 100644 index 0000000..e113678 --- /dev/null +++ b/src/router.js @@ -0,0 +1,43 @@ +import Vue from 'vue' +import Router from 'vue-router' +import Meta from 'vue-meta' + +import SsseTrume1 from './views/ssse-trume1' +import EinOrdenFrEineGuteTat1 from './views/ein-orden-fr-eine-gute-tat1' +import LetzteGelegenheit1 from './views/letzte-gelegenheit1' +import Rosenteufel1 from './views/rosenteufel1' +import Home from './views/home' +import './style.css' + +Vue.use(Router) +Vue.use(Meta) +export default new Router({ + mode: 'history', + routes: [ + { + name: 'Ssse-Trume1', + path: '/ssse-trume1', + component: SsseTrume1, + }, + { + name: 'Ein-Orden-fr-eine-gute-Tat1', + path: '/ein-orden-fr-eine-gute-tat1', + component: EinOrdenFrEineGuteTat1, + }, + { + name: 'Letzte-Gelegenheit1', + path: '/letzte-gelegenheit1', + component: LetzteGelegenheit1, + }, + { + name: 'Rosenteufel1', + path: '/rosenteufel1', + component: Rosenteufel1, + }, + { + name: 'Home', + path: '/', + component: Home, + }, + ], +}) diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..6e12de8 --- /dev/null +++ b/src/style.css @@ -0,0 +1,250 @@ +:root { + --dl-color-gray-500: #595959; + --dl-color-gray-700: #999999; + --dl-color-gray-900: #D9D9D9; + --dl-size-size-large: 144px; + --dl-size-size-small: 48px; + --dl-color-danger-300: #A22020; + --dl-color-danger-500: #BF2626; + --dl-color-danger-700: #E14747; + --dl-color-gray-black: #000000; + --dl-color-gray-white: #FFFFFF; + --dl-size-size-medium: 96px; + --dl-size-size-xlarge: 192px; + --dl-size-size-xsmall: 16px; + --dl-space-space-unit: 16px; + --dl-color-primary-100: #003EB3; + --dl-color-primary-300: #0074F0; + --dl-color-primary-500: #14A9FF; + --dl-color-primary-700: #85DCFF; + --dl-color-success-300: #199033; + --dl-color-success-500: #32A94C; + --dl-color-success-700: #4CC366; + --dl-size-size-xxlarge: 288px; + --dl-size-size-maxwidth: 1400px; + --dl-radius-radius-round: 50%; + --dl-space-space-halfunit: 8px; + --dl-space-space-sixunits: 96px; + --dl-space-space-twounits: 32px; + --dl-radius-radius-radius2: 2px; + --dl-radius-radius-radius4: 4px; + --dl-radius-radius-radius8: 8px; + --dl-space-space-fiveunits: 80px; + --dl-space-space-fourunits: 64px; + --dl-space-space-threeunits: 48px; + --dl-space-space-oneandhalfunits: 24px; +} +.button { + cursor: pointer; + display: flex; + transition: 0.3s; + align-items: center; + padding-top: var(--dl-space-space-oneandhalfunits); + padding-left: var(--dl-space-space-twounits); + border-radius: 58px; + padding-right: var(--dl-space-space-twounits); + flex-direction: column; + padding-bottom: var(--dl-space-space-oneandhalfunits); +} +.button:hover { + opacity: 0.5; +} + +.textarea { + color: var(--dl-color-gray-black); + cursor: auto; + padding: 0.5rem; + border-color: var(--dl-color-gray-black); + border-width: 1px; + border-radius: 4px; + background-color: var(--dl-color-gray-white); +} +.list { + width: 100%; + margin: 1em 0px 1em 0px; + display: block; + padding: 0px 0px 0px 1.5rem; + list-style-type: none; + list-style-position: outside; +} +.list-item { + display: list-item; +} +.teleport-show { + display: flex !important; + transform: none !important; +} +.nav-link { + color: #fff; + font-size: 16px; + font-style: Medium; + text-align: left; + transition: 0.3s; + font-family: Poppins; + font-weight: 500; + line-height: normal; + font-stretch: normal; + text-decoration: none; +} +.nav-link:hover { + opacity: 0.5; +} +.get-started { + cursor: pointer; + display: flex; + transition: 0.3s; + align-items: center; + padding-top: var(--dl-space-space-unit); + border-color: transparent; + padding-left: var(--dl-space-space-oneandhalfunits); + border-radius: 58px; + padding-right: var(--dl-space-space-oneandhalfunits); + padding-bottom: var(--dl-space-space-unit); + justify-content: center; + text-decoration: none; + background-color: rgba(42, 42, 42, 1); +} +.get-started:hover { + opacity: 0.5; +} +.avatar { + width: var(--dl-size-size-small); + height: var(--dl-size-size-small); + object-fit: cover; + border-radius: var(--dl-radius-radius-round); +} +.feature { + gap: var(--dl-space-space-halfunit); + flex: 1; + display: flex; + align-items: flex-start; + flex-direction: column; + padding-bottom: var(--dl-space-space-oneandhalfunits); + justify-content: center; +} +.feature-active { + border-color: #80FF44; + border-bottom-width: 4px; +} +.section-head { + color: rgb(128, 255, 68); + font-style: normal; + font-family: Poppins; + font-weight: 500; + line-height: 24px; + letter-spacing: 2px; + text-transform: uppercase; +} +.section-heading { + color: rgb(255, 255, 255); + font-size: 40px; + font-style: normal; + font-family: Poppins; + font-weight: 600; + line-height: 48px; +} +.section-description { + color: rgb(204, 204, 204); + width: 100%; + max-width: 600px; + font-family: Poppins; + line-height: 28px; +} +.accordion-element { + gap: var(--dl-space-space-fiveunits); + width: 100%; + cursor: pointer; + display: flex; + position: relative; + max-width: 600px; + transition: .5s all linear; + align-items: center; + padding-top: var(--dl-space-space-unit); + user-select: none; + border-color: #5A5A5A; + flex-direction: row; + padding-bottom: var(--dl-space-space-unit); + justify-content: center; + border-bottom-width: 1px; +} +.side { + top: 0; + left: 0; + width: 100%; + height: 100%; + position: absolute; + backdrop-filter: blur(130px); +} +.switch { + cursor: pointer; + display: flex; + transition: 0.3s; + align-items: center; + padding-top: var(--dl-space-space-unit); + padding-left: var(--dl-space-space-oneandhalfunits); + border-radius: 48px; + padding-right: var(--dl-space-space-oneandhalfunits); + flex-direction: column; + padding-bottom: var(--dl-space-space-unit); + justify-content: center; + background-color: #0F0F0F; +} +.switch:hover { + opacity: .5; +} +.social { + width: 24px; + cursor: pointer; + height: 24px; + object-fit: cover; + transition: 0.3s; + text-decoration: none; +} +.social:hover { + opacity: 0.5; +} +.footer-header { + color: rgb(255, 255, 255); + width: 100%; + font-size: 20px; + font-style: normal; + font-family: Poppins; + font-weight: 500; + line-height: 30px; +} +.footer-link { + color: rgb(204, 204, 204); + font-size: 14px; + font-family: Poppins; + line-height: 21px; +} +.Heading { + font-size: 32px; + font-family: Inter; + font-weight: 700; + line-height: 1.15; + text-transform: none; + text-decoration: none; +} +.Content { + font-size: 16px; + font-family: Inter; + font-weight: 400; + line-height: 1.15; + text-transform: none; + text-decoration: none; +} + +@media(max-width: 767px) { + .nav-link { + color: black; + } + .accordion-element { + gap: var(--dl-space-space-oneandhalfunits); + } +} +@media(max-width: 479px) { + .accordion-element { + max-width: auto; + } +} diff --git a/src/views/ein-orden-fr-eine-gute-tat1.vue b/src/views/ein-orden-fr-eine-gute-tat1.vue new file mode 100644 index 0000000..be4a648 --- /dev/null +++ b/src/views/ein-orden-fr-eine-gute-tat1.vue @@ -0,0 +1,196 @@ + + + + + diff --git a/src/views/home.vue b/src/views/home.vue new file mode 100644 index 0000000..af99d31 --- /dev/null +++ b/src/views/home.vue @@ -0,0 +1,317 @@ + + + + + diff --git a/src/views/letzte-gelegenheit1.vue b/src/views/letzte-gelegenheit1.vue new file mode 100644 index 0000000..f1f9425 --- /dev/null +++ b/src/views/letzte-gelegenheit1.vue @@ -0,0 +1,580 @@ + + + + + diff --git a/src/views/rosenteufel1.vue b/src/views/rosenteufel1.vue new file mode 100644 index 0000000..77db7f2 --- /dev/null +++ b/src/views/rosenteufel1.vue @@ -0,0 +1,634 @@ + + + + + diff --git a/src/views/ssse-trume1.vue b/src/views/ssse-trume1.vue new file mode 100644 index 0000000..c99eabf --- /dev/null +++ b/src/views/ssse-trume1.vue @@ -0,0 +1,86 @@ + + + + + diff --git a/vue.config.js b/vue.config.js new file mode 100644 index 0000000..4004d04 --- /dev/null +++ b/vue.config.js @@ -0,0 +1,20 @@ +const path = require('path') + +module.exports = { + css: { + loaderOptions: { + css: { + url: false, + }, + }, + }, + chainWebpack: config => { + config.plugin('copy').tap(args => { + const UNESCAPED_GLOB_SYMBOLS_RE = /(\\?)([()*?[\]{|}]|^!|[!+@](?=\())/g; + const publicDir = path.resolve(process.VUE_CLI_SERVICE.context, 'public').replace(/\\/g, '/'); + const escapePublicDir= publicDir.replace(UNESCAPED_GLOB_SYMBOLS_RE, '\\$2'); + args[0].patterns[0].globOptions.ignore = args[0].patterns[0].globOptions.ignore.map(i => i.replace(publicDir, escapePublicDir)); + return args; + }); + } +}; \ No newline at end of file