quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

add logo to homepage

Browse source
This commit is contained in:
outfoxxed 2025-07-06 03:00:15 -07:00
parent ff316cdcd8
commit 6e83304d5e
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
2 changed files with 31 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/pages/index.astro
View file

@ -8,7 +8,10 @@ const title = "Quickshell";
--- ---
<BaseLayout title={title} description="A fully user customizable desktop shell" image="/quickshell.png"> <BaseLayout title={title} description="A fully user customizable desktop shell" image="/quickshell.png">
<div class="main-page_hero" data-pagefind-ignore> <div class="main-page_hero" data-pagefind-ignore>
<div class="titlebox">
<img src="/favicon.svg" alt="Quickshell"/>
<h1 class="gradient-text">Quickshell</h1> <h1 class="gradient-text">Quickshell</h1>
</div>
<section class="main-page_hero-text"> <section class="main-page_hero-text">
<h2>building blocks for your desktop</h2> <h2>building blocks for your desktop</h2>
</section> </section>

33
src/styles/main-page.css
View file

@ -14,12 +14,6 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
& h1 {
position: relative;
font-size: 4.618rem;
margin-top: 1rem;
}
& .navy { & .navy {
color: hsl(var(--blue) 66% 60%); color: hsl(var(--blue) 66% 60%);
} }
@ -29,6 +23,22 @@
} }
} }
.titlebox {
position: relative;
margin-top: 1rem;
display: flex;
align-items: center;
& img {
height: 3.4rem;
}
& h1 {
font-size: 3.618rem;
margin-left: 1rem;
}
}
h1.gradient-text { h1.gradient-text {
background: linear-gradient( background: linear-gradient(
30deg, 30deg,
@ -178,6 +188,17 @@ html.dark .main-page_link-card {
} }
@media (min-width: 40rem) { @media (min-width: 40rem) {
.titlebox {
& img {
height: 4.4rem;
}
& h1 {
font-size: 4.618rem;
margin-left: 1rem;
}
}
.main-page_links_set { .main-page_links_set {
flex-wrap: nowrap; flex-wrap: nowrap;
} }