luca/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

restructured to public folder

Browse source
This commit is contained in:
Luca 2024-11-04 17:50:27 +01:00
parent 43addb92a2
commit 83737bd3a6
101 changed files with 2945 additions and 8373 deletions
Download patch file Download diff file Expand all files Collapse all files

79
content/css/sections.css Normal file
View file

@ -0,0 +1,79 @@
/* Styles for the sections, mainly used on the start page, the portfolio and workflow page */
section {
display: flex;
justify-content: center;
color: #ffffff;
background-color: rgb(82, 76, 121);
padding-top: 128px;
padding-bottom: 128px;
}
section:nth-child(odd) {
background-color: #342e37;
}
section:nth-child(even) {
background-color: #342e37;
}
.section-content {
max-width: 1024px;
gap: 20px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 64px;
margin-right: 64px;
}
.section-content div {
max-width: 50%;
display: flex;
row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
section h1,
section p {
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}
section p {
padding: 0px;
margin: 0px;
line-height: 1.8em;
font-weight: 600;
}
section h1 {
margin-top: 0px;
margin-bottom: 0px;
}
.section-background {
background-size: cover;
object-fit: cover;
background-position: center;
backdrop-filter: blur(3px);
}
@media screen and (max-width: 512px) {
/* Make the left-to-right sections top-to-bottom */
.section-content {
align-items: flex-start;
}
.section-content div {
max-width: 100%;
}
.section-content {
flex-direction: column;
}
}