shrunk devlog overview text sizes; changed media queries; removed redundant CSS classes
This commit is contained in:
@@ -64,41 +64,10 @@
|
|||||||
--color-laura: #C76668CC;
|
--color-laura: #C76668CC;
|
||||||
--color-laura-darker: #A55051CC;
|
--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 list */
|
||||||
.post-supercontainer {
|
.post-supercontainer {
|
||||||
width: 30%;
|
width: 32%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-container {
|
.post-container {
|
||||||
@@ -121,8 +90,8 @@
|
|||||||
transition: background-color 0.16s ease-in-out;
|
transition: background-color 0.16s ease-in-out;
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
|
|
||||||
--notch-size-devlog: 42px;
|
--notch-size-devlog: 30px;
|
||||||
--notch-size-devlog-img: 36px;
|
--notch-size-devlog-img: 24px;
|
||||||
clip-path: polygon(
|
clip-path: polygon(
|
||||||
0% var(--notch-size-devlog),
|
0% var(--notch-size-devlog),
|
||||||
var(--notch-size-devlog) 0%,
|
var(--notch-size-devlog) 0%,
|
||||||
@@ -138,7 +107,7 @@
|
|||||||
background-color: var(--color-background-highlight-hover);
|
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);
|
color: var(--color-text-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -166,8 +135,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.post-img {
|
.post-img {
|
||||||
width: 150px;
|
width: 125px;
|
||||||
height: 120px;
|
height: 100px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
|
||||||
@@ -190,40 +159,31 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-date, .post-title, .post-number {
|
.post-date, .post-title {
|
||||||
font-family: 'Space Mono', monospace;
|
font-family: 'Space Mono', monospace;
|
||||||
margin: 4px 0;
|
margin: 4px 0;
|
||||||
transition: color 0.16s ease-in-out;
|
transition: color 0.16s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-date {
|
.post-date {
|
||||||
font-size: 1.1rem;
|
font-size: 0.8rem;
|
||||||
|
line-height: 0.7rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title {
|
.post-title {
|
||||||
font-size: 1.3rem;
|
font-size: 1.1rem;
|
||||||
|
line-height: 1.4rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-number {
|
@media screen and (max-width: 1250px) {
|
||||||
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) {
|
|
||||||
.post-supercontainer {
|
.post-supercontainer {
|
||||||
width: 50% !important;
|
width: 50% !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1200px) {
|
@media screen and (max-width: 900px) {
|
||||||
.post-supercontainer {
|
.post-supercontainer {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
@@ -231,8 +191,8 @@
|
|||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
@media screen and (max-width: 800px) {
|
||||||
.post {
|
.post {
|
||||||
--notch-size-devlog: 24px;
|
--notch-size-devlog: 18px;
|
||||||
--notch-size-devlog-img: 18px;
|
--notch-size-devlog-img: 12px;
|
||||||
}
|
}
|
||||||
.post-img {
|
.post-img {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
|
|||||||
@@ -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",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
Reference in New Issue
Block a user