Compare commits
10 commits
a9bf7d5f97
...
2654f95e37
Author | SHA1 | Date | |
---|---|---|---|
|
2654f95e37 | ||
|
2700f158f8 | ||
|
b5d765071d | ||
|
68c002b62d | ||
|
5408ab1d8e | ||
|
e8e6bc9cf8 | ||
|
92ca25b578 | ||
|
fc02eaa2af | ||
|
2bf947bc36 | ||
b081bdf345 |
5 changed files with 38 additions and 14 deletions
2
public/images/icons/bars-white.svg
Normal file
2
public/images/icons/bars-white.svg
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1664 1344v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45z" fill="#fff"/></svg>
|
After Width: | Height: | Size: 458 B |
2
public/images/icons/times-white.svg
Normal file
2
public/images/icons/times-white.svg
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z" fill="#fff"/></svg>
|
After Width: | Height: | Size: 427 B |
|
@ -56,18 +56,26 @@
|
||||||
title="Zum Seitenanfang"><h1>kraut.space</h1></a>
|
title="Zum Seitenanfang"><h1>kraut.space</h1></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="header-right" class="flex-box row">
|
<div id="header-right" class="flex-box row center">
|
||||||
<p>
|
<div id="menu-icon" class="icon">
|
||||||
<a id="open-menu"
|
<a id="open-menu"
|
||||||
title="Menu öffnen"
|
title="Navigation öffnen"
|
||||||
href="#menu">Menu</a>
|
href="#menu">
|
||||||
</p>
|
<img class="icon-img"
|
||||||
|
alt="Navigation öffnen"
|
||||||
|
src="./images/icons/bars-white.svg" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<nav id="menu" class="flex-box column">
|
<nav id="menu" class="flex-box column">
|
||||||
<p>
|
<div id="menu-icon" class="icon">
|
||||||
<a id="close-menu"
|
<a id="close-menu"
|
||||||
title="Menu schliessen"
|
title="Navigation schliessen"
|
||||||
href="#open-menu">Close</a>
|
href="#open-menu">
|
||||||
</p>
|
<img class="icon-img"
|
||||||
|
alt="Navigation schliessen"
|
||||||
|
src="./images/icons/times-white.svg" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<ul role="menu">
|
<ul role="menu">
|
||||||
<li role="menuitem">
|
<li role="menuitem">
|
||||||
<a title="Was ist der Krautspace?"
|
<a title="Was ist der Krautspace?"
|
||||||
|
|
|
@ -14,7 +14,7 @@ BEGIN:VEVENT
|
||||||
SUMMARY:"Chaostreff"
|
SUMMARY:"Chaostreff"
|
||||||
UID:0000000002@kraut.space
|
UID:0000000002@kraut.space
|
||||||
CLASS:PUBLIC
|
CLASS:PUBLIC
|
||||||
DESCRIPTION:"Offene Runde - derzeit virtuell im Jitsi"
|
DESCRIPTION:"Offene Runde"
|
||||||
DTEND;TZID=CET:20200623T235900
|
DTEND;TZID=CET:20200623T235900
|
||||||
DTSTAMP;TZID=CET:20200623T125900
|
DTSTAMP;TZID=CET:20200623T125900
|
||||||
DTSTART;TZID=CET:20200623T200000
|
DTSTART;TZID=CET:20200623T200000
|
||||||
|
@ -44,7 +44,7 @@ BEGIN:VEVENT
|
||||||
SUMMARY:"Linux User Group"
|
SUMMARY:"Linux User Group"
|
||||||
UID:0000000004@kraut.space
|
UID:0000000004@kraut.space
|
||||||
CLASS:PUBLIC
|
CLASS:PUBLIC
|
||||||
DESCRIPTION:"Alles rund um Linux - derzeit virtuell im Jitsi"
|
DESCRIPTION:"Alles rund um Linux"
|
||||||
DTEND;TZID=CET:20200625T235900
|
DTEND;TZID=CET:20200625T235900
|
||||||
DTSTAMP;TZID=CET:20200623T125900
|
DTSTAMP;TZID=CET:20200623T125900
|
||||||
DTSTART;TZID=CET:20200625T200000
|
DTSTART;TZID=CET:20200625T200000
|
||||||
|
|
|
@ -163,13 +163,17 @@ h1, h2, h3, h4 {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
div.icon {
|
||||||
width: 2em;
|
width: 2em;
|
||||||
height: 2em;
|
height: 2em;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#status-icon,
|
||||||
|
div#go-to-top {
|
||||||
border-radius: 0.5em;
|
border-radius: 0.5em;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
|
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-img {
|
.icon-img {
|
||||||
|
@ -260,6 +264,13 @@ nav#menu a {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav div#menu-icon {
|
||||||
|
margin-top: 0.8em;
|
||||||
|
margin-bottom: 0.8em;
|
||||||
|
min-height: 2em;
|
||||||
|
width: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
/* changed by clicking menu button */
|
/* changed by clicking menu button */
|
||||||
|
|
||||||
nav#menu:target {
|
nav#menu:target {
|
||||||
|
@ -407,7 +418,8 @@ img#to-top {
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
|
|
||||||
a#open-menu {
|
a#open-menu,
|
||||||
|
a#close-menu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue