Compare commits

..

10 commits

5 changed files with 38 additions and 14 deletions

View 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

View 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

View file

@ -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?"

View file

@ -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

View file

@ -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;
} }