denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

shrunk devlog overview text sizes; changed media queries; removed redundant CSS classes

Browse Source
This commit is contained in:
denizk0461
2025-12-05 18:34:18 +00:00
parent 50f2e259e8
commit dcf75ddc55
2 changed files with 15 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/routes/projects/projectn5/devlog/+page.svelte
View File

@@ -64,41 +64,10 @@
--color-laura: #C76668CC;
--color-laura-darker: #A55051CC;
}
/* Live update list */
.live-devlog-panel {
margin: 16px;
}
.live-devlog-container {
display: flex;
gap: 4px;
margin: 0 16px;
flex-direction: column;
}
.live-devlog-entry {
background-color: var(--color-background-highlight-hover);
}
.live-devlog-entry-time {
font-family: var(--font-mono);
font-size: 0.8rem;
font-weight: 700;
width: 100%;
background-color: #00000066;
}
.live-devlog-entry-content, .live-devlog-entry-time {
padding: 8px 16px;
margin: 0;
}
.live-devlog-entry-content {
font-size: 1.0rem;
}
/* Post list */
.post-supercontainer {
width: 30%;
width: 32%;
}
.post-container {
@@ -121,8 +90,8 @@
transition: background-color 0.16s ease-in-out;
margin: 4px;
--notch-size-devlog: 42px;
--notch-size-devlog-img: 36px;
--notch-size-devlog: 30px;
--notch-size-devlog-img: 24px;
clip-path: polygon(
0% var(--notch-size-devlog),
var(--notch-size-devlog) 0%,
@@ -138,7 +107,7 @@
background-color: var(--color-background-highlight-hover);
}
.post:hover .post-title, .post:hover .post-date, .post-number {
.post:hover .post-title, .post:hover .post-date {
color: var(--color-text-dark);
}
@@ -166,8 +135,8 @@
}
.post-img {
width: 150px;
height: 120px;
width: 125px;
height: 100px;
margin: 0;
object-fit: cover;
@@ -190,40 +159,31 @@
justify-content: center;
}
.post-date, .post-title, .post-number {
.post-date, .post-title {
font-family: 'Space Mono', monospace;
margin: 4px 0;
transition: color 0.16s ease-in-out;
}
.post-date {
font-size: 1.1rem;
font-size: 0.8rem;
line-height: 0.7rem;
font-weight: 500;
}
.post-title {
font-size: 1.3rem;
font-size: 1.1rem;
line-height: 1.4rem;
font-weight: 700;
}
.post-number {
font-size: 0.77rem;
font-weight: 700;
position: absolute;
right: 2px;
bottom: 1px;
margin: 0;
padding: 0;
line-height: 1rem;
}
@media screen and (max-width: 1700px) {
@media screen and (max-width: 1250px) {
.post-supercontainer {
width: 50% !important;
}
}
@media screen and (max-width: 1200px) {
@media screen and (max-width: 900px) {
.post-supercontainer {
width: 100% !important;
}
@@ -231,8 +191,8 @@
@media screen and (max-width: 800px) {
.post {
--notch-size-devlog: 24px;
--notch-size-devlog-img: 18px;
--notch-size-devlog: 18px;
--notch-size-devlog-img: 12px;
}
.post-img {
width: 100px;

141
src/routes/projects/projectn5/devlog/devlog-posts.ts
View File

@@ -1,141 +0,0 @@
export interface DevlogPost {
title: string;
subtitle: string;
date: string;
previewAlt: string;
};
export const posts: DevlogPost[] = [
{
title: "Growing Pains",
subtitle: "2025-10-22",
date: "2025/1022",
previewAlt: "Close-up of Laura blinking",
},
{
title: "She's Here",
subtitle: "2025-10-11",
date: "2025/1011",
previewAlt: "Laura idle posing",
},
{
title: "Freeing the Past",
subtitle: "2025-08-16",
date: "2025/0816",
previewAlt: "Bottom-up view at Laura v1 in front of a blue sky",
},
{
title: "Remeshing and Recolouring",
subtitle: "2025-07-13",
date: "2025/0713",
previewAlt: "Close-up of Laura at face height",
},
{
title: "Reboot",
subtitle: "2025-05-23",
date: "2025/0523",
previewAlt: "Untextured Laura in a new purple level looking at two cubes",
},
{
title: "The Making of a Protagonist, Part IV",
subtitle: "2025-04-27",
date: "2025/0427",
previewAlt: "Sketches of Laura's new clothes",
},
{
title: "Refactoring",
subtitle: "2025-03-16",
date: "2025/0316",
previewAlt: "Laura t-posing in front of a smiling water tower",
},
{
title: "The Making of a Protagonist, Part III",
subtitle: "2025-02-03",
date: "2025/0203",
previewAlt: "Three t-posing untextured Lauras",
},
{
title: "The Making of a Protagonist, Part II",
subtitle: "2024-12-22",
date: "2024/1222",
previewAlt: "Laura a-posing and wearing green and brown clothes",
},
{
title: "The Making of a Protagonist, Part I",
subtitle: "2024-11-27",
date: "2024/1127",
previewAlt: "Multiple iterations of untextured hand 3D models",
},
{
title: "Visual Update",
subtitle: "2024-11-03",
date: "2024/1103",
previewAlt: "Two N5 Blaster side-to-side",
},
{
title: "Returnal Update",
subtitle: "2024-10-12",
date: "2024/1012",
previewAlt: "Protagonist aiming at two monkeys",
},
{
title: "WHERE HAVE I BEEN?? Update",
subtitle: "2024-07-13",
date: "2024/0713",
previewAlt: "Protagonist staring longingly into the distance, pointing the N5 Blaster thereto",
},
{
title: "Behind-The-Scenes Update",
subtitle: "2024-04-01",
date: "2024/0401",
previewAlt: "N5 Blaster with its lights turned off",
},
{
title: "Arena Update",
subtitle: "2024-03-24",
date: "2024/0324",
previewAlt: "Protagonist being swamped by many monkey enemies",
},
{
title: "2024-03-23",
subtitle: "",
date: "2024/0323",
previewAlt: "A red enemy being blown up by an incoming rocket",
},
{
title: "2024-03-12",
subtitle: "",
date: "2024/0312",
previewAlt: "Protagonist pointing the N5 Blaster into the sky",
},
{
title: "2024-02-10",
subtitle: "",
date: "2024/0210",
previewAlt: "Panorama of the environment",
},
{
title: "December 2023",
subtitle: "",
date: "2023/12",
previewAlt: "White protagonist holding the N5 Blaster",
},
{
title: "November 2023",
subtitle: "",
date: "2023/11",
previewAlt: "A side view of the N5 Blaster",
},
{
title: "October 2023",
subtitle: "",
date: "2023/10",
previewAlt: "Red protagonist lying on the floor, holding a purple blaster",
},
{
title: "September 2023",
subtitle: "",
date: "2023/09",
previewAlt: "Ratchet from Ratchet: Gladiator and Sans from Undertale t-posing",
},
];