Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix mobile view messing up startpage

Browse Source
This commit is contained in:
Alexander Bocken 2024-01-20 17:23:12 +01:00
parent 0d180cc4f9
commit b5878390ad
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/routes/(main)/+page.svelte
View File

@ -68,7 +68,7 @@ a{
align-items: center; align-items: center;
max-width: 1400px; max-width: 1400px;
margin-inline: auto; margin-inline: auto;
gap: 3rem; gap: 2rem;
} }
.hero img{ .hero img{
border-radius: 1000px; border-radius: 1000px;
@ -78,6 +78,9 @@ a{
background-color: var(--nord4); background-color: var(--nord4);
box-shadow: 0.2em 0.2em 1em 1em rgba(0, 0, 0, 0.1); box-shadow: 0.2em 0.2em 1em 1em rgba(0, 0, 0, 0.1);
} }
.hero div{
margin-inline: 1rem;
}
section h2{ section h2{
font-size: 2rem; font-size: 2rem;
@ -112,6 +115,18 @@ section h2{
box-shadow: 0.1em 0.1em 2em 0.5em rgba(255, 255, 255, 0.1); box-shadow: 0.1em 0.1em 2em 0.5em rgba(255, 255, 255, 0.1);
} }
} }
@media (max-width: 600px){
.hero{
flex-direction: column;
gap: 1rem;
}
.hero img{
width: clamp(100px, 200px, 80vw);
}
.hero h1{
text-align: center;
}
}
</style> </style>
{#if ! data.user} {#if ! data.user}
@ -121,6 +136,9 @@ section h2{
<h1><q>Willkommen auf bocken.org</q></h1> <h1><q>Willkommen auf bocken.org</q></h1>
<p> <p>
Hallo, ich bin Alexander Bocken. Auf dieser Seite findest du einige Softwareprojekte für Freunde, Familie und mich. Hallo, ich bin Alexander Bocken. Auf dieser Seite findest du einige Softwareprojekte für Freunde, Familie und mich.
Alles ist selbst gehostet bei mir daheim auf einem kleinen Mini-Server (Arch, btw).
</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 ist 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.