Update featured art, grid css fixes

This commit is contained in:
Joshua Goins 2024-01-27 08:57:50 -05:00
parent dbfa73353f
commit 56f5af7403
8 changed files with 19 additions and 20 deletions

View file

@ -7,15 +7,15 @@ commissions: true
aliases: aliases:
- /gallery - /gallery
featured: featured:
- filename: bringontheketchup.webp - filename: raubahn.webp
date: 2023-11-26 date: 2024-01-26
title: Bring on the ketchup! title: Bull of Ala Mhigo
- filename: newsakura.webp - filename: electrical.webp
date: 2023-09-24 date: 2024-01-26
title: new sakura title: Electrical
- filename: mel.webp - filename: moonlight.webp
date: 2023-07-02 date: 2023-11-29
title: burger time title: Moonlight
years: years:
- 2024 - 2024
- 2023 - 2023

View file

@ -1,9 +1,9 @@
{ {
"commissions": true, "commissions": true,
"featured": [ "featured": [
"bringontheketchup", "raubahn",
"newsakura", "electrical",
"mel" "moonlight"
], ],
"new-banner": "" "new-banner": ""
} }

View file

@ -1,5 +1,6 @@
{ {
"changes": [ "changes": [
"2024-01-27: Added new artwork!",
"2023-09-24: Added new Sakura artwork, changed profile pic.", "2023-09-24: Added new Sakura artwork, changed profile pic.",
"2023-09-21: Added some more art to the gallery!", "2023-09-21: Added some more art to the gallery!",
"2023-07-02: Added recent Art Fight attacks, and Guest Art pages.", "2023-07-02: Added recent Art Fight attacks, and Guest Art pages.",

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -34,7 +34,8 @@
} }
.grid-sizer, .grid-item { .grid-sizer, .grid-item {
width: 32%; /* Almost pixel perfect! */
width: calc(33.33% - 7.5px);
} }
.page-pic { .page-pic {
@ -55,11 +56,7 @@
} }
.gutter-sizer { .gutter-sizer {
width: 1%; width: 10px;
}
.grid-sizer, .grid-item {
margin-bottom: 1%;
} }
/* mobile devices */ /* mobile devices */
@ -467,6 +464,7 @@ pre {
display: flex; display: flex;
flex-flow: row; flex-flow: row;
gap: 10px; gap: 10px;
margin-bottom: 10px;
} }
.art-button { .art-button {

View file

@ -2,7 +2,7 @@ imagesLoaded(document.querySelector('.grid'), function(instance) {
new Masonry('.grid', { new Masonry('.grid', {
itemSelector: '.grid-item', itemSelector: '.grid-item',
columnWidth: '.grid-sizer', columnWidth: '.grid-sizer',
percentPosition: true, //percentPosition: true,
gutter: '.gutter-sizer' gutter: '.gutter-sizer'
}); });
}); });
@ -11,7 +11,7 @@ imagesLoaded(document.querySelector('.second-grid'), function(instance) {
new Masonry('.second-grid', { new Masonry('.second-grid', {
itemSelector: '.grid-item', itemSelector: '.grid-item',
columnWidth: '.grid-sizer', columnWidth: '.grid-sizer',
percentPosition: true, //percentPosition: true,
gutter: '.gutter-sizer' gutter: '.gutter-sizer'
}); });
}); });