mirror of
https://github.com/Fluffy-Bean/Fluffys-website.git
synced 2025-05-25 04:44:56 +00:00
Switched gallery to WEBP and adjusted page contents
This commit is contained in:
parent
a3d1ec57ce
commit
1f21779c5f
40 changed files with 85 additions and 53 deletions
18
css/main.css
18
css/main.css
|
@ -14,13 +14,18 @@ main section {
|
|||
main section * {
|
||||
margin: 0 0 0.7rem; padding: 0;
|
||||
max-width: 100%; width: auto; min-width: none;
|
||||
height: auto;
|
||||
|
||||
border-radius: 5px;
|
||||
}
|
||||
main section *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
main section img {
|
||||
height: auto;
|
||||
}
|
||||
.justify-text p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/*
|
||||
I hate CSS
|
||||
|
@ -28,7 +33,7 @@ main section *:last-child {
|
|||
#intro {
|
||||
text-align: center;
|
||||
}
|
||||
#experiance img {
|
||||
#experience img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
@ -37,15 +42,6 @@ main section *:last-child {
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
/*
|
||||
Sona colours
|
||||
*/
|
||||
/*
|
||||
.cFF7700{background-color: var(--bandana-0);}
|
||||
.cFFDC00{background-color: var(--bandana-1);}
|
||||
.c00D621{background-color: var(--bandana-2);}
|
||||
.c0088FF{background-color: var(--bandana-3);}
|
||||
*/
|
||||
/*
|
||||
Gallery
|
||||
*/
|
||||
|
|
22
css/nav.css
22
css/nav.css
|
@ -19,7 +19,11 @@ nav {
|
|||
nav * {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
nav img {
|
||||
|
||||
.nav-logo {
|
||||
display: flex; flex-direction: row;
|
||||
}
|
||||
.nav-logo img {
|
||||
margin: 0; padding: 0;
|
||||
height: 2rem; width: auto;
|
||||
|
||||
|
@ -30,11 +34,23 @@ nav img {
|
|||
drop-shadow(-1px 0 0 var(--bg-alt))
|
||||
drop-shadow(0 -1px 0 var(--bg-alt));
|
||||
}
|
||||
.nav-logo h2 {
|
||||
margin: 0 0 0 2rem; padding: 0;
|
||||
font-size: 28px;
|
||||
font-weight: 900;
|
||||
}
|
||||
@media (max-width:569px) {
|
||||
.nav-logo h2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
nav div * {
|
||||
.nav-links * {
|
||||
margin: 0 0.2rem; padding: 0;
|
||||
|
||||
text-align: right;
|
||||
color: var(--fg-dark);
|
||||
|
||||
text-align: right; text-decoration: none;
|
||||
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue