490 lines
15 KiB
HTML
490 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
|
|
<title>vanilla.engineering</title>
|
|
|
|
|
|
<link rel="shortcut icon" href="https://vanilla.engineering/images/favicon.png" type="image/png"
|
|
/>
|
|
|
|
|
|
<meta name="description" content="Creating Camper Experience"
|
|
/>
|
|
|
|
<meta name="keywords" content="Camper, Ausbau, Umbau, Konstruktion, Zeichnen, Planung"
|
|
/>
|
|
<meta name="referrer" content="no-referrer-when-downgrade" />
|
|
|
|
<meta name="HandheldFriendly" content="True" />
|
|
<meta name="MobileOptimized" content="320" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://vanilla.engineering/css/style.min.8d9d115b1de612f5dca5019174faf0816d8200ef4533eca8e15574e8e4f18e80.css" type="text/css" integrity="sha256-jZ0RWx3mEvXcpQGRdPrwgW2CAO9FM+yo4VV06OTxjoA=" />
|
|
|
|
<meta property="og:title" content="" />
|
|
<meta property="og:description" content="Creating Camper Experience" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://vanilla.engineering/" /><meta property="og:image" content="https://vanilla.engineering/images/cover-image.jpg" /><meta property="og:site_name" content="vanilla.engineering" />
|
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:image" content="https://vanilla.engineering/images/cover-image.jpg" /><meta name="twitter:title" content=""/>
|
|
<meta name="twitter:description" content="Creating Camper Experience"/>
|
|
|
|
<meta itemprop="name" content="">
|
|
<meta itemprop="description" content="Creating Camper Experience">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
:root {
|
|
--ve-light-violett: #aa69b5;
|
|
--ve-heavy-violett: #5d2169;
|
|
--ve-vanilla: #faefdd;
|
|
--ve-vanilla-heavy: #e4cba1;
|
|
|
|
|
|
|
|
--section-light-bg-color: var(--ve-vanilla);
|
|
|
|
--cover-text-color: #000;
|
|
--highlight: var(--ve-light-violett);
|
|
--section-dark-bg-color: var(--ve-light-violett);
|
|
--section-dark-text-color: #fdf7ee!important;
|
|
--sticky-menu-text-color: var(--highlight);
|
|
|
|
--footer-color-background:var(--ve-heavy-violett);
|
|
}
|
|
@font-face {
|
|
font-family: "gidole";
|
|
src: url("/fonts/GidoleFont/Gidole-Regular.ttf");
|
|
}
|
|
@font-face {
|
|
font-family: "angelina";
|
|
src: url("/fonts/angelina.ttf");
|
|
}
|
|
|
|
.post {
|
|
max-width: 800px;
|
|
}
|
|
|
|
|
|
#site-head .blog-title, #site-head.withCenteredImage .blog-title {
|
|
font-family: "gidole", sans-serif;
|
|
font-size: 3.3rem;
|
|
font-weight: 500;
|
|
|
|
position: relative;
|
|
top: -5.4rem;
|
|
left: -3.10rem;
|
|
text-shadow: none;
|
|
|
|
|
|
}
|
|
#site-head .blog-description, #site-head.withCenteredImage .blog-description {
|
|
font-family: "angelina", sans-serif;
|
|
color: var(--ve-heavy-violett);
|
|
font-size: 3rem;
|
|
transform: rotate(-6deg);
|
|
position: relative;
|
|
top: -3.5rem;
|
|
}
|
|
|
|
#blog-logo {
|
|
max-height: 12rem;
|
|
|
|
}
|
|
|
|
img.icon {display: inline;}
|
|
img.qr {display: inline;}
|
|
|
|
#tsetstest {background-color: #f9ebd2}
|
|
|
|
main.page-template {
|
|
background-image: url("/ve_logo.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: right 1em bottom 4em;
|
|
background-size: 10rem;
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--ve-vanilla);
|
|
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");
|
|
|
|
|
|
|
|
}
|
|
|
|
.post-holder {
|
|
background-color: var(--ve-vanilla);
|
|
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");
|
|
|
|
& p {background-color: var(--section-light-bg-color);}
|
|
|
|
|
|
&.dark {
|
|
background-image: none;
|
|
& p {background-color: var(--section-dark-bg-color);}
|
|
}
|
|
}
|
|
h1 {
|
|
font-family: "gidole", sans-serif;
|
|
line-height: 1.2em;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
h2 {
|
|
font-family: "gidole", sans-serif;
|
|
font-size: 1.8em;
|
|
line-height: 1.5em;
|
|
letter-spacing: -1px;
|
|
margin-top: 1em;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
h3 {
|
|
font-family: "gidole", sans-serif;
|
|
font-size: 1.5em;
|
|
line-height: 1.7em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
h4 {
|
|
font-family: "gidole", sans-serif;
|
|
font-size: 1.1em;
|
|
margin-top: 1;
|
|
|
|
}
|
|
h5 {
|
|
font-family: "gidole", sans-serif;
|
|
font-size: 1.1em;
|
|
font-weight: 100;
|
|
margin-top: 1;
|
|
margin-bottom: 3em;
|
|
}
|
|
|
|
|
|
.post-content-single {
|
|
padding: 1.2rem;
|
|
& p {background-color:var(--section-light-bg-color)}
|
|
|
|
}
|
|
|
|
.highlight {
|
|
background-color: #fff7;
|
|
padding: 0.4em;
|
|
border: 2px dotted var(--ve-light-violett);
|
|
hyphens: none;
|
|
}
|
|
|
|
a:hover {color: var(--ve-heavy-violett);}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="https://vanilla.engineering/images/apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="32x32"
|
|
href="https://vanilla.engineering/images/favicon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="16x16"
|
|
href="https://vanilla.engineering/images/favicon.png"
|
|
/>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header id="site-head" class="withCenteredImage" style="background-image: url(images/cover-image.jpg)">
|
|
|
|
|
|
<div class="vertical">
|
|
|
|
|
|
|
|
<div id="site-head-content" class="inner">
|
|
<img id="blog-logo" src="/ve_logo_notext.svg" />
|
|
|
|
|
|
<h1 class="blog-title">vanilla.engineering</h1>
|
|
<h2 class="blog-description">creating camper experience</h2>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class='btn site-menu' data-title-anchor='van-möbel' href='#van-m%c3%b6bel'>Van-Möbel</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class='btn site-menu' data-title-anchor='der-gründer' href='#der-gr%c3%bcnder'>Der Gründer</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class='btn site-menu' data-title-anchor='kontakt' href='#kontakt'>Kontakt</a>
|
|
|
|
|
|
|
|
|
|
<a id='header-arrow' href="#vanilla" aria-label="Go to first section"><i class="fa fa-angle-down"></i></a>
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="content" role="main">
|
|
|
|
<div class='fixed-nav'>
|
|
|
|
|
|
<a class='fn-item' item_index='1' href='#vanilla'>Vanilla</a>
|
|
|
|
|
|
<a class='fn-item' item_index='2' href='#van-m%c3%b6bel'>Van-Möbel</a>
|
|
|
|
|
|
<a class='fn-item' item_index='3' href='#der-gr%c3%bcnder'>Der Gründer</a>
|
|
|
|
|
|
<a class='fn-item' item_index='4' href='#kontakt'>Kontakt</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class='post-holder'>
|
|
<article id='vanilla' class='post first '>
|
|
<header class="post-header">
|
|
<h2 class="post-title">Camperausbau leicht gemacht!</h2>
|
|
</header>
|
|
<section class="post-content">
|
|
<p>Schön das du <strong>vanilla.engineering</strong> gefunden hast!</p>
|
|
<div class="highlight">
|
|
Mit unserem Möbelsystem zum Van-Ausbau kannst du ganz einfach einen Kastenwagen in <strong>deinen Camper</strong> verwandeln.
|
|
</div>
|
|
|
|
<p>Wir stehen noch ganz am Anfang und geben dir gern einen ersten Einblick, was hier auf dich wartet.</p>
|
|
|
|
</section>
|
|
</article>
|
|
<div class='post-after light'></div>
|
|
</div>
|
|
|
|
|
|
<div class='post-holder dark'>
|
|
<article id='van-möbel' class='post '>
|
|
<header class="post-header">
|
|
<h2 class="post-title">Das Van-Möbelsystem vanilla.parts</h2>
|
|
</header>
|
|
<section class="post-content">
|
|
<p><img src="/images/dunja1_ex.png" alt="Möbelsystem"></p>
|
|
<p><strong>vanilla.parts</strong> sind unsere vorgefertigten Möbelteile zur eigenen Montage, <strong>passgenau</strong> für dein Fahrzeug.
|
|
Wir starten mit dem Ducato L4H2, später wird unser Van-Möbelsystem auch für andere Modelle und Fabrikate erhältlich sein.</p>
|
|
<!-- raw HTML omitted -->
|
|
<h2 id="deine-vorteile-im-überblick">Deine Vorteile im Überblick:</h2>
|
|
<ul>
|
|
<li>
|
|
<p>Wir haben an alle Einzelheiten für dein perfektes DIY-Erlebnis gedacht.</p>
|
|
</li>
|
|
<li>
|
|
<p>Die Montage der Möbel ist mit einfachen Werkzeugen möglich.</p>
|
|
</li>
|
|
<li>
|
|
<p>Du erhälst Anleitungen für jeden Ausbauschritt mit nützlichen Tipps und Tricks.</p>
|
|
</li>
|
|
<li>
|
|
<p>Du kannst vanilla.parts individuell anpassen und zum Beispiel in deiner Lieblingsfarbe streichen.</p>
|
|
</li>
|
|
<li>
|
|
<p>Welche zusätzliche Ausstattung ist sinnvoll? Welche nicht? Von uns erhälst du Empfehlungen für passendes Zubehör.</p>
|
|
</li>
|
|
<li>
|
|
<p>Du wirst zum Experten für deinen eigenen Campervan, der alle Komponenten seines Fahrzeugs kennt.</p>
|
|
</li>
|
|
</ul>
|
|
|
|
</section>
|
|
</article>
|
|
<div class='post-after'></div>
|
|
</div>
|
|
|
|
|
|
<div class='post-holder'>
|
|
<article id='der-gründer' class='post '>
|
|
<header class="post-header">
|
|
<h2 class="post-title">Der Gründer</h2>
|
|
</header>
|
|
<section class="post-content">
|
|
<p><img src="images/eg.jpg" alt="Edgar Grüner"></p>
|
|
<p>Mein Name ist <strong>Edgar Grüner</strong>. Ich bin Schreinermeister 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.</p>
|
|
|
|
</section>
|
|
</article>
|
|
<div class='post-after light'></div>
|
|
</div>
|
|
|
|
|
|
<div class='post-holder dark'>
|
|
<article id='kontakt' class='post last'>
|
|
<header class="post-header">
|
|
<h2 class="post-title">So erreichst du uns</h2>
|
|
</header>
|
|
<section class="post-content">
|
|
<p>
|
|
|
|
|
|
<img class="icon" src="/icons/letter.svg" height="22px">
|
|
|
|
<style>
|
|
#span-4457e884.cloaked-e-mail:before {
|
|
content:attr(data-domain) "\0040" attr(data-user);
|
|
unicode-bidi:bidi-override;
|
|
direction:rtl;
|
|
}
|
|
</style>
|
|
 <span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-4457e884"></span> 
|
|
|
|
<script id="script-4457e884">
|
|
var scriptTag = document.getElementById("script-4457e884");
|
|
var link = document.createElement("a");
|
|
var address = "liam".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
|
|
link.href = "mailto" + ":" + address;
|
|
link.innerText = address.split('?')[0];
|
|
scriptTag.parentElement.insertBefore(link, scriptTag.previousElementSibling);
|
|
scriptTag.parentElement.removeChild(scriptTag.previousElementSibling)
|
|
</script>
|
|
|
|
(
|
|
|
|
|
|
<img class="icon" src="/icons/lock.svg" height="18px">
|
|
<a href="/keys/mail">gerne auch verschlüsselt</a> )</p>
|
|
<p>
|
|
|
|
|
|
<img class="icon" src="/icons/call.svg" height="22px">
|
|
|
|
<style>
|
|
#span-44fecf76.cloaked-e-mail:before {
|
|
content:attr(data-user);
|
|
unicode-bidi:bidi-override;
|
|
direction:rtl;
|
|
}
|
|
</style>
|
|
 <span class="cloaked-e-mail" data-user="3271709 261 94+" id="span-44fecf76"></span> 
|
|
|
|
<script id="script-44fecf76">
|
|
var scriptTag = document.getElementById("script-44fecf76");
|
|
var link = document.createElement("a");
|
|
var address = "3271709 261 94\u002b".split('').reverse().join('');
|
|
link.href = "tel" + ":" + address;
|
|
link.innerText = address.split('?')[0];
|
|
scriptTag.parentElement.insertBefore(link, scriptTag.previousElementSibling);
|
|
scriptTag.parentElement.removeChild(scriptTag.previousElementSibling)
|
|
</script>
|
|
|
|
</p>
|
|
<p>
|
|
|
|
|
|
<img class="icon" src="/icons/linkedin.svg" height="22px">
|
|
Vanilla auf
|
|
|
|
<a href='https://www.linkedin.com/company/vanilla-engineering' target=_blank alt="Öffnet im neuen Fenster">LinkedIn</a>↗
|
|
</p>
|
|
<!-- raw HTML omitted -->
|
|
<!-- raw HTML omitted -->
|
|
|
|
</section>
|
|
</article>
|
|
<div class='post-after'></div>
|
|
</div>
|
|
|
|
</main>
|
|
<footer class="site-footer">
|
|
<div class="inner">
|
|
|
|
<section class="copyright">© Vanilla Engineering GmbH</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://vanilla.engineering/js/script.min.46b17035461189da6fc3699723a59efaeed7e105e77fb588a0ecef5b5d925ea1.js" integrity="sha256-RrFwNUYRidpvw2mXI6We+u7X4QXnf7WIoOzvW12SXqE=" ></script>
|
|
|
|
|
|
<script>cssVars();</script>
|
|
|
|
|
|
<footer class="site-footer">
|
|
<img style="position:absolute; right: 2rem; bottom:1.5rem; height:3.3rem; opacity:0.4" src="/icons/no-cookie.svg" alt="Ohne Cookies!" title="Ohne Cookies!">
|
|
<div class="inner">
|
|
<section>
|
|
<a href="/impressum">Impressum</a> <a href="/datenschutz">Datenschutz</a>
|
|
</section>
|
|
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|