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

16
datenschutz/index.html
View file

@ -165,15 +165,15 @@ Hoyerswerdaer Str. 28<br>
01099 Dresden</p> 01099 Dresden</p>
<p>Telefon:</p> <p>Telefon:</p>
<style> <style>
#span-c24e8c38.cloaked-e-mail:before { #span-4b8405a1.cloaked-e-mail:before {
content:attr(data-user); content:attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-c24e8c38"></span> </p> <p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-4b8405a1"></span> </p>
<script id="script-c24e8c38"> <script id="script-4b8405a1">
var scriptTag = document.getElementById("script-c24e8c38"); var scriptTag = document.getElementById("script-4b8405a1");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "08137903 153 94\u002b".split('').reverse().join(''); var address = "08137903 153 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address; link.href = "tel" + ":" + address;
@ -183,15 +183,15 @@ Hoyerswerdaer Str. 28<br>
</script> </script>
<p>E-Mail:</p> <p>E-Mail:</p>
<style> <style>
#span-c5e7a7b7.cloaked-e-mail:before { #span-599e9c84.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user); content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
<p> <span class="cloaked-e-mail" data-user="ztuhcsnetad" data-domain="gnireenigne.allinav" id="span-c5e7a7b7"></span> </p> <p> <span class="cloaked-e-mail" data-user="ztuhcsnetad" data-domain="gnireenigne.allinav" id="span-599e9c84"></span> </p>
<script id="script-c5e7a7b7"> <script id="script-599e9c84">
var scriptTag = document.getElementById("script-c5e7a7b7"); var scriptTag = document.getElementById("script-599e9c84");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "ztuhcsnetad".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join(''); var address = "ztuhcsnetad".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address; 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> <h2 id="kontakt">Kontakt</h2>
<p>Telefon:</p> <p>Telefon:</p>
<style> <style>
#span-675fc8bf.cloaked-e-mail:before { #span-025672e5.cloaked-e-mail:before {
content:attr(data-user); content:attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
<p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-675fc8bf"></span> </p> <p> <span class="cloaked-e-mail" data-user="08137903 153 94&#43;" id="span-025672e5"></span> </p>
<script id="script-675fc8bf"> <script id="script-025672e5">
var scriptTag = document.getElementById("script-675fc8bf"); var scriptTag = document.getElementById("script-025672e5");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "08137903 153 94\u002b".split('').reverse().join(''); var address = "08137903 153 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address; link.href = "tel" + ":" + address;
@ -142,15 +142,15 @@ Registergericht: Amtsgericht Dresden</p>
</script> </script>
<p>Telefax:</p> <p>Telefax:</p>
<style> <style>
#span-0cf687ce.cloaked-e-mail:before { #span-139e1b24.cloaked-e-mail:before {
content:attr(data-user); content:attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
<p> <span class="cloaked-e-mail" data-user="84164233 153 94&#43;" id="span-0cf687ce"></span> </p> <p> <span class="cloaked-e-mail" data-user="84164233 153 94&#43;" id="span-139e1b24"></span> </p>
<script id="script-0cf687ce"> <script id="script-139e1b24">
var scriptTag = document.getElementById("script-0cf687ce"); var scriptTag = document.getElementById("script-139e1b24");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "84164233 153 94\u002b".split('').reverse().join(''); var address = "84164233 153 94\u002b".split('').reverse().join('');
link.href = "fax" + ":" + address; link.href = "fax" + ":" + address;
@ -160,15 +160,15 @@ Registergericht: Amtsgericht Dresden</p>
</script> </script>
<p>E-Mail:</p> <p>E-Mail:</p>
<style> <style>
#span-f73fafa8.cloaked-e-mail:before { #span-d5a2fb10.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user); content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
<p> <span class="cloaked-e-mail" data-user="musserpmi" data-domain="gnireenigne.allinav" id="span-f73fafa8"></span> </p> <p> <span class="cloaked-e-mail" data-user="musserpmi" data-domain="gnireenigne.allinav" id="span-d5a2fb10"></span> </p>
<script id="script-f73fafa8"> <script id="script-d5a2fb10">
var scriptTag = document.getElementById("script-f73fafa8"); var scriptTag = document.getElementById("script-d5a2fb10");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "musserpmi".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join(''); var address = "musserpmi".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address; 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"> <img class="icon" src="/icons/letter-dark.svg" height="22px">
E-Mail: E-Mail:
<style> <style>
#span-ed22872d.cloaked-e-mail:before { #span-10a37f0e.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user); content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
&#32;<span class="cloaked-e-mail" data-user="ge" data-domain="gnireenigne.allinav" id="span-ed22872d"></span>&#32; &#32;<span class="cloaked-e-mail" data-user="ge" data-domain="gnireenigne.allinav" id="span-10a37f0e"></span>&#32;
<script id="script-ed22872d"> <script id="script-10a37f0e">
var scriptTag = document.getElementById("script-ed22872d"); var scriptTag = document.getElementById("script-10a37f0e");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "ge".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join(''); var address = "ge".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address; link.href = "mailto" + ":" + address;
@ -138,15 +138,15 @@ E-Mail:
<img class="icon" src="/icons/call-dark.svg" height="22px"> <img class="icon" src="/icons/call-dark.svg" height="22px">
Telefon: Telefon:
<style> <style>
#span-089bcfdf.cloaked-e-mail:before { #span-cb443d08.cloaked-e-mail:before {
content:attr(data-user); content:attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-089bcfdf"></span>&#32; &#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-cb443d08"></span>&#32;
<script id="script-089bcfdf"> <script id="script-cb443d08">
var scriptTag = document.getElementById("script-089bcfdf"); var scriptTag = document.getElementById("script-cb443d08");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "3271709 261 94\u002b".split('').reverse().join(''); var address = "3271709 261 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address; 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"> <img class="icon" src="/icons/letter-dark.svg" height="22px">
E-Mail: E-Mail:
<style> <style>
#span-a7e6fb71.cloaked-e-mail:before { #span-69e3bb36.cloaked-e-mail:before {
content:attr(data-domain) "\0040" attr(data-user); content:attr(data-domain) "\0040" attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
&#32;<span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-a7e6fb71"></span>&#32; &#32;<span class="cloaked-e-mail" data-user="liam" data-domain="gnireenigne.allinav" id="span-69e3bb36"></span>&#32;
<script id="script-a7e6fb71"> <script id="script-69e3bb36">
var scriptTag = document.getElementById("script-a7e6fb71"); var scriptTag = document.getElementById("script-69e3bb36");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "liam".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join(''); var address = "liam".split('').reverse().join('') + "@" + "gnireenigne.allinav".split('').reverse().join('');
link.href = "mailto" + ":" + address; link.href = "mailto" + ":" + address;
@ -137,15 +137,15 @@ E-Mail:
<img class="icon" src="/icons/call-dark.svg" height="22px"> <img class="icon" src="/icons/call-dark.svg" height="22px">
Telefon: Telefon:
<style> <style>
#span-2549d115.cloaked-e-mail:before { #span-00394374.cloaked-e-mail:before {
content:attr(data-user); content:attr(data-user);
unicode-bidi:bidi-override; unicode-bidi:bidi-override;
direction:rtl; direction:rtl;
} }
</style> </style>
&#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-2549d115"></span>&#32; &#32;<span class="cloaked-e-mail" data-user="3271709 261 94&#43;" id="span-00394374"></span>&#32;
<script id="script-2549d115"> <script id="script-00394374">
var scriptTag = document.getElementById("script-2549d115"); var scriptTag = document.getElementById("script-00394374");
var link = document.createElement("a"); var link = document.createElement("a");
var address = "3271709 261 94\u002b".split('').reverse().join(''); var address = "3271709 261 94\u002b".split('').reverse().join('');
link.href = "tel" + ":" + address; link.href = "tel" + ":" + address;