vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improved css even morreee

Browse Source
This commit is contained in:
Yannik
2024-02-01 21:05:00 +01:00
parent fb3a7c48fd
commit 53008701e0
4 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/layouts/Layout.astro
View File

@@ -29,6 +29,7 @@ import { ViewTransitions } from "astro:transitions";
<body> <body>
<Navbar /> <Navbar />
<slot /> <slot />
<br />
<Footer /> <Footer />
</body> </body>
</html> </html>

6
src/styles/footer.scss
View File

@@ -1,9 +1,11 @@
footer { footer {
display: inline-flexbox; display: flexbox;
align-items: center; align-items: center;
text-align: center; text-align: center;
margin: 5vh; position: absolute;
bottom: 0; bottom: 0;
width: 100%;
margin-bottom: 2vh;
a { a {
color: white; color: white;

6
src/styles/home.scss
View File

@@ -1,7 +1,9 @@
main { main {
background-image: url("/diagonal_lines_home.png"); background-image: url("/diagonal_lines_home.png");
background-size: cover, contain; background-size: cover;
margin-inline: -.6vw; background-repeat: repeat;
margin-inline: -.10vw;
height: 75vh;
padding-inline: 10vw; padding-inline: 10vw;
.home-main-box { .home-main-box {

16
src/styles/main.scss
View File

@@ -8,6 +8,8 @@ body {
background-color: $primary; background-color: $primary;
font-family: "Satoshi-Regular", "Arial"; font-family: "Satoshi-Regular", "Arial";
font-size: 16px; font-size: 16px;
position: relative;
min-height: 95vh;
} }
h1 { h1 {
@@ -18,9 +20,9 @@ h1 {
background-color: $highlight-primary; background-color: $highlight-primary;
border-radius: 25px; border-radius: 25px;
box-shadow: 0px 4px 4px 0px #00000040; box-shadow: 0px 4px 4px 0px #00000040;
display: flexbox;
padding: 2vw; padding: 2vw;
margin: 4vw; margin-inline: 20vw;
margin-bottom: 11vh;
} }
@@ -42,6 +44,7 @@ a {
.astro-code { .astro-code {
padding: 15px; padding: 15px;
border-radius: 25px; border-radius: 25px;
max-width: 50vw;
} }
code { code {
@@ -51,3 +54,12 @@ code {
margin: 2px; margin: 2px;
border-radius: 25px; border-radius: 25px;
} }
h1,
h2,
h3 {
a {
color: white;
text-decoration: none;
}
}