alles neu
This commit is contained in:
parent
2f9893f99d
commit
6ccbeb9007
SSH key fingerprint:
SHA256:KFkwZzDracWAjmHqmcEMriW2i/8qe9LcXBGY2UFyQe4
106 changed files with 2380 additions and 725 deletions
|
|
@ -3,3 +3,9 @@ title = '{{ replace .File.ContentBaseName "-" " " | title }}'
|
|||
date = {{ .Date }}
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# {{ replace .File.ContentBaseName "-" " " | title }}
|
||||
|
||||
``Hier der Inhalt``
|
||||
|
||||
{{% /section %}}
|
||||
|
|
|
|||
0
data/.gitignore → assets/.gitignore
vendored
0
data/.gitignore → assets/.gitignore
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 444 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
|
|
@ -1,10 +0,0 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"*": [
|
||||
"../themes/mainpage_v2_theme/assets/*"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +1,86 @@
|
|||
+++
|
||||
author = "Hugo Authors"
|
||||
title = ''
|
||||
date = 2024-05-27T23:02:54+02:00
|
||||
draft = true
|
||||
+++
|
||||
|
||||
{{% section id="vanilla.parts" %}}
|
||||
# vanilla.parts
|
||||
## Möbelteile zur Selbstmontage
|
||||
![Rendering vanilla.parts]()
|
||||
Was brauchst du in deinem Camper? Bis zu vier Schlafplätze und fahrtauglich gesicherten Stauraum? Eine praktische, optimierte Küchenzeile? Extra Platz für Kinder beim Familien-Camping?
|
||||
|
||||
Unsere aktuellen Bausätze für den Fiat Ducato L4H2 bieten dir jede Menge Möglichkeiten – inklusive wertvoller Tipps und Tricks in der detailliert bebilderten Aufbauanleitung.
|
||||
|
||||
**Stay tuned**: Weitere Möbelteile (auch für andere Fahrzeugtypen) befinden sich gerade in der Entwicklung.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{{% attention id="vorteile" %}}
|
||||
## Deine wichtigsten Vorteile
|
||||
|
||||
Unsere **vanilla.parts** ermöglichen es dir, deine ganz persönliche **camper experience** selbst zu gestalten. So wird aus einem anonymen Van oder Kastenwagen **dein Camper**.
|
||||
|
||||
### kostengünstig
|
||||
|
||||
Du sparst ohnehin schon durch den Selbstausbau deines Campers. Dank unserer vorgefertigten vanilla.parts zahlst du obendrein nichts für überschüssige Materialien, Verschnitt, spezielle Werkzeuge oder Gerätemiete. Und das Beste: du sparst Nerven und Zeit.
|
||||
|
||||
### passgenau
|
||||
|
||||
Unsere aktuellen Bausätze für den **Fiat Ducato L4H2** sind alle professionell designt, maßgefertigt und erprobt. Mit hochwertiger Qualität schaffen wir die solide Basis, damit du sofort mit deinem Wunsch-Ausbau beginnen kannst, ohne eigenes Fachwissen, Fehlversuche oder Frust.
|
||||
|
||||
### individualisierbar
|
||||
|
||||
Fertig-Bausatz heißt nicht Einheitsbrei! Du kannst alle vanilla.parts nach deinen Wünschen farbig streichen, folieren, beleuchten oder anderweitig verfeinern. So bleibst du flexibel und bist aktiv an der Gestaltung deines vantastischen Camping-Erlebnisses beteiligt.
|
||||
{{% /attention %}}
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
{{% section id="selbstmontage" %}}
|
||||
# Selbstmontage
|
||||
## Selber aufbauen, Kosten sparen
|
||||
|
||||
![Handwerkzeuge]()
|
||||
Statt fertig montierte Produkte zu liefern, bieten wir unsere Möbelteile in Form von günstigeren Bausätzen an, die in flachen, logistisch optimieren Paketen ausgeliefert werden. Das kennst du bereits von großen Möbelhausketten: Alle Teilstücke kommen samt umfänglicher Anleitung, komplettem Montagematerial und einer Liste der benötigten Werkzeuge direkt zu dir.
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
|
||||
|
||||
{{% section id="bestellung" %}}
|
||||
# Bestellung
|
||||
## Von der Auswahl bis zur Abfahrt
|
||||
|
||||
Schön, dass du dich für **vanilla.parts** interessierst! Nutze gern unser Anfrageformular, um dir ein unverbindliches Angebot zu deiner Auswahl erstellen zu lassen. Wenn dir unser Angebot zusagt, kommt der Vertrag zustande und wir schicken deine Wunsch-Teile in die individuelle Fertigung. Geliefert werden unsere Bausätze zum Selbstaufbau in der Regel binnen acht Wochen – und schon kann dein Camper-Ausbau in Eigenregie Fahrt aufnehmen. Was uns besonders freuen würde? Ein cooles Foto von der ersten Reise deines fertigen Campers mit #vanillaparts auf Instagram.
|
||||
|
||||
[Anfrage stellen](#)
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
|
||||
|
||||
{{% section %}}
|
||||
# vanilla.engineering
|
||||
## Leidenschaft und Erfahrung
|
||||
|
||||
![Portrait Edgar]()
|
||||
Hi, mein Name ist **Edgar Grüner**. Ich bin Schreinermeister, Gründer von vanilla.engineering und habe mehr als zehn Jahre Erfahrung in der Konstruktion von Möbeln für bewegte Räume. Auf Yachten und in Fahrzeugen umrunden meine Ideen die Welt – immer angepasst an die jeweiligen Anforderungen unterwegs.
|
||||
|
||||
[mehr über vanilla.engineering](/unternehmen)
|
||||
{{% /section %}}
|
||||
|
||||
{{% section id="kontakt"%}}
|
||||
## So erreichst du uns:
|
||||
{{< kontaktinfo >}}
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
{{% section id="kontakt"%}}
|
||||
## So erreichst du uns:
|
||||
{{< kontaktinfo >}}
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,25 +1,11 @@
|
|||
+++
|
||||
title = "About"
|
||||
description = "Hugo, the world's fastest framework for building websites"
|
||||
date = "2019-02-28"
|
||||
aliases = ["about-us", "about-hugo", "contact"]
|
||||
author = "Hugo Authors"
|
||||
title = 'About'
|
||||
date = 2024-05-29T17:52:59+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# About
|
||||
|
||||
Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
|
||||
``Hier der Inhalt``
|
||||
|
||||
Hugo makes use of a variety of open source projects including:
|
||||
|
||||
* https://github.com/yuin/goldmark
|
||||
* https://github.com/alecthomas/chroma
|
||||
* https://github.com/muesli/smartcrop
|
||||
* https://github.com/spf13/cobra
|
||||
* https://github.com/spf13/viper
|
||||
|
||||
Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
|
||||
|
||||
Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.
|
||||
|
||||
Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
|
||||
|
||||
Learn more and contribute on [GitHub](https://github.com/gohugoio).
|
||||
{{% /section %}}
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
date: 2019-05-28
|
||||
type: section
|
||||
layout: "archives"
|
||||
---
|
||||
18
content/bausatz-anfragen.md
Normal file
18
content/bausatz-anfragen.md
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
+++
|
||||
title = 'Bausatz anfragen'
|
||||
date = 2024-05-28T13:05:03+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# Bausatz anfragen
|
||||
|
||||
![Bild Einzelteile schwebend]()
|
||||
|
||||
Wir freuen uns sehr, dass dir unsere **vanilla.parts** gefallen!
|
||||
Hier wirst du demnächst unser Bestellformular finden.
|
||||
|
||||
In der Zwischenzeit bitten wir dich uns eine [E-Mail](mailto:mail@vanilla.engineering) mit den gewünschten Modulen und deinem Fahrzeugtyp zu schicken.
|
||||
|
||||
Willst du mehr erfahren? Hier geht es zu allen Informationen der [vanilla.parts](/vanilla-parts)!
|
||||
|
||||
{{% /section %}}
|
||||
11
content/blog/_index.md
Normal file
11
content/blog/_index.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = 'Blog'
|
||||
date = 2024-05-29T01:06:50+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# Blog
|
||||
|
||||
´´Hier der Inhalt``
|
||||
|
||||
{{% /section %}}
|
||||
11
content/fahrzeuge.md
Normal file
11
content/fahrzeuge.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = 'Fahrzeuge'
|
||||
date = 2024-05-29T17:51:20+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# Fahrzeuge
|
||||
|
||||
``Hier der Inhalt``
|
||||
|
||||
{{% /section %}}
|
||||
24
content/gruender.md
Normal file
24
content/gruender.md
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
+++
|
||||
title = 'Gruender'
|
||||
date = 2024-05-29T01:04:13+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# Gründer & Geschäftsführer
|
||||
## Edgar Grüner
|
||||
|
||||
![Portrait Edgar]()
|
||||
|
||||
## Hi,
|
||||
mein Name ist **Edgar Grüner**. Ich bin Schreinermeister, Gründer von *vanilla.engineering* und habe mehr als zehn Jahre Erfahrung in der Konstruktion von Möbeln für bewegte Räume. Auf Yachten und in Fahrzeugen umrunden meine Ideen die Welt – immer angepasst an die jeweiligen Anforderungen unterwegs.
|
||||
{{% /section %}}
|
||||
{{% section %}}
|
||||
**So erreichst Du mich direkt:**
|
||||
|
||||
E-Mail: eg@vanilla.engineering
|
||||
|
||||
Telefon: [+49 162 9071723](tel:+491629071723) (auch über SIGNAL)
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
---
|
||||
title: 'Our Difference'
|
||||
button: 'About us'
|
||||
weight: 2
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, et essent mediocritatem quo, choro volumus oporteat an mei. Ipsum dolor sit amet, et essent mediocritatem quo.
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
---
|
||||
headless: true
|
||||
---
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
---
|
||||
title: 'We Help Business Grow'
|
||||
button: 'Our Work'
|
||||
weight: 1
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, et essent mediocritatem quo, choro volumus oporteat an mei. Numquam dolores mel eu, mea docendi omittantur et, mea ea duis erat. Elit melius cu ius. Per ex novum tantas putant, ei his nullam aliquam apeirian. Aeterno quaestio constituto sea an, no eum intellegat assueverit.
|
||||
14
content/kontakt.md
Normal file
14
content/kontakt.md
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
+++
|
||||
title = 'Kontakt'
|
||||
date = 2024-05-29T01:34:22+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# Kontakt
|
||||
## So erreichst du uns
|
||||
{{< kontaktinfo >}}
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
+++
|
||||
title = "vanilla.parts"
|
||||
description = "Hugo, the world's fastest framework for building websites"
|
||||
date = "2019-02-28"
|
||||
aliases = ["about-us", "about-hugo", "contact"]
|
||||
author = "Hugo Authors"
|
||||
+++
|
||||
|
||||
Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
|
||||
|
||||
Hugo makes use of a variety of open source projects including:
|
||||
|
||||
* https://github.com/yuin/goldmark
|
||||
* https://github.com/alecthomas/chroma
|
||||
* https://github.com/muesli/smartcrop
|
||||
* https://github.com/spf13/cobra
|
||||
* https://github.com/spf13/viper
|
||||
|
||||
Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
|
||||
|
||||
Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.
|
||||
|
||||
Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
|
||||
|
||||
Learn more and contribute on [GitHub](https://github.com/gohugoio).
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
+++
|
||||
aliases = ["posts", "articles", "blog", "showcase", "docs"]
|
||||
title = "Posts"
|
||||
author = "Hugo Authors"
|
||||
tags = ["index"]
|
||||
+++
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Emoji Support"
|
||||
date = "2019-03-05"
|
||||
description = "Guide to emoji usage in Hugo"
|
||||
tags = [
|
||||
"emoji",
|
||||
]
|
||||
+++
|
||||
|
||||
Emoji can be enabled in a Hugo project in a number of ways.
|
||||
<!--more-->
|
||||
The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
|
||||
|
||||
To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
|
||||
|
||||
<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
|
||||
<br>
|
||||
|
||||
The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
|
||||
|
||||
***
|
||||
|
||||
**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
|
||||
|
||||
{{< highlight html >}}
|
||||
.emoji {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
}
|
||||
{{< /highlight >}}
|
||||
|
||||
{{< css.inline >}}
|
||||
<style>
|
||||
.emojify {
|
||||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||||
font-size: 2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@media screen and (max-width:650px) {
|
||||
.nowrap {
|
||||
display: block;
|
||||
margin: 25px 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{{< /css.inline >}}
|
||||
|
|
@ -1,148 +0,0 @@
|
|||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Markdown Syntax Guide"
|
||||
date = "2019-03-11"
|
||||
description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
|
||||
tags = [
|
||||
"markdown",
|
||||
"css",
|
||||
"html",
|
||||
]
|
||||
categories = [
|
||||
"themes",
|
||||
"syntax",
|
||||
]
|
||||
series = ["Themes Guide"]
|
||||
aliases = ["migrate-from-jekyl"]
|
||||
+++
|
||||
|
||||
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
|
||||
<!--more-->
|
||||
|
||||
## Headings
|
||||
|
||||
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
||||
|
||||
# H1
|
||||
## H2
|
||||
### H3
|
||||
#### H4
|
||||
##### H5
|
||||
###### H6
|
||||
|
||||
## Paragraph
|
||||
|
||||
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Blockquotes
|
||||
|
||||
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
|
||||
|
||||
#### Blockquote without attribution
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Note** that you can use *Markdown syntax* within a blockquote.
|
||||
|
||||
#### Blockquote with attribution
|
||||
|
||||
> Don't communicate by sharing memory, share memory by communicating.<br>
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
|
||||
|
||||
## Tables
|
||||
|
||||
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
|
||||
|
||||
Name | Age
|
||||
--------|------
|
||||
Bob | 27
|
||||
Alice | 23
|
||||
|
||||
#### Inline Markdown within tables
|
||||
|
||||
| Italics | Bold | Code |
|
||||
| -------- | -------- | ------ |
|
||||
| *italics* | **bold** | `code` |
|
||||
|
||||
## Code Blocks
|
||||
|
||||
#### Code block with backticks
|
||||
|
||||
```html
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
#### Code block indented with four spaces
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
#### Code block with Hugo's internal highlight shortcode
|
||||
{{< highlight html >}}
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
{{< /highlight >}}
|
||||
|
||||
## List Types
|
||||
|
||||
#### Ordered List
|
||||
|
||||
1. First item
|
||||
2. Second item
|
||||
3. Third item
|
||||
|
||||
#### Unordered List
|
||||
|
||||
* List item
|
||||
* Another item
|
||||
* And another item
|
||||
|
||||
#### Nested list
|
||||
|
||||
* Fruit
|
||||
* Apple
|
||||
* Orange
|
||||
* Banana
|
||||
* Dairy
|
||||
* Milk
|
||||
* Cheese
|
||||
|
||||
## Other Elements — abbr, sub, sup, kbd, mark
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||
|
||||
Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
|
||||
|
||||
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
---
|
||||
author: Hugo Authors
|
||||
title: Math Typesetting
|
||||
date: 2019-03-08
|
||||
description: A brief guide to setup KaTeX
|
||||
math: true
|
||||
---
|
||||
|
||||
Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
|
||||
<!--more-->
|
||||
|
||||
In this example we will be using [KaTeX](https://katex.org/)
|
||||
|
||||
- Create a partial under `/layouts/partials/math.html`
|
||||
- Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally.
|
||||
- Include the partial in your templates like so:
|
||||
|
||||
```bash
|
||||
{{ if or .Params.math .Site.Params.math }}
|
||||
{{ partial "math.html" . }}
|
||||
{{ end }}
|
||||
```
|
||||
|
||||
- To enable KaTex globally set the parameter `math` to `true` in a project's configuration
|
||||
- To enable KaTex on a per page basis include the parameter `math: true` in content files
|
||||
|
||||
**Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html)
|
||||
|
||||
{{< math.inline >}}
|
||||
{{ if or .Page.Params.math .Site.Params.math }}
|
||||
<!-- KaTeX -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
|
||||
{{ end }}
|
||||
{{</ math.inline >}}
|
||||
|
||||
### Examples
|
||||
|
||||
{{< math.inline >}}
|
||||
<p>
|
||||
Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
|
||||
</p>
|
||||
{{</ math.inline >}}
|
||||
|
||||
Block math:
|
||||
$$
|
||||
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
|
||||
$$
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Placeholder Text"
|
||||
date = "2019-03-09"
|
||||
description = "Lorem Ipsum Dolor Si Amet"
|
||||
tags = [
|
||||
"markdown",
|
||||
"text",
|
||||
]
|
||||
+++
|
||||
|
||||
Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
|
||||
|
||||
1. Exierant elisi ambit vivere dedere
|
||||
2. Duce pollice
|
||||
3. Eris modo
|
||||
4. Spargitque ferrea quos palude
|
||||
|
||||
Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.
|
||||
|
||||
1. Comas hunc haec pietate fetum procerum dixit
|
||||
2. Post torum vates letum Tiresia
|
||||
3. Flumen querellas
|
||||
4. Arcanaque montibus omnes
|
||||
5. Quidem et
|
||||
|
||||
# Vagus elidunt
|
||||
|
||||
<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
|
||||
|
||||
[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
|
||||
|
||||
## Mane refeci capiebant unda mulcebat
|
||||
|
||||
Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
|
||||
|
||||
Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
|
||||
|
||||
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.
|
||||
|
||||
{{< css.inline >}}
|
||||
<style>
|
||||
.canon { background: white; width: 100%; height: auto; }
|
||||
</style>
|
||||
{{< /css.inline >}}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Rich Content"
|
||||
date = "2019-03-10"
|
||||
description = "A brief description of Hugo Shortcodes"
|
||||
tags = [
|
||||
"shortcodes",
|
||||
"privacy",
|
||||
]
|
||||
+++
|
||||
|
||||
Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
||||
<!--more-->
|
||||
---
|
||||
|
||||
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
---
|
||||
headless: true
|
||||
---
|
||||
xcbxc
|
||||
29
content/unternehmen.md
Normal file
29
content/unternehmen.md
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
+++
|
||||
title = 'Unternehmen'
|
||||
date = 2024-05-29T01:05:34+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# vanilla.engineering
|
||||
## Unsere Erfahrung, Dein Erlebnis
|
||||
|
||||
![Edgar vor der Werkstatt]()
|
||||
Schön, dass du zu uns gefunden hast! Wir sind vanilla.engineering, ein junges Startup aus Dresden, das für dich Möbelbausätze zum Camperausbau entwickelt. Mit fundiertem Schreinerwissen, digitalen Planungstools und jeder Menge Praxiserfahrung entstehen maßgenaue vanilla.parts, die wir in Serienreife durch unseren professionellen Partnerbetrieb anfertigen lassen und als logistisch optimiertes Flatpack an dich versenden.
|
||||
|
||||
Wir sind die ersten am Markt, die dir Selbstbausätze zum Camperausbau in dieser Art anbieten können und arbeiten fleißig an neuen Modellen und Ideen.
|
||||
|
||||
Immer unser Ziel dabei: Wir wollen für dich erschwingliche, anpassbare und qualitativ hochwertige Lösungen kreieren, sodass du dein ideales Camping-Erlebnis selbst gestalten kannst.
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
{{% section %}}
|
||||
# Edgar Grüner
|
||||
## Aus Dresden rund um die Welt
|
||||
|
||||
„Was braucht man, um Campermöbel zu entwickeln, die haargenau ins Fahrzeug passen, sicher an der Karosserie befestigt werden und durch unsere Kunden leicht aufgebaut werden können? Ja, richtig: ein Faible für Holz, gute Nerven, Ausdauer und kreatives Um-die-Ecke-Denken. Kommen da noch ein Meistertitel im Schreinerhandwerk, über zehn Jahre Erfahrung im Ausbau von Yachten und Campern sowie der gewisse Blick für’s große Ganze hinzu, habt ihr eine ziemlich gute Beschreibung von Edgar.“
|
||||
|
||||
Seit 2023 ist Edgar Grüner mit seinem Startup vanilla.engineering unterwegs und steckt sein umfangreiches Fachwissen in die Entwicklung der neuartigen vanilla.parts. An den Designs und Konstruktionsplänen tüftelt er in der Regel am Rande der Dresdner Neustadt. Getestet und verfeinert wird dann in einer professionell ausgestatteten Werkstatt in Frankenberg bei Chemnitz. Dresden ist somit Hauptquartier und „Kinderstube“ für sämtliche vanilla-Ideen, die später in Vans und Kastenwagen auf Weltreise gehen.
|
||||
|
||||
Und warum eigentlich vanilla? „Ganz einfach“, erklärt Edgar: „Denk mal ans Eis. Vanille ist eine solide Geschmacksrichtung: zuverlässig, einfach, du weißt, was du bekommst – ohne viel Schnickschnack. Gleichzeitig ist Vanille aber auch die geniale Basis für richtig guten Geschmack: mit Frucht oder Schoko, Nüssen, Streuseln, Sauce – you name it. Und so ist das auch bei vanilla.engineering: Wir bauen für dich die optimierte Basis, du verfeinerst, ganz wie es dir gefällt.“
|
||||
|
||||
{{% /section %}}
|
||||
167
content/vanilla-parts.md
Normal file
167
content/vanilla-parts.md
Normal file
|
|
@ -0,0 +1,167 @@
|
|||
+++
|
||||
title = 'Vanilla Parts'
|
||||
date = 2024-05-29T14:37:48+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# vanilla.parts
|
||||
## Möbelteile zur Selbstmontage
|
||||
|
||||
![Bild Alle parts]()
|
||||
Unsere **vanilla.parts** sind optimierte Selbstbausätze für deinen eigenständigen Camperausbau. Du erhältst vorproduzierte, passgenaue Möbelteile, die du mit einfachen Handwerkzeugen ganz leicht selbst montierst. Eine detailliert bebilderte Aufbauanleitung begleitet dich Schritt für Schritt. vanilla.parts werden computergestützt designt und produziert, sodass sie perfekt in die gängigen Fahrzeugtypen passen und sicher an der Karosserie befestigt werden können. Unsere komplette Serie für den **Ducato / Jumper / Boxer** beinhaltet vier unabhängige Module, die getrennt voneinander eingebaut werden können:
|
||||
|
||||
- [Main Bed](#main-bed)
|
||||
- [Kids Bed](#kids-bed)
|
||||
- [Storage](#storage)
|
||||
- [Kitchen](#kitchen)
|
||||
|
||||
{{% attention %}}
|
||||
## Alle Vorteile von vanilla.parts
|
||||
|
||||
{{% details "flexibel und zeitsparend" %}}
|
||||
Du kannst die DIY-Montage deiner **vanilla.parts** zeitlich individuell gestalten, egal ob als entspanntes Freizeitprojekt oder als zielstrebige Aktion mit schnellem Fortschritt.
|
||||
Durch die Montage in Eigenleistung verkürzen sich die Lieferzeiten deiner Möbelteile.
|
||||
Unsere vorgefertigten vanilla.parts und die bebilderte Aufbauanleitung verringern deine Montagezeit.
|
||||
Du brauchst aktuell noch kein Kids Bed? Kein Problem, baue es einfach später ein.
|
||||
{{% /details%}}
|
||||
|
||||
|
||||
{{% details "selbsterklärend" %}}
|
||||
Für den Einbau deiner **vanilla.parts** benötigst du kein handwerkliches Profiwissen, sondern Freude am Selbstaufbau. Alles darüber hinaus steht in unserer detailliert bebilderten Anleitung.
|
||||
Du brauchst dich nicht mit der sicheren Konstruktion von passgenauen Möbeln auskennen, das übernehmen wir für dich.
|
||||
Du benötigst selbst keine umfassenden Kenntnisse über rechtliche Vorgaben für die Zulassung von Campingmobilen.
|
||||
{{% /details%}}
|
||||
|
||||
|
||||
{{% details "einfaches Werkzeug" %}}
|
||||
Beim Einbau von **vanilla.parts** verwendest du einfache, gebräuchliche Handwerkzeuge.
|
||||
Du musst keine teuren Werkzeuge und komplizierten Maschinen anschaffen, mieten oder bedienen können.
|
||||
Du benötigst keinen Zugang zu einer Werkstatt mit Spezialwerkzeugen.
|
||||
Wir übernehmen die Beschaffung von passendem Baumaterial und liefern dir auch alles Zubehör für den Einbau.
|
||||
Jeder Bestellung von **vanilla.parts** liegt eine Auflistung der benötigten Werkzeuge bei.
|
||||
{{% /details%}}
|
||||
|
||||
|
||||
{{% details "kostengünstig" %}}
|
||||
Durch die Eigenleistung beim Einbau deiner **vanilla.parts** sparst du Montagekosten und wirst nebenbei zum Experten für deinen Campervan.
|
||||
Unser logistisch optimierter Versand in flachen Paketen reduziert Transportkosten.
|
||||
Dank unserer vorgefertigten **vanilla.parts** zahlst du nichts für überschüssige Materialien, Verschnitt, spezielle Werkzeuge oder Gerätemiete.
|
||||
Mit unseren Bausätzen vermeidest du Fehlplanungen oder falsche Bearbeitung – und somit unerwartete Mehrausgaben.
|
||||
Alle Bausätze für einen Fahrzeugtyp sind aufeinander abgestimmt und können auch zeitversetzt montiert werden. So kannst du die Initialkosten verringern und deinen Ausbau jederzeit fortsetzen, wie es dein Budget ermöglicht.
|
||||
{{% /details%}}
|
||||
|
||||
|
||||
{{% details "passgenau" %}}
|
||||
Deine **vanilla.parts** sind optimal an die Fahrzeugkarosserie angepasste Bausätze: professionell designt, maßgefertigt und erprobt.
|
||||
Mit hochwertiger Qualität schaffen wir die solide Basis, damit du sofort mit deinem Wunsch-Ausbau beginnen kannst, ohne eigenes Fachwissen, Fehlversuche oder Frust.
|
||||
Unsere umfassende Vorplanung und die Abstimmung der Einbauten aufeinander sorgen dafür, dass sich alle Möbelteile perfekt in den Innenraum einfügen.
|
||||
Der vorhandene Raum wird optimal ausgenutzt und eine gute Handhabbarkeit der Einbauten ist gewährleistet.
|
||||
Zusätzliche technische Einbauten wie Standheizung, Batterien, Wasserversorgung und Kochmöglichkeiten können einfach integriert werden.
|
||||
{{% /details%}}
|
||||
|
||||
{{% details "technologisch optimiert" %}}
|
||||
Die computergestützte Produktion deiner **vanilla.parts** sorgt für eine perfekte Passung der Teile und einen einfachen Einbau.
|
||||
Die meisten Komponenten der **vanilla.parts** werden aus hauptsächlich Pappelsperrholz gefertigt, das ist leichter als andere Sperrhölzer. Tragende Teile, die sehr stabil sein müssen, werden anderen geeigneten Holzwerkstoffen gefertig.
|
||||
Durch die Selbstmontage deiner Möbelteile erhältst du umfassende Kenntnis über die Einbauten deines Fahrzeugs, was bei Wartungsarbeiten und Reparaturen äußerst hilfreich sein kann.
|
||||
*vanilla.engineering* ist spezialisiert auf die sichere Konstruktion von passgenauen Möbeln für den Ausbau von Vans und Kastenwagen zu wohnlichen Campern.
|
||||
{{% /details%}}
|
||||
|
||||
|
||||
{{% details "einfache Logistik" %}}
|
||||
Deine bestellten **vanilla.parts** werden sicher verpackt und in flachen Paketen geliefert – direkt an deine Wunschadresse.
|
||||
Durch die logistisch optimierte Verpackung können unsere Möbelteile effizienter transportiert und gelagert werden. Das spart Platz und reduziert Transportkosten.
|
||||
Alle Teilstücke werden samt umfänglicher Aufbauanleitung, komplettem Montagematerial und einer Liste der benötigten Werkzeuge ausgeliefert.
|
||||
{{% /details%}}
|
||||
|
||||
|
||||
{{% details "individualisierbar" %}}
|
||||
Alle **vanilla.parts** kannst du nach deinen Wünschen farbig streichen, folieren, beleuchten oder anderweitig verfeinern. Lass deiner Kreativität freien Lauf!
|
||||
Du bist flexibel und aktiv an der Gestaltung deines vantastischen Camping-Erlebnisses beteiligt.
|
||||
Mit unseren Möbelteilen kannst du ein ausgewogenes Verhältnis zwischen einer behaglichen Wohnatmosphäre und ausreichend Stauraum schaffen.
|
||||
Du entscheidest, welche zusätzlichen Installationen du vornehmen oder ob du weitere nicht zulassungsrelevante Komponenten einbauen möchtest.
|
||||
{{% /details%}}
|
||||
{{% /attention %}}
|
||||
|
||||
|
||||
{{% /section %}}
|
||||
{{% section id="main-bed" %}}
|
||||
## Main Bed
|
||||
![Bild Main Bed]()
|
||||
Mit dem Modul Main Bed schaffst du Schlafplätze für bis zu zwei Erwachsene oder Kinder im hinteren Teil deines Ducatos. Das Main Bed besteht aus einer fest verbauten Liegefläche von 70 cm Breite x 200 cm Länge, welche auf der Fahrerseite montiert wird. Mittels eines Schiebemechanismus kann die Liegefläche auf insgesamt 130 cm x 200 cm vergrößert werden. Darunter gibt es reichlich Stauraum für Technik oder Utensilien.
|
||||
|
||||
Zur Schlafenszeit wird durch den Schiebemechanismus die Breite des Ducatos optimal genutzt (bei angrenzender Kitchen- und Storage-Zeile), während tagsüber genügend Fußraum zum Bewegen und Öffnen der Schränke bleibt.
|
||||
|
||||
Das Main Bed wird in zehn Einzelteilen geliefert und enthält zwei Lattenroste sowie zwei passgenaue Matratzen.
|
||||
|
||||
{{% produktinfo %}}
|
||||
### Produktinformationen:
|
||||
- Maße: 70/130 x 200cm
|
||||
- Holz: Pappelsperrholz, Buche Multiplex
|
||||
- Matratzen: Kaltschaummatratzen im passenden Sondermaß als Basis- oder Premiumversion
|
||||
- Fahrzeugtyp: Fiat Ducato L4H2, Citroën Jumper, Peugeot Boxer (und weitere baugleiche)
|
||||
{{% /produktinfo %}}
|
||||
|
||||
|
||||
{{% /section %}}
|
||||
{{% section id="kids-bed" %}}
|
||||
## Kids Bed
|
||||
![Bild Kids Bed]()
|
||||
Mit dem Modul Kids Bed wird der Einbau von ein bis zwei zusätzlichen Schlafplätzen im hinteren Teil deines Ducatos möglich. Im Stil eines Hochbettes montierst du das Kids Bett auf einem Bettrahmen an den Seitenwänden deines Fahrzeugs. So entsteht etwa 60 cm unter der Fahrzeugdecke eine Liegefläche von 130 cm x 174 cm, welche genügend Platz für bis zu zwei Kinder bietet. Auf einer Diagonale von 210 cm findet hier aber auch ein Erwachsener entspannenden Schlaf.
|
||||
|
||||
Das Kids Bed wird in Fahrtrichtung quer im Fahrzeug verbaut. Als besonders praktisch erweist sich die smarte Steckverbindung am vorderen und hinteren Bettrahmen. Diese kann bei Bedarf auch ohne Werkzeug gelöst werden, sodass Lattenrost und Matratze einfach abgenommen werden können und die volle Raumhöhe nutzbar wird.
|
||||
|
||||
Das Kids Bed wird in zehn Einzelteilen geliefert und enthält einen Lattenrost sowie eine passgenaue Matratze.
|
||||
|
||||
{{% produktinfo %}}
|
||||
### Produktinformationen:
|
||||
- Maße: 130 x 175 cm
|
||||
- Holz: Pappelsperrholz, Buche Multiplex
|
||||
- Matratzen: Kaltschaummatratzen im passenden Sondermaß als Basis- oder Premiumversion
|
||||
- Fahrzeugtyp: Fiat Ducato L4H2, Citroën Jumper, Peugeot Boxer (und weitere baugleiche)
|
||||
{{% /produktinfo %}}
|
||||
|
||||
{{% /section %}}
|
||||
{{% section id="storage" %}}
|
||||
## Storage
|
||||
![Bild Storage]()
|
||||
Das Modul Storage ist ein wahres Raumwunder: Montiert an der Beifahrerseite des Ducatos schafft es für dich Platz zur Aufbewahrung von Kleidung, Schuhen, Geschirr, Handtüchern, Technik und Campingzubehör jeglicher Art. Je nach Bedarf kannst du hier als Innenausstattung der Fächer handelsübliche Stauraumlösungen ergänzen, wie z. B. Geschirrhalterungen oder Aufbewahrungsnetze.
|
||||
|
||||
Zuverlässige Schließmechanismen an den Türen sorgen für eine sichere Lagerung des Inhalts während der Fahrt. Das Modul Storage ist in der Höhe so konzipiert, dass eine Montage des Moduls Kids Bed jederzeit vorgenommen werden kann.
|
||||
|
||||
Das Modul Storage wird in 17 Einzelteilen geliefert, samt Montagematerial.
|
||||
|
||||
{{% produktinfo %}}
|
||||
### Produktinformationen:
|
||||
- Maße: XXX
|
||||
- Holz: Pappelsperrholz
|
||||
- Fahrzeugtyp: Fiat Ducato L4H2, Citroën Jumper, Peugeot Boxer (und weitere baugleiche)
|
||||
{{% /produktinfo %}}
|
||||
|
||||
{{% /section %}}
|
||||
{{% section id="kitchen" %}}
|
||||
## Kitchen
|
||||
![Bild Kitchen]()
|
||||
Das Modul Kitchen macht aus deiner fahrbaren Schlafgelegenheit ein wahres Wohn-Mobil: Für die Zubereitung deiner Lieblingssnacks und -mahlzeiten haben wir eine moderne und optimal genutzte Mini-Küchenzeile mit Spülbecken, Unterschrank und Brauchwassertank entwickelt. Außerdem bereits eingeplant ist die Vorbereitung für deinen Kühlschrank oder deine Kühlbox. Die Türen sind fahrtüchtig gesichert, sodass Besteck, Zutaten, Geschirrspülmittel und Co. immer an Ort und Stelle bleiben.
|
||||
|
||||
Du kannst auch zulassungsrelevante Einbauten vornehmen, wie z. B. eine fest verbaute Kochstelle. Wissenswerte Infos dazu findest du in unserer Aufbauanleitung.
|
||||
|
||||
Das Modul Kitchen wird in elf Einzelteilen geliefert, samt Montagematerial.
|
||||
|
||||
{{% produktinfo %}}
|
||||
### Produktinformationen:
|
||||
- Maße: XXX
|
||||
- Holz: Pappelsperrholz
|
||||
- Fahrzeugtyp: Fiat Ducato L4H2, Citroën Jumper, Peugeot Boxer (und weitere baugleiche)
|
||||
{{% /produktinfo %}}
|
||||
{{% /section %}}
|
||||
{{% section id="tech-space" %}}
|
||||
## Tech Space
|
||||
![Bild Tech Space]()
|
||||
Als Tech Space bezeichnen wir den Raum unterhalb des Main Beds. Hier findest du rund um den hinteren Radkasten deines Ducatos genügend Platz, um dort allerlei technische Geräte unterzubringen, wie z. B. eine (Diesel-)Standheizung, einen Wassertank oder einen Warmwasserboiler.
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
11
content/vanilla-parts/ducato-l4h2.md
Normal file
11
content/vanilla-parts/ducato-l4h2.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = 'Ducato L4h2'
|
||||
date = 2024-05-29T14:38:05+02:00
|
||||
draft = true
|
||||
+++
|
||||
{{% section %}}
|
||||
# Ducato L4h2
|
||||
|
||||
`Hier der Inhalt``
|
||||
|
||||
{{% /section %}}
|
||||
13
data/contact.yaml
Normal file
13
data/contact.yaml
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
id: "contact"
|
||||
|
||||
content:
|
||||
email: "mail@vanilla.engineering"
|
||||
phone: "+49 162 9071723"
|
||||
instalink: "https://www.instagram.com/vanilla.engineering"
|
||||
instahandle: "@vanilla.engineering"
|
||||
linkedinlink: "https://www.linkedin.com/company/vanilla-engineering"
|
||||
linkedinhandle: "Vanilla Engineering"
|
||||
youtubelink: ""
|
||||
youtubehandle: ""
|
||||
|
||||
|
||||
7
data/hero.yaml
Normal file
7
data/hero.yaml
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
enabled: true
|
||||
id: "hero"
|
||||
|
||||
content:
|
||||
title: "Camperausbau mit Selbstbausatz: einfach, sicher, individuell"
|
||||
text: "Mit unseren **vanilla.parts** erhältst du maßgefertigte Bausätze für deinen Fahrzeugtyp, die du mit einfachsten Werkzeugen und unserer ausführlichen Anleitung selbst montieren und individuell gestalten kannst."
|
||||
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
enabled: false
|
||||
id: "brands"
|
||||
|
||||
content:
|
||||
title: "We work with customers brands and startups "
|
||||
items:
|
||||
- "images/brands-samsumg.png"
|
||||
- "images/brands-google.png"
|
||||
- "images/brands-adobe.png"
|
||||
- "images/brands-spotify.png"
|
||||
- "images/brands-dropbox.png"
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
enabled: false
|
||||
id: "cta"
|
||||
|
||||
content:
|
||||
title: "Start your business now!"
|
||||
image: "images/services-web-development.png"
|
||||
button:
|
||||
label: "Let's talk"
|
||||
url: "#"
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
enabled: true
|
||||
id: "hero"
|
||||
|
||||
content:
|
||||
title: "Camper-Ausbau mit **Bausatz**: einfach, sicher, individuell"
|
||||
text: "Mit unseren TÜV-geprüften [**vanilla.parts**](/) erhältst du maßgefertigte Bausätze für deinen Fahrzeugtyp, die du mit einfachsten Werkzeugen und unserer ausführlichen Anleitung selbst montieren und individuell gestalten kannst."
|
||||
|
||||
#buttonPrimary:
|
||||
# label: "vanilla.parts"
|
||||
# url: "#"
|
||||
|
||||
buttonSecondary:
|
||||
label: "vanilla.parts"
|
||||
url: "#"
|
||||
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
enabled: true
|
||||
id: "portfolio"
|
||||
|
||||
content:
|
||||
- image: "images/portfolio-ecommerce.png"
|
||||
pretitle: "vanilla.parts"
|
||||
title: "Möbelteile zur Selbstmontage"
|
||||
text: "Was brauchst du in deinem Camper? Schlafplätze und fahrtauglich gesicherten Stauraum? Eine praktische, optimierte Küchenzeile? Extra Platz für Kinder beim Familien-Camping? Unsere aktuellen Bausätze für den [Fiat Ducato](/fahrzeuge) bieten dir jede Menge Möglichkeiten – inklusive wertvoller Tipps und Tricks in der detailliert bebilderten [Aufbauanleitung](/anleitung).<br><br>**Stay tuned**: Weitere Möbelteile (auch für andere Fahrzeugtypen) befinden sich gerade in der Entwicklung."
|
||||
|
||||
buttons:
|
||||
- label: "vanilla.parts"
|
||||
url: "#"
|
||||
|
||||
- label: "Aufbauanleitung"
|
||||
url: "#"
|
||||
|
||||
- image: "images/portfolio-ecommerce.png"
|
||||
pretitle: "Selbstmontage"
|
||||
title: "Selber aufbauen, Kosten sparen"
|
||||
text: "Statt fertig montierte Produkte zu liefern, bieten wir unsere Möbelteile in Form von günstigeren Bausätzen an, die in flachen, logistisch optimieren Paketen ausgeliefert werden. Das kennst du bereits von großen Möbelhausketten: Alle Teilstücke kommen samt umfänglicher Anleitung, komplettem Montagematerial und einer Liste der benötigten Werkzeuge direkt zu dir. "
|
||||
|
||||
buttons:
|
||||
- label: "Selbstmontage"
|
||||
url: "#"
|
||||
|
||||
- image: "images/portfolio-ecommerce.png"
|
||||
pretitle: "Bestellung"
|
||||
title: "Von der Auswahl bis zur Abfahrt"
|
||||
text: "Schön, dass du dich für *vanilla.parts* interessierst! Nutze gern unser [Anfrageformular](/anfrage), um dir ein unverbindliches Angebot zu deiner Auswahl erstellen zu lassen. Wenn dir unser Angebot zusagt, kommt der Vertrag zustande und wir schicken deine Wunsch-Teile in die **individuelle Fertigung**. Geliefert werden unsere Bausätze zum Selbstaufbau in der Regel binnen acht Wochen – und schon kann dein Camper-Ausbau in Eigenregie Fahrt aufnehmen. Was uns besonders freuen würde? Deine Bewertung auf XXX und ein cooles Foto von der **ersten Reise** deines fertigen Campers mit **#vanillaparts** auf Instagram."
|
||||
|
||||
buttons:
|
||||
- label: "Anfrage stellen"
|
||||
url: "/anfrage"
|
||||
|
||||
- image: "images/portfolio-ecommerce.png"
|
||||
pretitle: "vanilla.engineering"
|
||||
title: "Leidenschaft und Erfahrung"
|
||||
text: "Hi, mein Name ist **Edgar Grüner**. Ich bin Schreinermeister, Gründer von **vanilla.engineering** und habe mehr als zehn Jahre Erfahrung in der Konstruktion von Möbeln für bewegte Räume. Auf Yachten und in Fahrzeugen umrunden meine Ideen die Welt – immer angepasst an die jeweiligen Anforderungen unterwegs."
|
||||
|
||||
buttons:
|
||||
- label: "über Vanilla"
|
||||
url: "/ueber-uns"
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
enabled: false
|
||||
id: "services"
|
||||
|
||||
|
||||
content:
|
||||
title: "Our main services"
|
||||
text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec quam nibh elit pellentesque velit netus suspendisse. Sed enim, pretium, montes, in ut dolor urna."
|
||||
cards:
|
||||
- image: "images/services-web-development.png"
|
||||
title: "Web development"
|
||||
text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Molestie in malesuada eget fames purus ligula luctus tellus. Habitant condimentum sit gravida praesent. "
|
||||
button:
|
||||
label: "Learn more"
|
||||
url: "#"
|
||||
|
||||
#- image: "images/services-web-development.png"
|
||||
# title: "Web development"
|
||||
# text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Molestie in malesuada eget fames purus ligula luctus tellus. Habitant condimentum sit gravida praesent. "
|
||||
# button:
|
||||
# label: "Learn more"
|
||||
# url: "#"
|
||||
|
||||
#- image: "images/services-web-development.png"
|
||||
# title: "Web development"
|
||||
# text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Molestie in malesuada eget fames purus ligula luctus tellus. Habitant condimentum sit gravida praesent. "
|
||||
# button:
|
||||
# label: "Learn more"
|
||||
# url: "#"
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
enabled: false
|
||||
id: "testimonials"
|
||||
|
||||
content:
|
||||
title: "Testimonials"
|
||||
|
||||
featured:
|
||||
image: "images/testimonials-awards.png"
|
||||
text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consectetur et pretium nunc, quis euismod et. Volutpat suspendisse sed in blandit condimentum. Sagittis nullam nec mauris, feugiat hendrerit aliquam cras. Dolor tortor gravida lobortis in ultricies enim vulputate non. Neque nibh donec quam lectus."
|
||||
client: "Anonymous Customer"
|
||||
|
||||
list:
|
||||
- text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consectetur et pretium nunc, quis euismod et. Volutpat suspendisse sed in blandit condimentum. Sagittis nullam nec mauris, feugiat hendrerit aliquam cras. Dolor tortor gravida lobortis in ultricies enim vulputate non. Neque nibh donec quam lectus."
|
||||
client: "Anonymous Customer"
|
||||
|
||||
- text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consectetur et pretium nunc, quis euismod et. Volutpat suspendisse sed in blandit condimentum. Sagittis nullam nec mauris, feugiat hendrerit aliquam cras. Dolor tortor gravida lobortis in ultricies enim vulputate non. Neque nibh donec quam lectus."
|
||||
client: "Anonymous Customer"
|
||||
|
||||
- text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consectetur et pretium nunc, quis euismod et. Volutpat suspendisse sed in blandit condimentum. Sagittis nullam nec mauris, feugiat hendrerit aliquam cras. Dolor tortor gravida lobortis in ultricies enim vulputate non. Neque nibh donec quam lectus."
|
||||
client: "Anonymous Customer"
|
||||
|
||||
- text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consectetur et pretium nunc, quis euismod et. Volutpat suspendisse sed in blandit condimentum. Sagittis nullam nec mauris, feugiat hendrerit aliquam cras. Dolor tortor gravida lobortis in ultricies enim vulputate non. Neque nibh donec quam lectus."
|
||||
client: "Anonymous Customer"
|
||||
|
||||
- text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consectetur et pretium nunc, quis euismod et. Volutpat suspendisse sed in blandit condimentum. Sagittis nullam nec mauris, feugiat hendrerit aliquam cras. Dolor tortor gravida lobortis in ultricies enim vulputate non. Neque nibh donec quam lectus."
|
||||
client: "Anonymous Customer"
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
enabled: true
|
||||
id: "vorteile"
|
||||
|
||||
|
||||
content:
|
||||
title: "Deine wichtigsten Vorteile"
|
||||
text: "Unsere **vanilla.parts** ermöglichen es dir, deine ganz persönliche **camper experience** selbst zu gestalten. So wird aus einem anonymen Van oder Kastenwagen **dein Camper**."
|
||||
cards:
|
||||
- image: "images/services-web-development.png"
|
||||
title: "kostengünstig"
|
||||
text: "Du sparst ohnehin schon durch den [Selbstausbau](/) deines Campers. Dank unserer vorgefertigten *vanilla.parts* zahlst du obendrein nichts für überschüssige Materialien, Verschnitt, spezielle Werkzeuge oder Gerätemiete.<br><br>Und das Beste: du sparst Nerven und Zeit."
|
||||
button:
|
||||
label: "Selbstausbau"
|
||||
url: "#"
|
||||
|
||||
- image: "images/services-web-development.png"
|
||||
title: "passganau"
|
||||
text: "Unsere aktuellen Bausätze für den [Fiat Ducato](/fahrzeuge) sind alle professionell designt, maßgefertigt und erprobt. Mit hochwertiger [Qualität](LINK) schaffen wir die solide Basis, damit du sofort mit deinem Wunsch-Ausbau beginnen kannst, ohne eigenes Fachwissen, Fehlversuche oder Frust."
|
||||
button:
|
||||
label: "Qualität"
|
||||
url: "#"
|
||||
|
||||
- image: "images/services-web-development.png"
|
||||
title: "individualisierbar"
|
||||
text: "Fertig-Bausatz heißt nicht Einheitsbrei!<br><br>Du kannst alle *vanilla.parts* nach deinen Wünschen farbig streichen, beleuchten oder anderweitig [verfeinern](/beispiele). So bleibst du flexibel und bist aktiv an der Gestaltung deines vantastischen Camping-Erlebnisses beteiligt."
|
||||
button:
|
||||
label: "Beispiele"
|
||||
url: "#"
|
||||
163
hugo.toml
163
hugo.toml
|
|
@ -1,9 +1,9 @@
|
|||
baseURL = 'https://ve-testing.wolke.gr/'
|
||||
languageCode = 'de-de'
|
||||
title = 'vanilla.engineering'
|
||||
theme = 'mainpage_v2_theme'
|
||||
baseURL = "https://example.org/"
|
||||
languageCode = "de-de"
|
||||
defaultContentLanguage = "de"
|
||||
title = "NEW vanilla.engineering"
|
||||
|
||||
|
||||
summaryLength = 20
|
||||
enableEmoji = true
|
||||
|
||||
[markup]
|
||||
|
|
@ -11,82 +11,93 @@ enableEmoji = true
|
|||
[markup.goldmark.renderer]
|
||||
unsafe = true
|
||||
|
||||
|
||||
|
||||
# Theme-specific variables `.Site.Params.myParamName`
|
||||
[params]
|
||||
title = "vanilla.engineering"
|
||||
description = "creating camper experience"
|
||||
images = [ "/images/ve_logo.svg" ]
|
||||
logo = "ve_logo.svg"
|
||||
location = [
|
||||
"Hoyerswerdaer Straße 28, 01099 Dresden"
|
||||
]
|
||||
contact = [ "mail@mail", "207.555.0119" ]
|
||||
copyright = "© 2024 Vanilla Engineering GmbH"
|
||||
description = "Creating Camper Experience"
|
||||
copyright = "© 2024 Vanilla Engineering GmbH"
|
||||
|
||||
[params.favicons]
|
||||
themeColor = "#FFFFFF"
|
||||
backgroundColor = "#FFFFFF"
|
||||
faviconColor = "#000000"
|
||||
[params.meta]
|
||||
keywords = "Camper, Ausbau, Umbau, Konstruktion, Zeichnen, Planung"
|
||||
description = "Camper-Ausbau mit Möbel-Bausatz: einfacher, sicher, individuell"
|
||||
|
||||
[menu]
|
||||
[[menu.main]]
|
||||
identifier = "anfrage"
|
||||
name = "Bausatz anfragen"
|
||||
pageref = "/bausatz-anfragen"
|
||||
weight = 1
|
||||
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "home"
|
||||
name = "Startseite"
|
||||
pageref = "/"
|
||||
weight = 2
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "parts"
|
||||
name = "vanilla.parts / Möbel"
|
||||
url = "/vanilla-parts"
|
||||
weight = 3
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "main-bed"
|
||||
name = "Main Bed"
|
||||
url = "/vanilla-parts#main-bed"
|
||||
parent = "parts"
|
||||
weight = 1
|
||||
|
||||
[[menus.main]]
|
||||
name = "Home"
|
||||
url = "/#hero"
|
||||
weight = 1
|
||||
[[menu.main]]
|
||||
identifier = "kids-bed"
|
||||
name = "Kids Bed"
|
||||
url = "/vanilla-parts#kids-bed"
|
||||
parent = "parts"
|
||||
weight = 2
|
||||
|
||||
[[menus.main]]
|
||||
name = "Möbel | vanilla.parts"
|
||||
url = "/parts"
|
||||
weight = 2
|
||||
|
||||
[[menus.main]]
|
||||
name = "Vanilla"
|
||||
url = "/vanilla"
|
||||
weight = 3
|
||||
|
||||
[[menus.main]]
|
||||
name = "Blog"
|
||||
url = "/#"
|
||||
weight = 4
|
||||
|
||||
[[menus.main]]
|
||||
name = "Blog"
|
||||
url = "/blog"
|
||||
weight = 5
|
||||
|
||||
[[menus.buttons]]
|
||||
name = "Ausbau anfragen"
|
||||
url = "/#"
|
||||
weight = 5
|
||||
pre = "btn btn-primary text-light"
|
||||
|
||||
[[menus.footer]]
|
||||
name = "Home"
|
||||
url = "/#hero"
|
||||
weight = 1
|
||||
|
||||
[[menus.footer]]
|
||||
name = "How we work"
|
||||
url = "/#"
|
||||
weight = 2
|
||||
|
||||
[[menus.footer]]
|
||||
name = "Our team"
|
||||
url = "/#"
|
||||
weight = 3
|
||||
|
||||
[[menus.footer]]
|
||||
name = "Pricing"
|
||||
url = "/#"
|
||||
weight = 4
|
||||
|
||||
[[menus.footer]]
|
||||
name = "Blog"
|
||||
url = "/blog"
|
||||
weight = 5
|
||||
|
||||
[taxonomies]
|
||||
series = "series"
|
||||
tags = "tags"
|
||||
[[menu.main]]
|
||||
identifier = "storage"
|
||||
name = "Storage"
|
||||
url = "/vanilla-parts#storage"
|
||||
parent = "parts"
|
||||
weight = 3
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "kitchen"
|
||||
name = "Kitchen"
|
||||
url = "/vanilla-parts#kitchen"
|
||||
parent = "parts"
|
||||
weight = 4
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "fahrzeuge"
|
||||
name = "Fahrzeuge"
|
||||
pageref = "/fahrzeuge"
|
||||
weight = 4
|
||||
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "wir"
|
||||
name = "Das sind wir"
|
||||
pageref = "/about"
|
||||
weight = 5
|
||||
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "blog"
|
||||
name = "Blog"
|
||||
pageref = "/blog"
|
||||
weight = 6
|
||||
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "kontakt"
|
||||
name = "Kontakt"
|
||||
pageref = "/kontakt"
|
||||
weight = 7
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
0
layouts/.gitignore → i18n/.gitignore
vendored
0
layouts/.gitignore → i18n/.gitignore
vendored
0
layouts/_default/list.html
Normal file
0
layouts/_default/list.html
Normal file
31
layouts/_default/single.html
Normal file
31
layouts/_default/single.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!-- Head -->
|
||||
{{ partial "head.html" . }}
|
||||
|
||||
|
||||
|
||||
|
||||
<header>
|
||||
<div id="logo"><a href="/" alt="Zur Startseite"><img id="logo_sm" src="/images/ve_logo.svg" /></a></div>
|
||||
</header>
|
||||
|
||||
|
||||
<!-- Navigation -->
|
||||
{{ partial "hamburger.html" . }}
|
||||
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="main_with_sidebar wrapper">
|
||||
|
||||
{{ partial "sidebar.html" . }}
|
||||
|
||||
<main>
|
||||
<div class="content">
|
||||
|
||||
{{ .Page.Content }}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Foot -->
|
||||
{{ partial "foot.html" . }}
|
||||
20
layouts/index.html
Normal file
20
layouts/index.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<!-- Head -->
|
||||
{{ partial "head.html" . }}
|
||||
<!-- Hero -->
|
||||
{{ with .Site.Data.hero }}{{ partial "sections/hero.html" . }}{{ end }}
|
||||
<!-- Navigation -->
|
||||
{{ partial "hamburger.html" . }}
|
||||
|
||||
<div id="wrapper">
|
||||
<div class="main_with_sidebar wrapper">
|
||||
{{ partial "sidebar.html" . }}
|
||||
|
||||
<main>
|
||||
<div class="content">
|
||||
{{ .Page.Content }}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Foot -->
|
||||
{{ partial "foot.html" . }}
|
||||
11
layouts/partials/foot.html
Normal file
11
layouts/partials/foot.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
</div>
|
||||
<footer><div class="footer-grid">
|
||||
<div class="footer-item">{{ .Site.Params.copyright | markdownify }}</div>
|
||||
<div class="footer-item"><a href="/datenschutz">Datenschutz</a></div>
|
||||
<div class="footer-item"><a href="/impressum">Impressum</a></p></div>
|
||||
<div class="footer-item">made with 💚 with Hugo</a></p></div>
|
||||
</div></footer>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
16
layouts/partials/hamburger.html
Normal file
16
layouts/partials/hamburger.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<div class="hamburger-menu">
|
||||
<input id="menu__toggle" type="checkbox" />
|
||||
<label class="menu__btn" for="menu__toggle">
|
||||
<span></span>
|
||||
</label>
|
||||
|
||||
<ul class="menu__box">
|
||||
<li><a class="menu__item" href="/">Start</a></li>
|
||||
<li><a class="menu__item" href="/bausatz-anfragen">Bausatz anfragen</a></li>
|
||||
<li><a class="menu__item" href="/vanilla-parts">vanilla.parts</a></li>
|
||||
<li><a class="menu__item" href="/gruender">Der Gründer</a></li>
|
||||
<li><a class="menu__item" href="/unternehmen">Unternehmen</a></li>
|
||||
<li><a class="menu__item" href="/news">Aktuelles</a></li>
|
||||
<li><a class="menu__item" href="/kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
21
layouts/partials/head.html
Normal file
21
layouts/partials/head.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<!Doctype HTML>
|
||||
<html lang="de">
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="robots" content="noindex,nofollow" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<meta name="color-scheme" content="dark light" />
|
||||
<meta name="theme-color" content="rgb(242,241,245)" media="(prefers-color-scheme: light)" />
|
||||
<meta name="theme-color" content="#000" media="(prefers-color-scheme: dark)" />
|
||||
<meta name="description" content="{{ .Site.Params.meta.description }}" />
|
||||
<meta name="keywords" content="{{ .Site.Params.meta.keywords }}" />
|
||||
<link rel="stylesheet" href="/css/vanilla.css" />
|
||||
|
||||
<title>{{ .Site.Title }} {{ with .Title }} | {{ . }} {{ end }}</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="outerwrapper">
|
||||
|
||||
<div class="skiplink"><a href="#skipmain">Zum Inhalt springen</a></div>
|
||||
13
layouts/partials/sections/contact.html
Normal file
13
layouts/partials/sections/contact.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<div id="contact-mainpage"><address>
|
||||
<h2>So erreichst Du uns:</h2>
|
||||
{{ with .content.email }}<p><img class="icon" src="/icons/letter.svg"><a href="mailto:{{ . }}">{{ . }}</a></p>{{ end }}
|
||||
|
||||
{{ with .content.phone }}<p><img class="icon" src="/icons/call.svg"><a href="tel:{{ replace . " " "" }}">{{ . }}</a></p>{{ end }}
|
||||
|
||||
{{ with .content.instalink }}<p><img class="icon" src="/icons/instagram.svg"><a href="{{ . }}" target="_blank">{{ end }}{{ with .content.instahandle }}{{ . }}{{ end}}{{ with .content.instalink }}</a></p>{{ end }}
|
||||
|
||||
{{ with .content.linkedinlink }}<p><img class="icon" src="/icons/linkedin.svg"><a href="{{ . }}" target="_blank">{{ end }}{{ with .content.linkedinhandle }}{{ . }}{{ end }}{{ with .content.linkedinlink }}</a></p>{{ end }}
|
||||
|
||||
{{ with .content.youtubelink }}<p><img class="icon" src="/icons/youtube.svg"><a href="{{ . }}" target="_blank">{{ end }}{{ with .content.youtubehandle }}{{ . }}{{ end }}{{ with .content.youtubelink }}</a></p>{{ end }}
|
||||
</address>
|
||||
</div>
|
||||
6
layouts/partials/sections/hero.html
Normal file
6
layouts/partials/sections/hero.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<header id="hero">
|
||||
<div id="hero-logo"><img src="/images/ve_logo.svg" alt="vanilla.engineering" /></div>
|
||||
{{ with .content.title }}<h1>{{ . | markdownify }}</h1>{{ end }}
|
||||
{{ with .content.text }}<p>{{ . | markdownify }}</p>{{ end }}
|
||||
</header>
|
||||
|
||||
22
layouts/partials/sidebar (Kopieren).html
Normal file
22
layouts/partials/sidebar (Kopieren).html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<aside>
|
||||
<nav id="sidebar-menu">
|
||||
<ul>
|
||||
<li class="imp"><a href="/bausatz-anfragen" class="active">Bausatz anfragen</a></li>
|
||||
<li><a href="/">Start</a></li>
|
||||
<li><a href="/vanilla-parts">vanilla.parts / Möbel</a></li>
|
||||
<ul class="subnavi">
|
||||
<li><a href="/vanilla-parts#main-bed">Main Bed</a></li>
|
||||
<li><a href="/vanilla-parts#kids-bed">Kids Bed</a></li>
|
||||
<li><a href="/vanilla-parts#storage">Storage</a></li>
|
||||
<li><a href="/vanilla-parts#kitchen">Kitchen</a></li>
|
||||
</ul>
|
||||
<li><a href="">Fahrzeuge</a></li>
|
||||
<li><a href="/about">Das sind wir</a></li>
|
||||
<li><a href="/faq">Häufige Fragen</a></li>
|
||||
<li><a href="/blog">Blog</a></li>
|
||||
<li><a href="/kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</label>
|
||||
|
||||
</aside>
|
||||
19
layouts/partials/sidebar.html
Normal file
19
layouts/partials/sidebar.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<aside>
|
||||
<nav id="sidebar-menu">
|
||||
{{ $currentPage := . }}
|
||||
<ul>
|
||||
{{ range .Site.Menus.main }}
|
||||
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ if .HasChildren }}
|
||||
<ul class="subnavi">
|
||||
{{ range .Children }}
|
||||
<li class=""><a href="{{ .URL }}">{{ .Name }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</li>
|
||||
|
||||
{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
</aside>
|
||||
3
layouts/shortcodes/attention.html
Normal file
3
layouts/shortcodes/attention.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="attention" {{ with .Get "id" }}id="{{ . }}"{{ end }}>
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
4
layouts/shortcodes/details.html
Normal file
4
layouts/shortcodes/details.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<details>
|
||||
<summary>{{ .Get 0 }}</summary>
|
||||
{{ .Inner }}
|
||||
</details>
|
||||
16
layouts/shortcodes/kontaktinfo.html
Normal file
16
layouts/shortcodes/kontaktinfo.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
|
||||
|
||||
|
||||
{{ with .Site.Data.contact }}
|
||||
{{ with .content.email }}<div class="contactinfo"><a id="link-email" href="mailto:{{ . }}"><img class="icon" src="/icons/letter.svg"> {{ . }}</a></div>{{ end }}
|
||||
|
||||
{{ with .content.phone }}<div class="contactinfo"><a id="link-phone" href="tel:{{ replace . " " "" }}"><img class="icon" src="/icons/call.svg"> {{ . }}</a></div>{{ end }}
|
||||
|
||||
{{ with .content.instalink }}<div class="contactinfo"><a id="link-insta" href="{{ . }}" target="_blank">{{ end }}{{ with .content.instahandle }}<img class="icon" src="/icons/instagram.svg"> {{ . }}{{ end}}{{ with .content.instalink }}</a></div>{{ end }}
|
||||
|
||||
{{ with .content.linkedinlink }}<div class="contactinfo"><a id="link-linkedin" href="{{ . }}" target="_blank">{{ end }}{{ with .content.linkedinhandle }}<img class="icon" src="/icons/linkedin.svg"> {{ . }}{{ end }}{{ with .content.linkedinlink }}</a></div>{{ end }}
|
||||
|
||||
{{ with .content.youtubelink }}<div class="contactinfo"><a id="link-youtube" href="{{ . }}" target="_blank">{{ end }}{{ with .content.youtubehandle }}<img class="icon" src="/icons/youtube.svg"> {{ . }}{{ end }}{{ with .content.youtubelink }}</a></div>{{ end }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
3
layouts/shortcodes/produktinfo.html
Normal file
3
layouts/shortcodes/produktinfo.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="produktinfo">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
3
layouts/shortcodes/section.html
Normal file
3
layouts/shortcodes/section.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<section {{ with .Get "id" }}id="{{ . }}"{{ end }}>
|
||||
{{ .Inner }}
|
||||
</section>
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"dependencies": {
|
||||
"@popperjs/core": "^2.11.2",
|
||||
"bootstrap": "^5.1.3"
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
|||
{"Target":"main.scss","MediaType":"text/css","Data":{}}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 346 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
Binary file not shown.
|
Before Width: | Height: | Size: 452 B |
Binary file not shown.
|
Before Width: | Height: | Size: 663 B |
Binary file not shown.
|
Before Width: | Height: | Size: 663 B |
Binary file not shown.
|
Before Width: | Height: | Size: 591 B |
703
static/css/vanilla.css
Normal file
703
static/css/vanilla.css
Normal file
|
|
@ -0,0 +1,703 @@
|
|||
:root {
|
||||
--ve-light-violett: #A458AE; /* <= safe for WCAG AA */ /* original: #aa69b5; */
|
||||
--ve-heavy-violett: #5d2169;
|
||||
--ve-vanilla: #faefdd;
|
||||
--ve-vanilla-heavy: #e4cba1;
|
||||
|
||||
--lavender-orchid: #a961a4;
|
||||
--royal-plum: #5d2169;
|
||||
--gentle-ecru: #f6eedb;
|
||||
--sandstorm-taupe: #f1d8b5;
|
||||
--poppler-aftermath: #e1d4b8;
|
||||
--vanilla-black: #1b0e14;
|
||||
--banana-grey: #5b4c55;
|
||||
--quite-white: #f9f6f8;
|
||||
|
||||
|
||||
--primary: var(--ve-light-violett);
|
||||
--secondary: var(--royal-plum);
|
||||
--light-primary: var(--ve-vanilla);
|
||||
--light-secondary: var(--sandstorm-taupe);
|
||||
--netzlinien: var(--poppler-aftermath);
|
||||
--black: var(--vanilla-black);
|
||||
--grey: var(--banana-grey);
|
||||
--white: var(--quite-white);
|
||||
|
||||
--filter-icon-primary: hue-rotate(260deg) contrast(0.5) saturate(3) brightness(0.8);
|
||||
|
||||
--bg-vanilla: var(--light-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23E4CBA1' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2398886B'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E") fixed;
|
||||
|
||||
--wrapper-max: 1426px;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Gidole;
|
||||
src: url("/fonts/Gidole-Regular.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Angelina;
|
||||
src: url("/fonts/angelina.ttf");
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 1.3em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
img, picture, video, canvas, svg {
|
||||
/*display: block; */
|
||||
max-width: 100%;
|
||||
font-size: 3rem;
|
||||
font-family: Angelina;
|
||||
|
||||
|
||||
}
|
||||
|
||||
input, button, textarea, select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
p, h1, h2, h3, h4, h5, h6 {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
#root, #__next {
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: Gidole, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: var(--bg-vanilla);
|
||||
font-family: Gidole, sans-serif;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Funktion von skiplink ist mir noch unklar*/
|
||||
.skiplink {
|
||||
border: 0;
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute !important;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
|
||||
.skiplink:focus {
|
||||
background-color: #eee;
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: #444;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
|
||||
#outerwrapper {
|
||||
max-width: 97%;
|
||||
margin: auto;
|
||||
border: 1px solid var(--secondary);
|
||||
}
|
||||
|
||||
/* START header */
|
||||
|
||||
header {
|
||||
width: 100%;
|
||||
height: calc(4vh + 10rem);
|
||||
margin: 0px auto;
|
||||
padding: 1rem;
|
||||
object-fit: cover;
|
||||
background: url(/images/cover-image.jpg) center center no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
img#logo_sm {
|
||||
/* display: block; */
|
||||
height: calc(3vh + 5rem);
|
||||
margin-left: calc(33% - ((3vh + 5rem) * 2.5 ));
|
||||
|
||||
}
|
||||
|
||||
|
||||
div#logo {
|
||||
z-index: 1;
|
||||
width: 75%;
|
||||
max-width: var(--wrapper-max);
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
header#hero {
|
||||
height: 100vh;
|
||||
max-width: 100%;
|
||||
margin: auto;
|
||||
padding: 2.5vh 3.5vw;
|
||||
z-index: 1;
|
||||
background: url(/images/cover-image.jpg) top center no-repeat;
|
||||
background-size: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
header#hero h1 {
|
||||
font-weight: 700;
|
||||
color: var(--secondary);
|
||||
font-size: calc(3vh + 2rem);
|
||||
margin-bottom: 0.7em;
|
||||
}
|
||||
|
||||
header#hero p {
|
||||
margin-left: 13vw;
|
||||
word-wrap: normal;
|
||||
display: block;
|
||||
width: 75%;
|
||||
font-size: calc(0.5vw + 1rem);
|
||||
background-color: var(--secondary);
|
||||
color: var(--light-primary);
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
header#hero p strong {
|
||||
color: var(--light-primary);
|
||||
}
|
||||
|
||||
|
||||
header#hero img {
|
||||
height: calc(8vh + 4rem);
|
||||
padding-top: 0 !important;
|
||||
|
||||
}
|
||||
/* ENDE header */
|
||||
|
||||
/* START Hamburger Menu */
|
||||
|
||||
#menu__toggle {
|
||||
opacity: 0;
|
||||
}
|
||||
#menu__toggle:checked + .menu__btn > span {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
#menu__toggle:checked + .menu__btn > span::before {
|
||||
top: 0;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
#menu__toggle:checked + .menu__btn > span::after {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
#menu__toggle:checked ~ .menu__box {
|
||||
left: 0 !important;
|
||||
}
|
||||
.menu__btn {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 3.5%;
|
||||
width: 40px;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.menu__btn > span,
|
||||
.menu__btn > span::before,
|
||||
.menu__btn > span::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background-color: var(--secondary);
|
||||
transition-duration: .3s;
|
||||
}
|
||||
.menu__btn > span::before {
|
||||
content: '';
|
||||
top: -8px;
|
||||
}
|
||||
.menu__btn > span::after {
|
||||
content: '';
|
||||
top: 8px;
|
||||
}
|
||||
.menu__box {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 110px 35px;
|
||||
list-style: none;
|
||||
background-color: var(--primary);
|
||||
box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
|
||||
transition-duration: .3s;
|
||||
}
|
||||
.menu__item {
|
||||
display: block;
|
||||
padding: 12px 24px;
|
||||
color: var(--light-primary);
|
||||
font-family: Gidole, sans-serif;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
transition-duration: .3s;
|
||||
}
|
||||
.menu__item:hover {
|
||||
background-color: var(--secondary);
|
||||
color: var(--light-primary);
|
||||
}
|
||||
|
||||
/* END Hamburger Menu */
|
||||
|
||||
/* START Sidebar Navigation */
|
||||
aside {
|
||||
background-color: var(--primary);
|
||||
/* min-width: 360px; */
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 0.3rem;
|
||||
position: sticky;
|
||||
top: 5.5rem;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 500;
|
||||
|
||||
}
|
||||
|
||||
aside > nav {
|
||||
padding: 0.5rem;
|
||||
margin-top: -5rem;
|
||||
background-color: var(--primary);
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
aside > nav ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
aside > nav ul li {
|
||||
list-style-type: none;
|
||||
|
||||
}
|
||||
|
||||
aside > nav ul li a:link,
|
||||
aside > nav ul li a:visited {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: var(--white);
|
||||
border: 7px solid var(--primary);
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
aside > nav ul li a:hover,
|
||||
aside > nav ul li a:focus {
|
||||
border: 5px solid var(--secondary);
|
||||
border-radius: 10px;
|
||||
transform: translate(0.15em, 0.15em);
|
||||
transition: transform 0.3s ease-out;
|
||||
background-color: #ffffff20;
|
||||
}
|
||||
|
||||
aside > nav ul li.active {
|
||||
border: 5px solid var(--light-secondary);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* Unterpunkte: müssen noch angepasst werden */
|
||||
.subnavi {
|
||||
margin-left: 2rem;
|
||||
font-size: 0.8em;
|
||||
|
||||
|
||||
}
|
||||
.subnavi li {
|
||||
|
||||
}
|
||||
.imp {
|
||||
border: 1px solid red;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* ENDE Sidebar Navigation */
|
||||
|
||||
/* START Content */
|
||||
.content {
|
||||
/*padding: 2rem;*/
|
||||
background-color: var(--light-primary);
|
||||
color: var(--black);
|
||||
/* border: 2px solid var(--secondary); */
|
||||
border-radius: 4px;
|
||||
box-shadow: 10px 0px 20px var(--light-primary),-10px -10px 20px var(--light-primary);
|
||||
}
|
||||
|
||||
.content img {
|
||||
margin: 0.5rem 0 1rem 0;
|
||||
}
|
||||
|
||||
|
||||
.content h1,
|
||||
.content section h1 {
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.content h2,
|
||||
.content section h2 {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.content h3,
|
||||
.content section h3 {
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.content section {
|
||||
margin-bottom: 0rem;
|
||||
padding: 1vw;
|
||||
|
||||
}
|
||||
.content section a:link,
|
||||
.content section a:visited {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
|
||||
.content section:nth-of-type(even) {
|
||||
background-color: var(--primary);
|
||||
color: var(--white);
|
||||
box-shadow: 0px 3px 3px var(--primary), 0px -3px 3px var(--primary);
|
||||
|
||||
}
|
||||
.content section:nth-of-type(even) a:link,
|
||||
.content section:nth-of-type(even) a:visited {
|
||||
color: var(--light-secondary);
|
||||
}
|
||||
|
||||
.content section:nth-of-type(even) .contactinfo img.icon {
|
||||
filter: none;
|
||||
}
|
||||
.content section:nth-of-type(odd) .contactinfo img.icon {
|
||||
filter: var(--filter-icon-primary);
|
||||
}
|
||||
|
||||
.content p a:link, .content p a:visited {
|
||||
}
|
||||
|
||||
|
||||
.content p {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.attention {
|
||||
background-color: var(--light-primary);
|
||||
color: var(--secondary);
|
||||
margin: 1rem 0.1vw;
|
||||
|
||||
padding: 1rem 1.5vw;
|
||||
border: 0.25rem var(--secondary) dashed;
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
|
||||
.produktinfo {
|
||||
padding: 0.8rem;
|
||||
border: 1px solid var(--black);
|
||||
}
|
||||
.content section:nth-of-type(even) .produktinfo {
|
||||
border-color: var(--white);
|
||||
}
|
||||
|
||||
.produktinfo img {
|
||||
float: left;
|
||||
width: 62%;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/***********************************************************************/
|
||||
|
||||
|
||||
#newsgrid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
#newsgrid > article.newsitem:first-child {
|
||||
grid-column: 1 / 3;
|
||||
background-color: var(--light-primary);
|
||||
color: var(--secondary);
|
||||
margin-bottom: 1.5rem;
|
||||
padding: 2rem;
|
||||
border: 0.25rem var(--secondary) dashed;
|
||||
}
|
||||
|
||||
#newsgrid > article.newsitem {
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--secondary);
|
||||
}
|
||||
|
||||
#newsgrid > article.newsitem h3 {
|
||||
font-size: calc(1vw + 1.1rem);
|
||||
}
|
||||
|
||||
/******************************************************************************/
|
||||
|
||||
.main_with_sidebar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: start;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
|
||||
.main_with_sidebar > :first-child {
|
||||
flex-basis: 30%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
main {
|
||||
flex-basis: 69%;
|
||||
flex-grow: 9999;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 75%;
|
||||
max-width: var(--wrapper-max);
|
||||
padding: 0.5rem;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#contact-mainpage {
|
||||
width: 100%;
|
||||
margin-top: 0.5rem;
|
||||
padding: 2rem;
|
||||
color: var(--light-primary);
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
#contact-mainpage p a:link, #contact-mainpage p a:visited {
|
||||
color: var(--light-primary);
|
||||
}
|
||||
|
||||
address {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
/* START für Shortcode kontaktinfo */
|
||||
.contactinfo img.icon {
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-right: 0.5rem;
|
||||
margin-top: 0.1rem;
|
||||
height: 1.25rem;
|
||||
filter: invert(80%);
|
||||
|
||||
}
|
||||
.contactinfo {
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
/* ENDE für Shortcode kontaktinfo */
|
||||
|
||||
|
||||
/* START Footer */
|
||||
footer {
|
||||
min-height: calc(4vh + 1rem);
|
||||
padding: 2vh;
|
||||
text-align: center;
|
||||
color: var(--light-primary);
|
||||
background-color: var(--secondary);
|
||||
font-size: 1rem;
|
||||
|
||||
}
|
||||
footer .footer-grid {
|
||||
display: inline-grid;
|
||||
grid-template-columns: auto auto auto auto;
|
||||
}
|
||||
footer .footer-item {
|
||||
padding: 0 1.2rem;
|
||||
border-style: solid;
|
||||
border-color: var(--light-primary);
|
||||
border-width: 0px 1px;
|
||||
}
|
||||
|
||||
footer .footer-item:first-child {
|
||||
border-width: 0px 1px 0px 0px !important;
|
||||
}
|
||||
footer .footer-item:last-child {
|
||||
border-width: 0px 0px 0px 1px !important;
|
||||
}
|
||||
|
||||
footer a:link,
|
||||
footer a:visited {
|
||||
display: inline;
|
||||
text-decoration: none;
|
||||
color: var(--light-primary);
|
||||
}
|
||||
|
||||
footer a:hover,
|
||||
footer a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* ENDE Footer */
|
||||
|
||||
/* media-queries for small screen > 767px viewport */
|
||||
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
#outerwrapper {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
header {
|
||||
max-height: calc(3.5vh + 4rem) !important;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
img#logo_sm {
|
||||
/* display: block; */
|
||||
height: calc(3vh + 3.5rem) !important;
|
||||
margin-left: calc(50% - ((3vh + 3.5rem))) !important;
|
||||
}
|
||||
|
||||
header#hero img {
|
||||
margin-top: 0vh !important;
|
||||
height: calc(7vh + 4rem) !important;
|
||||
}
|
||||
header#hero h1 {
|
||||
font-size: calc(0vw + 2rem) !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0.5rem !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
footer {
|
||||
height: auto !important;
|
||||
}
|
||||
footer .footer-grid {
|
||||
display: inline-grid;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
footer .footer-item {
|
||||
padding: 0.3rem;
|
||||
border-width: 0px 0px;
|
||||
}
|
||||
footer .footer-item:first-child {
|
||||
border-width: 0px 0px 0px 0px !important;
|
||||
}
|
||||
footer .footer-item:last-child {
|
||||
border-width: 0px 0px 0px 0px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* media-queries for large screen > 1199px viewport */
|
||||
|
||||
|
||||
@media screen and (max-width: 1281px) {
|
||||
#outerwrapper {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
header {
|
||||
max-height: calc(3.5vh + 6rem);
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
img#logo_sm {
|
||||
height: calc(3vh + 5.5rem);
|
||||
margin-left: calc(50% - ((3vh + 5.5rem)));
|
||||
}
|
||||
|
||||
div#logo {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
|
||||
header#hero {
|
||||
max-height: 97vh !important;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
header#hero h1 {
|
||||
font-size: calc(2.2vw + 2rem);
|
||||
margin-top: 3vh;
|
||||
}
|
||||
|
||||
header#hero p {
|
||||
margin-left: 2vw;
|
||||
margin-top: 5vh;
|
||||
width: 95%;
|
||||
|
||||
}
|
||||
|
||||
header#hero img {
|
||||
margin-left: auto;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
|
||||
|
||||
aside > #sidebar-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hamburger-menu {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.main_with_sidebar {
|
||||
display:block;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1281px) {
|
||||
.hamburger-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
589
static/css/vanilla_burner.css
Normal file
589
static/css/vanilla_burner.css
Normal file
|
|
@ -0,0 +1,589 @@
|
|||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.5;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
img, picture, video, canvas, svg {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
input, button, textarea, select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
p, h1, h2, h3, h4, h5, h6 {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
#root, #__next {
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
* {
|
||||
font-size: 1.04em;
|
||||
letter-spacing: 0.05em;
|
||||
font-family: url="font/Gidole-Regular.ttf";
|
||||
}
|
||||
|
||||
:root {
|
||||
--ve-light-violett: #A458AE;
|
||||
--ve-heavy-violett: #5d2169;
|
||||
--ve-vanilla: #faefdd;
|
||||
--ve-vanilla-heavy: #e4cba1;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "gidole";
|
||||
src: url("/fonts/Gidole-Regular.ttf");
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-color: var(--ve-vanilla);
|
||||
font-family: "Noto Sans", Arial, sans-serif;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23E4CBA1' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2398886B'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.skiplink {
|
||||
border: 0;
|
||||
clip: rect(1px,1px,1px,1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute !important;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
|
||||
.skiplink:focus {
|
||||
background-color: #eee;
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
color: #444;
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
#outerwrapper {
|
||||
max-width: 97%;
|
||||
margin: auto;
|
||||
border: 1px solid var(--ve-heavy-violett);
|
||||
}
|
||||
|
||||
header {
|
||||
height: 100vh;
|
||||
max-width: 100%;
|
||||
margin: auto;
|
||||
padding: 3rem;
|
||||
z-index: 1;
|
||||
background: url(/images/cover-image.jpg) top center no-repeat;
|
||||
background-size: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
header h1, header h4 {
|
||||
font-family: "gidole", sans-serif;
|
||||
font-weight: 700;
|
||||
color: var(--ve-heavy-violett);
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: calc(3vw + 1.4rem);
|
||||
margin-bottom: 0.7em;
|
||||
}
|
||||
|
||||
header h4 {
|
||||
font-size: calc(2vw + 1.1rem);
|
||||
}
|
||||
|
||||
header p {
|
||||
margin-left: 13vw;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
header p span {
|
||||
display: block;
|
||||
width: 86%;
|
||||
font-size: calc(0.5vw + 1rem);
|
||||
background-color: var(--ve-heavy-violett);
|
||||
color: var(--ve-vanilla);
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
header p span strong {
|
||||
color: var(--ve-vanilla);
|
||||
}
|
||||
|
||||
header img {
|
||||
display: block;
|
||||
height: calc(7vw + 1.3rem);
|
||||
padding-top: 0 !important;
|
||||
margin-top: -1rem !important;
|
||||
}
|
||||
|
||||
#header-sm {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background: url(/images/cover-image_sm.jpg) center center no-repeat;
|
||||
}
|
||||
|
||||
#header-sm img#logo_sm {
|
||||
display: inline;
|
||||
height: 6.5rem;
|
||||
margin-top: 1rem;
|
||||
margin-left: 22rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
#header-sm h4 {
|
||||
display: inline;
|
||||
font-family: "gidole", sans-serif;
|
||||
font-size: calc(1vw + 1.1rem);
|
||||
font-weight: 700;
|
||||
color: var(--ve-heavy-violett);
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
#menu__toggle {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#menu__toggle:checked + .menu__btn > span {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
#menu__toggle:checked + .menu__btn > span::before {
|
||||
top: 0;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
#menu__toggle:checked + .menu__btn > span::after {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
#menu__toggle:checked ~ .menu__box {
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
.menu__btn {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 3.5%;
|
||||
width: 40px;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background-color: var(--ve-heavy-violett);
|
||||
transition-duration: .3s;
|
||||
}
|
||||
|
||||
.menu__btn > span::before {
|
||||
content: '';
|
||||
top: -8px;
|
||||
}
|
||||
|
||||
.menu__btn > span::after {
|
||||
content: '';
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.menu__box {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 110px 35px;
|
||||
list-style: none;
|
||||
background-color: var(--ve-light-violett);
|
||||
box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
|
||||
transition-duration: .3s;
|
||||
}
|
||||
|
||||
.menu__item {
|
||||
display: block;
|
||||
padding: 12px 24px;
|
||||
color: var(--ve-vanilla);
|
||||
font-family: "gidole", sans-serif;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
transition-duration: .3s;
|
||||
}
|
||||
|
||||
.menu__item:hover {
|
||||
background-color: var(--ve-heavy-violett);
|
||||
color: var(--ve-vanilla);
|
||||
}
|
||||
|
||||
aside {
|
||||
background-color: var(--ve-light-violett);
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 0.3rem;
|
||||
position: sticky;
|
||||
top: 5.5rem;
|
||||
}
|
||||
|
||||
aside > nav {
|
||||
padding: 0.5rem;
|
||||
margin-top: -3.75em;
|
||||
background-color: var(--ve-light-violett);
|
||||
}
|
||||
|
||||
aside > nav ul, footer ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
aside > nav ul li, footer ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
aside > nav ul li a:link, aside > nav ul li a:visited {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
border: 7px solid var(--ve-light-violett);
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
aside > nav ul li a:hover, aside > nav ul li a:focus {
|
||||
border: 7px solid var(--ve-heavy-violett);
|
||||
transform: translate(0.15em, 0.15em);
|
||||
transition: transform 0.3s ease-out;
|
||||
}
|
||||
|
||||
aside > nav ul li a.active {
|
||||
border: 7px solid var(--ve-vanilla);
|
||||
}
|
||||
|
||||
.subnavi {
|
||||
margin-left: 2rem;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 2rem;
|
||||
background-color: var(--ve-light-violett);
|
||||
}
|
||||
|
||||
.content hr {
|
||||
margin: 4rem 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.content hr.hidden {
|
||||
position: relative;
|
||||
left: -10000px;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.content img {
|
||||
margin: 0.5rem 0 1rem 0;
|
||||
}
|
||||
|
||||
.content img#baugruppe_tranz, .content img#baugruppe_ex {
|
||||
background-color: var(--ve-vanilla);
|
||||
}
|
||||
|
||||
.content h2, .content h3, .content h4, .content h5, .content h6, .content > #vorteile h2, .content > section h2, .content > section h3 {
|
||||
font-family: "gidole", sans-serif;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.content h2, .content h3, .content > #vorteile h2, .content > section h2, .content > section h3, .accordion ul li h3 {
|
||||
font-size: calc(1.5vw + 1.4rem);
|
||||
}
|
||||
|
||||
.content > #vorteile h4 {
|
||||
margin-top: 2rem;
|
||||
font-size: calc(1.1vw + 1.1rem);
|
||||
}
|
||||
|
||||
.content section {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.content p {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.content #imp section h2 {
|
||||
margin: 5rem 0 0.5rem 0;
|
||||
}
|
||||
|
||||
.content > .attention, .content .accordion {
|
||||
background-color: var(--ve-vanilla);
|
||||
color: var(--ve-heavy-violett);
|
||||
margin-top: 5rem;
|
||||
padding: 2rem;
|
||||
border: 0.25rem var(--ve-heavy-violett) dashed;
|
||||
}
|
||||
|
||||
.content .violett {
|
||||
background-color: var(--ve-light-violett);
|
||||
color: var(--ve-vanilla);
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.content > ul#vorteile li, .content ul#parts li, .content .prod_info ul li {
|
||||
margin-left: -1rem;
|
||||
}
|
||||
|
||||
.content ul#parts li a:link, .content ul#parts li a:visited {
|
||||
color: var(--ve-vanilla);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content dl#vorteile_parts {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.content dl#vorteile_parts dt {
|
||||
margin-top: 3rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.content dl#vorteile_parts dd {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.content img.prod_pic {
|
||||
float: left;
|
||||
width: 62%;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.content .prod_info {
|
||||
margin-top: 3rem;
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--ve-vanilla);
|
||||
}
|
||||
|
||||
.content p#gruender-edgar span {
|
||||
font-size: calc(3vw + 1.4rem);
|
||||
}
|
||||
|
||||
#bestellung, #eg {
|
||||
background-color: var(--ve-vanilla);
|
||||
color: var(--ve-heavy-violett);
|
||||
padding: 1rem 0.5rem 0 0.5rem;
|
||||
}
|
||||
|
||||
#bestellung a:link, #bestellung a:visited {
|
||||
color: var(--ve-heavy-violett);
|
||||
}
|
||||
|
||||
#newsgrid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
#newsgrid > article.newsitem:first-child {
|
||||
grid-column: 1 / 3;
|
||||
background-color: var(--ve-vanilla);
|
||||
color: var(--ve-heavy-violett);
|
||||
margin-bottom: 1.5rem;
|
||||
padding: 2rem;
|
||||
border: 0.25rem var(--ve-heavy-violett) dashed;
|
||||
}
|
||||
|
||||
#newsgrid > article.newsitem {
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--ve-heavy-violett);
|
||||
}
|
||||
|
||||
#newsgrid > article.newsitem h3 {
|
||||
font-size: calc(1vw + 1.1rem);
|
||||
}
|
||||
|
||||
.main_with_sidebar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: start;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
|
||||
.main_with_sidebar > :first-child {
|
||||
flex-basis: 37%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
main {
|
||||
flex-basis: 62%;
|
||||
flex-grow: 9999;
|
||||
color: var(--ve-vanilla);
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 75%;
|
||||
max-width: 1326px;
|
||||
padding: 0.5rem;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#contact {
|
||||
width: 100%;
|
||||
margin-top: 0.5rem;
|
||||
padding: 2rem;
|
||||
color: var(--ve-vanilla);
|
||||
background-color: var(--ve-light-violett);
|
||||
}
|
||||
|
||||
#contact img.icon {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 0.5rem;
|
||||
padding: 0.2rem 0;
|
||||
width: 1.5rem;
|
||||
}
|
||||
|
||||
#contact h3 {
|
||||
font-size: calc(1.5vw + 1.3rem);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#contact p a:link, #contact p a:visited, .content p a:link, .content p a:visited {
|
||||
color: var(--ve-vanilla);
|
||||
}
|
||||
|
||||
address {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
footer {
|
||||
height: 7rem;
|
||||
line-height: 7rem;
|
||||
text-align: center;
|
||||
color: var(--ve-vanilla);
|
||||
background-color: var(--ve-heavy-violett);
|
||||
}
|
||||
|
||||
footer a:link, footer a:visited {
|
||||
display: inline;
|
||||
text-decoration: none;
|
||||
color: var(--ve-vanilla);
|
||||
}
|
||||
|
||||
footer a:hover, footer a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
header {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
header h4 {
|
||||
margin-top: 1rem !important;
|
||||
margin-bottom: 2rem;
|
||||
font-size: calc(1.5vw + 1.0rem);
|
||||
}
|
||||
header p {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
header img {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
#header-sm img#logo_sm {
|
||||
display: inline !important;
|
||||
margin: 1rem 0 0 3rem;
|
||||
}
|
||||
#header-sm h4 {
|
||||
display: inline !important;
|
||||
font-family: "gidole", sans-serif;
|
||||
font-size: calc(2vw + 1.1rem);
|
||||
font-weight: 700;
|
||||
color: var(--ve-heavy-violett);
|
||||
text-wrap: balance;
|
||||
}
|
||||
.content {
|
||||
padding: 0.5rem !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.content h2, .content h3, .content > #vorteile h2, .content > section h2, .content > section h3 {
|
||||
font-size: calc(1.3vw + 1.2rem) !important;
|
||||
}
|
||||
.content > #vorteile {
|
||||
margin-top: 3rem !important;
|
||||
padding: 0.5rem !important;
|
||||
}
|
||||
.content hr {
|
||||
margin: 2rem 0 !important;
|
||||
clear: both;
|
||||
}
|
||||
#newsgrid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
gap: 0.5rem;
|
||||
}
|
||||
#newsgrid > article.newsitem:first-child {
|
||||
grid-column: 1 / 2;
|
||||
}
|
||||
.wrapper {
|
||||
width: 86%;
|
||||
margin-left: 2.6rem !important;
|
||||
}
|
||||
#contact {
|
||||
font-size: 1.02rem;
|
||||
padding: 0.5rem !important;
|
||||
}
|
||||
#contact img.icon {
|
||||
width: 0.7rem !important;
|
||||
}
|
||||
footer {
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1199px) {
|
||||
aside > #sidebar-menu {
|
||||
display: none;
|
||||
}
|
||||
.hamburger-menu {
|
||||
display: inline;
|
||||
}
|
||||
.main_with_sidebar {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.hamburger-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
BIN
static/fonts/Gidole-Regular.ttf
Normal file
BIN
static/fonts/Gidole-Regular.ttf
Normal file
Binary file not shown.
BIN
static/fonts/angelina.ttf
Normal file
BIN
static/fonts/angelina.ttf
Normal file
Binary file not shown.
44
static/icons/call.svg
Normal file
44
static/icons/call.svg
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="64"
|
||||
height="64"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg6"
|
||||
sodipodi:docname="call.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs10" />
|
||||
<sodipodi:namedview
|
||||
id="namedview8"
|
||||
pagecolor="#00ef06"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="15.64"
|
||||
inkscape:cx="37.94757"
|
||||
inkscape:cy="39.80179"
|
||||
inkscape:window-width="3840"
|
||||
inkscape:window-height="2091"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg6" />
|
||||
<path
|
||||
d="m 14.1008,16.0272 0.5438,0.5165 v 0 z m 0.4554,-0.4795 -0.5438,-0.5165 v 0 z m 2.4167,-0.3354 -0.3742,0.65 v 0 z m 1.9105,1.0997 -0.3742,0.65 z m 0.5383,3.4464 0.5438,0.5166 v -10e-5 z m -1.4205,1.4956 -0.5438,-0.5165 z m -1.3249,0.7091 0.0737,0.7464 z M 6.8154,17.4752 7.3592,16.9587 Z M 2.75185,7.92574 C 2.72965,7.51212 2.37635,7.19481 1.96273,7.21701 1.54911,7.23921 1.23181,7.59252 1.25401,8.00613 Z m 5.4389,1.87933 0.54379,0.51653 z M 8.47756,9.50311 9.02135,10.0196 Z M 8.63428,6.6931 9.24668,6.26012 Z M 7.3733,4.90961 6.7609,5.3426 v 0 z M 3.7177,4.09213 C 3.43244,4.39246 3.44465,4.86717 3.74498,5.15244 4.04531,5.4377 4.52002,5.42549 4.80529,5.12516 Z m 6.3455,9.96377 0.5438,-0.5165 z m -0.3991,6.7564 c 0.3507,0.2204 0.8137,0.1148 1.0341,-0.2359 0.2204,-0.3507 0.1147,-0.8137 -0.236,-1.0341 z m 4.4489,0.2461 c -0.4054,-0.0849 -0.8029,0.175 -0.8878,0.5804 -0.0849,0.4054 0.1749,0.8029 0.5804,0.8878 z m 0.5316,-4.5147 0.4554,-0.4795 -1.0876,-1.033 -0.4554,0.4795 z m 1.9541,-0.6814 1.9105,1.0997 0.7483,-1.3 -1.9105,-1.0997 z m 2.2792,3.3796 -1.4205,1.4956 1.0876,1.033 1.4205,-1.4955 z M 7.3592,16.9587 C 3.48307,12.8778 2.83289,9.43556 2.75185,7.92574 L 1.25401,8.00613 c 0.09925,1.84923 0.88443,5.63417 5.0176,9.98557 z M 8.73454,10.3216 9.02135,10.0196 7.93377,8.9866 7.64695,9.28856 Z M 9.24668,6.26012 7.98569,4.47663 6.7609,5.3426 8.02189,7.12608 Z M 8.19075,9.80507 C 7.64695,9.28856 7.64626,9.28929 7.64556,9.29002 7.64533,9.29028 7.64463,9.29102 7.64415,9.29152 7.6432,9.29254 7.64223,9.29357 7.64125,9.29463 7.63928,9.29675 7.63724,9.29896 7.63515,9.30127 7.63095,9.30588 7.6265,9.31087 7.62182,9.31625 7.61247,9.32701 7.60219,9.33931 7.5912,9.3532 7.56922,9.38098 7.54435,9.41511 7.51826,9.45588 7.46595,9.53764 7.40921,9.64531 7.36117,9.78033 7.26346,10.0549 7.21022,10.4185 7.27675,10.8726 c 0.13071,0.8921 0.71527,2.0918 2.24262,3.6998 L 10.607,13.5394 C 9.1793,12.0363 8.82765,11.1106 8.7609,10.6551 c -0.03219,-0.2197 5.2e-4,-0.3355 0.01346,-0.3719 0.00727,-0.0204 0.01203,-0.0261 0.00738,-0.0188 -0.00226,0.0035 -0.00676,0.0101 -0.01432,0.0197 -0.00379,0.0047 -0.00834,0.0103 -0.01378,0.0165 -0.00272,0.0032 -0.00566,0.0065 -0.00884,0.01 -0.00159,0.0017 -0.00324,0.0035 -0.00495,0.0053 -8.5e-4,0.001 -0.00172,0.0019 -0.00261,0.0028 -4.4e-4,5e-4 -0.00112,0.0012 -0.00134,0.0015 -6.8e-4,7e-4 -0.00136,0.0014 -0.54515,-0.51513 z m 1.32862,4.76733 c 1.52283,1.6033 2.67303,2.2336 3.55053,2.3761 0.4502,0.0731 0.8147,0.0147 1.0907,-0.0941 0.1349,-0.0532 0.2417,-0.1157 0.3218,-0.1725 0.0399,-0.0284 0.0732,-0.0553 0.1001,-0.0788 0.0134,-0.0118 0.0253,-0.0228 0.0356,-0.0328 0.0052,-0.0049 0.0099,-0.0097 0.0143,-0.0141 0.0022,-0.0022 0.0044,-0.0044 0.0064,-0.0065 10e-4,-0.001 0.002,-0.002 0.0029,-0.003 5e-4,-5e-4 0.0012,-0.0013 0.0015,-0.0015 7e-4,-8e-4 0.0014,-0.0015 -0.5424,-0.518 -0.5438,-0.5165 -0.5431,-0.5172 -0.5425,-0.5179 3e-4,-3e-4 9e-4,-10e-4 0.0014,-0.0015 9e-4,-9e-4 0.0018,-0.0018 0.0026,-0.0027 0.0018,-0.0018 0.0035,-0.0036 0.0052,-0.0053 0.0033,-0.0033 0.0065,-0.0065 0.0095,-0.0094 0.0061,-0.0058 0.0115,-0.0108 0.0163,-0.015 0.0096,-0.0084 0.0167,-0.0138 0.0213,-0.017 0.0093,-0.0067 0.0084,-0.0044 -0.0044,6e-4 -0.0193,0.0076 -0.1101,0.0397 -0.2999,0.0089 -0.4025,-0.0654 -1.2712,-0.4207 -2.7033,-1.9285 z M 7.98569,4.47663 C 6.9721,3.04305 4.94388,2.80119 3.7177,4.09213 L 4.80529,5.12516 C 5.32812,4.57471 6.24855,4.61795 6.7609,5.3426 Z M 17.4574,20.7375 c -0.2791,0.2938 -0.571,0.4512 -0.8548,0.4792 l 0.1474,1.4928 c 0.747,-0.0738 1.3516,-0.4722 1.795,-0.939 z M 9.02135,10.0196 C 9.98893,9.00095 10.0574,7.40678 9.24668,6.26012 L 8.02189,7.12608 C 8.44404,7.72315 8.3793,8.51753 7.93377,8.9866 Z m 9.48785,6.9424 c 0.8209,0.4725 0.9815,1.6348 0.3687,2.2799 l 1.0876,1.033 c 1.305,-1.3739 0.9249,-3.673 -0.708,-4.6129 z M 15.1,16.0642 c 0.3854,-0.4058 0.986,-0.497 1.4987,-0.2019 l 0.7483,-1.3 c -1.0985,-0.6323 -2.4608,-0.451 -3.3346,0.4689 z m -4.6378,3.4781 C 9.47846,18.9241 8.43149,18.0876 7.3592,16.9587 l -1.08759,1.033 c 1.15403,1.215 2.29736,2.1324 3.39249,2.8206 z m 6.1404,1.6744 c -0.5465,0.054 -1.4114,0.0675 -2.4896,-0.1583 l -0.3074,1.4682 c 1.2485,0.2614 2.2686,0.2496 2.9444,0.1829 z"
|
||||
fill="#1c274c"
|
||||
id="path4"
|
||||
style="display:inline;fill:#f1d8b5;fill-opacity:1"
|
||||
inkscape:label="path4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue