This is a very nice tool, I think it would be super cool to include something here which lets us section out the games like you have on your profile
Thank you for the comments!
For the main projects section, I used Grid layout, and for the collections, I used List layout in the page’s theme editor.
As for the two-column layout of the collections, that was done through this custom CSS:
@media (min-width: 780px) {
/* Split collections row into two-column layout on desktop */
.collections {
display: grid;
grid-template-columns: 50% 50%;
padding: 2em 0 !important;
}
.collections .inner_column {
height: 100%;
display: flex;
flex-direction: column;
}
/* Fade out gradient */
.collection_row {
position: relative;
overflow: hidden;
margin: 0 0.8em;
}
.collection_row::before {
content: "";
position: absolute;
bottom: 0;
box-shadow: inset -13em 0 9em -2em #0f1116; /* Match the background color */
pointer-events: none;
width: 100%;
height: 76%;
z-index: 2;
}
.collection_row:first-child {
padding-left: 1.2em;
}
.collection_row:last-child {
padding-right: 1.2em;
}
}
Glad it helped! :)
Yea, for my profile page’s CSS, you’d have to build the CSS from the repo first. I’ve put the installation section for that in the readme. Its quite a mess of a system, because I want to save characters count. itch.io limits profile page’s CSS to 5120 characters for some reason :/
And yep, you need your itch.io’s username, instead of the display name for the Author Badge.