diff --git a/TODO.todo b/TODO.todo new file mode 100644 index 0000000..acc3af2 --- /dev/null +++ b/TODO.todo @@ -0,0 +1 @@ +TODO Cleanup content folder diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..2d32f6f --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,5 @@ ++++ +date = '{{ .Date }}' +draft = false +title = '{{ replace .File.ContentBaseName `-` ` ` | title }}' ++++ \ No newline at end of file diff --git a/assets/images/startseite/startseite-slide-1.jpg b/assets/images/startseite/startseite-slide-1.jpg new file mode 100644 index 0000000..3b77e63 Binary files /dev/null and b/assets/images/startseite/startseite-slide-1.jpg differ diff --git a/assets/images/startseite/startseite-slide-2.jpg b/assets/images/startseite/startseite-slide-2.jpg new file mode 100644 index 0000000..246c0b9 Binary files /dev/null and b/assets/images/startseite/startseite-slide-2.jpg differ diff --git a/assets/images/startseite/startseite-slide-3.jpg b/assets/images/startseite/startseite-slide-3.jpg new file mode 100644 index 0000000..42c5588 Binary files /dev/null and b/assets/images/startseite/startseite-slide-3.jpg differ diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index 9685904..388a760 100755 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -1 +1,179 @@ -// Add your own custom styles here +.slider-wrapper { + position: relative; + height: 100vh; + width: 100%; + color: #fff; +} + +.slider-wrapper .slider { + position: relative; + height: 100vh; + width: 100%; +} + +.slider-wrapper .slider .slides { + position: absolute; + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + overflow: hidden; + opacity: 0; + transition: 0.3s ease-in-out; +} + +.slider-wrapper .slider .slides.current { + z-index: 1; + opacity: 1; +} + +.slider-wrapper .slider .slides:nth-child(1) { + background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('https://images.pexels.com/photos/2339009/pexels-photo-2339009.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'); + background-size: cover; + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; +} + +.slider-wrapper .slider .slides:nth-child(2) { + background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('https://images.pexels.com/photos/2303337/pexels-photo-2303337.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'); + background-size: cover; + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; +} + +.slider-wrapper .slider .slides:nth-child(3) { + background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('https://images.pexels.com/photos/2346091/pexels-photo-2346091.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'); + background-size: cover; + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; +} + +.slider-wrapper .slider .slides:nth-child(4) { + background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('https://images.pexels.com/photos/1168764/pexels-photo-1168764.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'); + background-size: cover; + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; +} + +.slider-wrapper .slider .slides:nth-child(5) { + background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('https://images.pexels.com/photos/2693529/pexels-photo-2693529.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940'); + background-size: cover; + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; +} + +.slider-wrapper .slider .slides h1 { + font-size: 3em; + font-weight: 600; + text-shadow: 0px 0.5px 12px rgba(0, 0, 0, 0.9); + transition: 0.3s linear; +} + +.slider-wrapper .slider .slides.current h1 { + animation: animateHeading 0.3s linear forwards 1; + animation-delay: 0.2s; + opacity: 0; +} + +@keyframes animateHeading { + to { + opacity: 1; + } +} + +.slider-wrapper .slider .slides p { + text-shadow: 0px 0.5px 5px rgba(0, 0, 0, 0.5); + transition: 0.3s linear; + opacity: 0; +} + +.slider-wrapper .slider .slides.current p { + animation: animateparagraph 0.3s linear forwards 1; + animation-delay: 0.2s; +} + +@keyframes animateparagraph { + to { + opacity: 1; + } +} + +.slider-wrapper .prev { + position: fixed; + color: #fff; + top: 50%; + left: 5%; + transform: translateY(-50%); + z-index: 99; + font-size: 1.5em; + font-weight: 600; + border: 2px solid #fff; + padding: 10px 17px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + transition: 0.2s ease-in-out; + cursor: pointer; + box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.9); +} + +.slider-wrapper .next { + position: fixed; + color: #fff; + top: 50%; + right: 5%; + transform: translateY(-50%); + z-index: 99; + font-size: 1.5em; + font-weight: 600; + border: 2px solid #fff; + padding: 10px 17px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + transition: 0.2s ease-in-out; + cursor: pointer; + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); +} + +.slider-wrapper .prev:hover, +.slider-wrapper .next:hover { + background: #16a085; + border-color: #16a085; +} + +.slider-wrapper a { + position: fixed; + color: #fff; + bottom: 15%; + left: 50%; + transform: translateX(-50%); + z-index: 99; + font-size: 1em; + font-weight: 500; + border: 1px solid #16a; + padding: 10px 17px; + line-height: 1.2em; + display: flex; + align-items: center; + justify-content: center; + border-radius: 2px; + transition: 0.2s ease-in-out; + cursor: pointer; + text-decoration: none; + background: #16a; + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); +} + +.slider-wrapper a:hover { + background: #017f +} \ No newline at end of file diff --git a/content/german/_index.md b/content/german/_index.md index 142c61a..b39b2cd 100755 --- a/content/german/_index.md +++ b/content/german/_index.md @@ -1,7 +1,16 @@ --- +# Hero Slider +heroslider: + - title: "Willkommen auf unserer Homepage!" + image: "/images/startseite/startseite-slide-1.jpg" + - title: "Gemeinsam neue Wege gehen." + image: "/images/startseite/startseite-slide-2.jpg" + - title: "Administration optimieren, Zeit gewinnen." + image: "/images/startseite/startseite-slide-3.jpg" + # Banner banner: - title: "The Ultimate Starter Template You Need To Start Your Hugo Project" + title: "Das ultimative Starter Template " content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time." image: "/images/banner.png" button: diff --git a/content/german/_index_bak.md b/content/german/_index_bak.md new file mode 100755 index 0000000..142c61a --- /dev/null +++ b/content/german/_index_bak.md @@ -0,0 +1,53 @@ +--- +# Banner +banner: + title: "The Ultimate Starter Template You Need To Start Your Hugo Project" + content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time." + image: "/images/banner.png" + button: + enable: true + label: "Get Started For Free" + link: "https://github.com/zeon-studio/hugoplate" + +# Features +features: + - title: "What's Included in Hugoplate" + image: "/images/service-1.png" + content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate" + bulletpoints: + - "10+ Pre-build pages" + - "95+ Google Pagespeed Score" + - "Build with Hugo and TailwindCSS for easy and customizable styling" + - "Fully responsive on all devices" + - "SEO-optimized for better search engine rankings" + - "**Open-source and free** for personal and commercial use" + button: + enable: false + label: "Get Started Now" + link: "#" + + - title: "Discover the Key Features Of Hugo" + image: "/images/service-2.png" + content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:" + bulletpoints: + - "Zero JS, by default: No JavaScript runtime overhead to slow you down." + - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from." + - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more." + button: + enable: true + label: "Get Started Now" + link: "https://github.com/zeon-studio/hugoplate" + + - title: "The Top Reasons to Choose Hugo for Your Hugo Project" + image: "/images/service-3.png" + content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use." + bulletpoints: + - "Instantly load static sites for better user experience and SEO." + - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze." + - "Use any front-end library or framework, or build custom components, for any project size." + - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards." + button: + enable: false + label: "" + link: "" +--- diff --git a/content/german/bestellung/online-testversion.md b/content/german/bestellung/online-testversion.md new file mode 100644 index 0000000..8211e61 --- /dev/null +++ b/content/german/bestellung/online-testversion.md @@ -0,0 +1,9 @@ ++++ +date = '2024-02-15T08:28:44Z' +draft = false +title = 'Online Testversion' ++++ + +# Lorem ipsum + +Sea ea est voluptua sanctus ipsum et labore kasd. Voluptua dolores magna eos diam dolor, et nonumy sit no amet. \ No newline at end of file diff --git a/themes/hugoplate/layouts/index.html b/themes/hugoplate/layouts/index.html index 9057e5f..d496596 100755 --- a/themes/hugoplate/layouts/index.html +++ b/themes/hugoplate/layouts/index.html @@ -1,5 +1,28 @@ +{{/* Home Template File */}} {{ define "main" }} + +
+
+
+ {{ range $i, $e:= .Params.heroslider }} +
+
+
+
+

+ {{ .title | markdownify }} +

+
+
+
+
+ {{ end }} +
+
+
+ + {{ with .Params.banner }}
diff --git a/themes/hugoplate/layouts/partials/essentials/head.html b/themes/hugoplate/layouts/partials/essentials/head.html index a14796b..4eca71e 100755 --- a/themes/hugoplate/layouts/partials/essentials/head.html +++ b/themes/hugoplate/layouts/partials/essentials/head.html @@ -1,3 +1,4 @@ +{{/* TODO - Read and understand this file */}}