Compare commits

..

No commits in common. "27c643ef2bd6ea2e8e5a220e9b16af0405f62019" and "37d2265a3b0b284d962be34eacd1b8bb6d06b581" have entirely different histories.

2 changed files with 17 additions and 19 deletions

View File

@ -107,20 +107,8 @@ nav[hidden]{
height: 3.5rem; height: 3.5rem;
margin-left: 1rem; margin-left: 1rem;
} }
.wrapper{
display:flex;
flex-direction: column;
min-height: 100svh;
}
footer{
padding-block: 1rem;
text-align: center;
margin-top: auto;
}
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.button_wrapper{ .button_wrapper{
box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -149,7 +137,7 @@ footer{
fill: var(--red); fill: var(--red);
scale: 0.9; scale: 0.9;
} }
.nav_site{ nav{
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@ -164,16 +152,16 @@ footer{
justify-content: space-between!important; justify-content: space-between!important;
padding-inline: 0.5rem; padding-inline: 0.5rem;
} }
:global(.nav_site ul){ :global(nav ul){
width: 100% ; width: 100% ;
} }
.nav_site :first-child{ nav :first-child{
display:none; display:none;
} }
.nav_site[hidden]{ nav[hidden]{
transform: translateX(100%); transform: translateX(100%);
} }
:global(.nav_site a:last-child){ nav a:last-child{
margin-bottom: 2rem; margin-bottom: 2rem;
} }
@ -192,6 +180,16 @@ footer{
transform: unset; transform: unset;
} }
} }
.wrapper{
display:flex;
flex-direction: column;
min-height: 100svh;
}
footer{
padding-block: 1rem;
text-align: center;
margin-top: auto;
}
</style> </style>
<div class=wrapper lang=de> <div class=wrapper lang=de>
<div> <div>
@ -199,7 +197,7 @@ footer{
<a href="/"><Symbol></Symbol></a> <a href="/"><Symbol></Symbol></a>
<button class=nav_button on:click={() => {toggle_sidebar()}}><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg></button> <button class=nav_button on:click={() => {toggle_sidebar()}}><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg></button>
</div> </div>
<nav hidden class=nav_site> <nav hidden>
<a class=entry href="/"><Symbol></Symbol></a> <a class=entry href="/"><Symbol></Symbol></a>
<slot name=links></slot> <slot name=links></slot>
<slot name=right_side></slot> <slot name=right_side></slot>

View File

@ -140,7 +140,7 @@ section h2{
</p> </p>
<p> <p>
Zu empfeheln ist meine stetig wachsende Rezeptsammlung. Dort findest du viele leckere Rezepte, die ich selbst ausprobiert habe und ständig weiterfeilsche. Zu empfeheln ist meine stetig wachsende Rezeptsammlung. Dort findest du viele leckere Rezepte, die ich selbst ausprobiert habe und ständig weiterfeilsche.
Zudem kannst du gerne meine Suchmaschine oder auch Jitsi-instanz für Videokonferenzen nutzen. Zudem ist kannst du gerne meine Suchmaschine oder auch Jitsi-instanz für Videokonferenzen nutzen.
Einiges ist hinter einem Login versteckt, anderes ist öffentlich zugänglich. Einiges ist hinter einem Login versteckt, anderes ist öffentlich zugänglich.
Wer sich ein bisschen mit Programmieren auskennt, kann auch gerne in meinen Git-Repositories stöbern. Wer sich ein bisschen mit Programmieren auskennt, kann auch gerne in meinen Git-Repositories stöbern.
</p> </p>