joostadrian/lorem_ipsum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Kleinigkeiten der Navigation optimiert

Browse Source
This commit is contained in:
DST81 2026-03-08 23:49:10 +01:00
parent fa0bcf0af8
commit c996777f45
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/custom.css
View File

@ -76,7 +76,7 @@ button:hover, .btn:hover {
/* Sidebar Styles */ /* Sidebar Styles */
#sidebar { #sidebar {
width: 240px; width: 240px;
min-height: 100vh; height: auto;
background: linear-gradient(180deg, #1b1b2f, #4a6fa5); background: linear-gradient(180deg, #1b1b2f, #4a6fa5);
color: white; color: white;
padding: 25px; padding: 25px;
@ -85,9 +85,14 @@ button:hover, .btn:hover {
font-size: 24px; font-size: 24px;
margin-bottom: 30px; margin-bottom: 30px;
} }
#logo-img {
max-width: 500px;
width: 100%;
height: auto;
}
#sidebar .nav-link { #sidebar .nav-link {
margin: 0.5rem 0; margin: 0.5rem 0;
transition: color 0.3s background-color 0.3s; transition: all 0.3s;
} }
#main-area { #main-area {
flex: 1; flex: 1;

BIN
image/Logo_loremIpsum.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

1
index.html
View File

@ -77,6 +77,7 @@
<h2>Willkommen beim Lorem Ipsum Game</h2> <h2>Willkommen beim Lorem Ipsum Game</h2>
<p>Teste deine Fähigkeiten im Umgang mit Lorem Ipsum Texten! Je schneller und genauer du bist, desto höher ist dein Score. Viel Spaß beim Spielen!</p> <p>Teste deine Fähigkeiten im Umgang mit Lorem Ipsum Texten! Je schneller und genauer du bist, desto höher ist dein Score. Viel Spaß beim Spielen!</p>
<p> Wähle eine Option aus der Navigation, um zu starten.</p> <p> Wähle eine Option aus der Navigation, um zu starten.</p>
<img id="logo_img" src="image/Logo_loremIpsum.png" alt="Lorem Ipsum Game" class="img-fluid mt-3 d-block mx-auto">
</div> </div>
</main> </main>
</div> </div>