vanilla.engineering/mainpage_v2_static
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

2024-05-30 1258

Browse source
This commit is contained in:
edi 2024-05-30 12:58:35 +02:00
parent 47f1f9939e
commit 496398a9c9
Signed by: edi
SSH key fingerprint: SHA256:KFkwZzDracWAjmHqmcEMriW2i/8qe9LcXBGY2UFyQe4
7 changed files with 59 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
css/vanilla.css
View file

@ -15,7 +15,9 @@
--primary: var(--ve-light-violett);
--primary90: #a458aee0;
--secondary: var(--royal-plum);
--secondary90: #5d2169d0;
--light-primary: var(--ve-vanilla);
--light-secondary: var(--sandstorm-taupe);
--netzlinien: var(--poppler-aftermath);
@ -204,6 +206,7 @@ header#hero img {
#menu__toggle {
opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
transform: rotate(45deg);
@ -221,31 +224,40 @@ header#hero img {
}
.menu__btn {
position: fixed;
top: 50px;
top: 40px;
left: 3.5%;
width: 40px;
height: 50px;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 1;
z-index: 2;
background-color: var(--primary90);
border-radius: 30px;
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
display: block;
position: absolute;
width: 100%;
width: 35px;
height: 2px;
background-color: var(--secondary);
transition-duration: .3s;
}
.menu__btn > span {
top: 29px;
left: 12px
}
.menu__btn > span::before {
content: '';
top: -8px;
top: -10px;
}
.menu__btn > span::after {
content: '';
top: 8px;
top: 10px;
}
.menu__box {
display: block;
@ -260,6 +272,7 @@ header#hero img {
background-color: var(--primary);
box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
transition-duration: .3s;
z-index:1;
}
.menu__item {
display: block;
@ -480,7 +493,7 @@ a.imp:before {
text-decoration: underline;
}
/***********************************************************************/
/* START Newsgrid */
#newsgrid {
@ -504,7 +517,7 @@ a.imp:before {
}
/******************************************************************************/
/* ENDE Newsgrid */
.main_with_sidebar {
display: flex;
@ -514,7 +527,7 @@ a.imp:before {
}
.main_with_sidebar > :first-child {
flex-basis: 30%;
flex-basis: 29%;
flex-grow: 1;
}

16
datenschutz/index.html
View file

@ -165,15 +165,15 @@ Hoyerswerdaer Str. 28<br>
01099 Dresden</p>
<p>Telefon:</p>
<style>
#span-c24e8c38.cloaked-e-mail:before {
#span-4b8405a1.cloaked-e-mail:before {
content:attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-c24e8c38"></span> </p>
<script id="script-c24e8c38">
var scriptTag = document.getElementById("script-c24e8c38");
<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-4b8405a1"></span> </p>
<script id="script-4b8405a1">
var scriptTag = document.getElementById("script-4b8405a1");
var link = document.createElement("a");
var address = "08137903 153 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address;
@ -183,15 +183,15 @@ Hoyerswerdaer Str. 28<br>
</script>
<p>E-Mail:</p>
<style>
#span-c5e7a7b7.cloaked-e-mail:before {
#span-599e9c84.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
<p> <span class="cloaked-e-mail" data-user="ztuhcsnetad" data-domain="gnireenigne.allinav" id="span-c5e7a7b7"></span> </p>
<script id="script-c5e7a7b7">
var scriptTag = document.getElementById("script-c5e7a7b7");
<p> <span class="cloaked-e-mail" data-user="ztuhcsnetad" data-domain="gnireenigne.allinav" id="span-599e9c84"></span> </p>
<script id="script-599e9c84">
var scriptTag = document.getElementById("script-599e9c84");
var link = document.createElement("a");
var address = "ztuhcsnetad".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address;

BIN
images/platzhalter.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 217 KiB

After

Width:  |  Height:  |  Size: 185 KiB

BIN
images/platzhalter.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 466 KiB

24
impressum/index.html
View file

@ -124,15 +124,15 @@ Registergericht: Amtsgericht Dresden</p>
<h2 id="kontakt">Kontakt</h2>
<p>Telefon:</p>
<style>
#span-675fc8bf.cloaked-e-mail:before {
#span-025672e5.cloaked-e-mail:before {
content:attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-675fc8bf"></span> </p>
<script id="script-675fc8bf">
var scriptTag = document.getElementById("script-675fc8bf");
<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-025672e5"></span> </p>
<script id="script-025672e5">
var scriptTag = document.getElementById("script-025672e5");
var link = document.createElement("a");
var address = "08137903 153 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address;
@ -142,15 +142,15 @@ Registergericht: Amtsgericht Dresden</p>
</script>
<p>Telefax:</p>
<style>
#span-0cf687ce.cloaked-e-mail:before {
#span-139e1b24.cloaked-e-mail:before {
content:attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
<p> <span class="cloaked-e-mail" data-user="84164233 153 94&#43;" id="span-0cf687ce"></span> </p>
<script id="script-0cf687ce">
var scriptTag = document.getElementById("script-0cf687ce");
<p> <span class="cloaked-e-mail" data-user="84164233 153 94&#43;" id="span-139e1b24"></span> </p>
<script id="script-139e1b24">
var scriptTag = document.getElementById("script-139e1b24");
var link = document.createElement("a");
var address = "84164233 153 94\u002b".split('').reverse().join('');
link.href = "fax" + ":" + address;
@ -160,15 +160,15 @@ Registergericht: Amtsgericht Dresden</p>
</script>
<p>E-Mail:</p>
<style>
#span-f73fafa8.cloaked-e-mail:before {
#span-d5a2fb10.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
<p> <span class="cloaked-e-mail" data-user="musserpmi" data-domain="gnireenigne.allinav" id="span-f73fafa8"></span> </p>
<script id="script-f73fafa8">
var scriptTag = document.getElementById("script-f73fafa8");
<p> <span class="cloaked-e-mail" data-user="musserpmi" data-domain="gnireenigne.allinav" id="span-d5a2fb10"></span> </p>
<script id="script-d5a2fb10">
var scriptTag = document.getElementById("script-d5a2fb10");
var link = document.createElement("a");
var address = "musserpmi".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address;

16
kontakt/edgar/index.html
View file

@ -119,15 +119,15 @@
<img class="icon" src="/icons/letter-dark.svg" height="22px">
E-Mail:
<style>
#span-ed22872d.cloaked-e-mail:before {
#span-10a37f0e.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
&#32;<span class="cloaked-e-mail" data-user="ge" data-domain="gnireenigne.allinav" id="span-ed22872d"></span>&#32;
<script id="script-ed22872d">
var scriptTag = document.getElementById("script-ed22872d");
&#32;<span class="cloaked-e-mail" data-user="ge" data-domain="gnireenigne.allinav" id="span-10a37f0e"></span>&#32;
<script id="script-10a37f0e">
var scriptTag = document.getElementById("script-10a37f0e");
var link = document.createElement("a");
var address = "ge".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address;
@ -138,15 +138,15 @@ E-Mail:
<img class="icon" src="/icons/call-dark.svg" height="22px">
Telefon:
<style>
#span-089bcfdf.cloaked-e-mail:before {
#span-cb443d08.cloaked-e-mail:before {
content:attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-089bcfdf"></span>&#32;
<script id="script-089bcfdf">
var scriptTag = document.getElementById("script-089bcfdf");
&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-cb443d08"></span>&#32;
<script id="script-cb443d08">
var scriptTag = document.getElementById("script-cb443d08");
var link = document.createElement("a");
var address = "3271709 261 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address;

16
kontakt/vanilla/index.html
View file

@ -118,15 +118,15 @@
<img class="icon" src="/icons/letter-dark.svg" height="22px">
E-Mail:
<style>
#span-a7e6fb71.cloaked-e-mail:before {
#span-69e3bb36.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
&#32;<span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-a7e6fb71"></span>&#32;
<script id="script-a7e6fb71">
var scriptTag = document.getElementById("script-a7e6fb71");
&#32;<span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-69e3bb36"></span>&#32;
<script id="script-69e3bb36">
var scriptTag = document.getElementById("script-69e3bb36");
var link = document.createElement("a");
var address = "liam".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address;
@ -137,15 +137,15 @@ E-Mail:
<img class="icon" src="/icons/call-dark.svg" height="22px">
Telefon:
<style>
#span-2549d115.cloaked-e-mail:before {
#span-00394374.cloaked-e-mail:before {
content:attr(data-user);
unicode-bidi:bidi-override;
direction:rtl;
}
</style>
&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-2549d115"></span>&#32;
<script id="script-2549d115">
var scriptTag = document.getElementById("script-2549d115");
&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-00394374"></span>&#32;
<script id="script-00394374">
var scriptTag = document.getElementById("script-00394374");
var link = document.createElement("a");
var address = "3271709 261 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address;