ParkerTenBroeck/ParkerTenBroeck.github.io
1
0
Fork 0
mirror of https://github.com/ParkerTenBroeck/ParkerTenBroeck.github.io.git synced 2026-06-06 21:14:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

added pictures/gallery. organized media better

Browse source
This commit is contained in:
Parker TenBroeck 2026-01-20 19:22:57 -05:00
parent b0d420c311
commit 4886fa19c9
65 changed files with 318 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

10
sass/blog.scss
View file

@ -1,8 +1,6 @@
.blog-page {
.title {
h1 {
font-size: 2.2em;
}
padding-bottom: 2em;
.title {
h1 {
font-size: 2.2em;
}
padding-bottom: 2em;
}

17
sass/gallery.scss Normal file
View file

@ -0,0 +1,17 @@
.gallery {
gap: 0.5rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
a {
flex: 1 1 10em;
img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
}

10
sass/style.scss
View file

@ -4,6 +4,7 @@
@use "blog.scss";
@use "fonts.scss";
@use "lightbox.scss";
@use "gallery.scss";
.z-code{
overflow-x: auto;
@ -43,6 +44,11 @@ a {
&:hover {
text-decoration-color: var(--primary);
}
&:has(img),
&:has(video) {
text-decoration: none;
}
}
h1,
@ -105,14 +111,14 @@ figure {
text-align: center;
}
figure * {
figure > * {
max-width: 100%;
height: auto;
border-radius: 6px;
}
@media screen and (min-width: 700px) {
figure * {
figure > * {
max-width: 80%;
height: auto;
border-radius: 6px;