AINDUSTRIES/aindustries.be
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move common css to base

Browse Source
This commit is contained in:
AINDUSTRIES
2025-10-06 16:45:45 +02:00
parent 94b68982f6
commit 4eaf54dd8f
2 changed files with 48 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
assets/css/base.css
View File

@@ -59,6 +59,54 @@
object-fit: cover; object-fit: cover;
} }
.header {
display: flex;
flex-direction: row;
height: 40px;
/* width: 100%; */
background-color: var(--clr-primary-a0);
border-radius: 8px;
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
margin: 8px;
}
.name {
color: var(--clr-light-a0);
font-size: 18px;
margin: auto 0 auto 8px;
font-family: Lexend, serif;
}
.nav-buttons {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
margin: 0 8px 0 auto;
}
.nav-button {
padding: 4px 8px 4px 8px;
border-radius: 8px;
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
background-color: transparent;
color: white;
border: none;
font-size: 18px;
font-family: Lexend, serif;
}
.nav-button:hover {
text-decoration-line: underline;
text-decoration-style: wavy;
background-color: var(--clr-primary-a50);
color: purple;
text-decoration-color: purple;
}
body { body {
background-color: #32004f; background-color: #32004f;
margin: 0; margin: 0;

53
assets/css/index.css
View File

@@ -1,21 +1,3 @@
.header {
display: flex;
flex-direction: row;
height: 40px;
/* width: 100%; */
background-color: var(--clr-primary-a0);
border-radius: 8px;
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
margin: 8px;
}
.name {
color: var(--clr-light-a0);
font-size: 18px;
margin: auto 0 auto 8px;
font-family: Lexend, serif;
}
.intro { .intro {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -23,41 +5,6 @@
max-width: 75vw; max-width: 75vw;
} }
.nav-buttons {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
margin: 0 8px 0 auto;
}
.nav-button {
padding: 4px 8px 4px 8px;
border-radius: 8px;
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
background-color: transparent;
color: white;
border: none;
font-size: 18px;
font-family: Lexend, serif;
}
.nav-button:hover {
text-decoration-line: underline;
text-decoration-style: wavy;
background-color: var(--clr-primary-a50);
color: purple;
text-decoration-color: purple;
}
.note {
color: gray;
font-size: 18px;
text-align: center;
}
h1 { h1 {
font-size: 68px; font-size: 68px;
font-family: 'Indie Flower', cursive; font-family: 'Indie Flower', cursive;