feat: [#59] prototrash content

src/content/projects/index.ts

@@ -7,12 +7,14 @@ import {interactiveView} from "../../views/interactive.ts";
 
 import {archivePageReferences} from "./archives";
 import {latestPageReferences} from "./latest";
+import {prototrashPageReferences} from "./prototrash";
 
-export type ProjectCategory = 'latest' | 'archive' | 'thirdCategory';
+export type ProjectCategory = 'latest' | 'archive' | 'prototrash';
 
 const pageReferences: { [key: string]: any } = {
     ...latestPageReferences,
-    ...archivePageReferences
+    ...archivePageReferences,
+    ...prototrashPageReferences
 };
 
 
@@ -44,6 +46,7 @@ export function buildThumbnailList(category: ProjectCategory = 'latest') {
     const list = document.createElement('ul');
     const categoryMap: { [key: string]: { [key: string]: any } } = {
         'latest': latestPageReferences,
+        'prototrash': prototrashPageReferences,
         'archive': archivePageReferences,
     };
 

src/content/projects/prototrash/fit-in/index.ts

@@ -0,0 +1,47 @@
+import {createProjectContent} from "../../template.ts";
+
+import SHOWCASE_WEBM from "./assets/fit-in-showcase.webm";
+import SHOWCASE_MP4 from "./assets/fit-in-showcase.mp4";
+
+import SCREENSHOT_1 from "./assets/fit-in-screenshot-1.png"
+import SCREENSHOT_2 from "./assets/fit-in-screenshot-2.png"
+import SCREENSHOT_3 from "./assets/fit-in-screenshot-3.png"
+import SCREENSHOT_4 from "./assets/fit-in-screenshot-4.png"
+
+import THUMBNAIL from "./assets/fit-in-thumbnail.png";
+
+//-----------------------------------------------------------------------
+
+export const {content, techs, buttons, thumbnail} = createProjectContent(
+    "Fit In", // Title
+    "Game prototype", // Subtitle
+    "One cube and a squared hole", // Tagline
+
+    // Paragraphs
+    [
+        "A simple experiment in which players control a moving cube and try to fall into a perfectly shaped hole in the ground."
+    ],
+
+    // Medias
+    [SHOWCASE_WEBM, SHOWCASE_MP4],
+    [SCREENSHOT_1, SCREENSHOT_2, SCREENSHOT_3, SCREENSHOT_4],
+
+    // Techs Used
+    [
+        {technology: "Unity 3D", percentage: 80},
+        {technology: "Blender", percentage: 10},
+        {technology: "Figma", percentage: 20}
+    ],
+
+    //Buttons
+    [
+        ["GitHub Repo", "LINK", true]
+    ],
+
+    // Thumbnail
+    THUMBNAIL,
+    "Frustrating moving cube.",
+    "Game prototype",
+    "#252525",
+    "fit-in"
+);

src/content/projects/prototrash/harvesting-potatoes/index.ts

@@ -0,0 +1,47 @@
+import {createProjectContent} from "../../template.ts";
+
+import SHOWCASE_WEBM from "./assets/harvesting-potatoes-showcase.webm";
+import SHOWCASE_MP4 from "./assets/harvesting-potatoes-showcase.mp4";
+
+import SCREENSHOT_1 from "./assets/harvesting-potatoes-screenshot-1.png"
+import SCREENSHOT_2 from "./assets/harvesting-potatoes-screenshot-2.png"
+import SCREENSHOT_3 from "./assets/harvesting-potatoes-screenshot-3.png"
+import SCREENSHOT_4 from "./assets/harvesting-potatoes-screenshot-4.png"
+
+import THUMBNAIL from "./assets/harvesting-potatoes-thumbnail.png";
+
+//-----------------------------------------------------------------------
+
+export const {content, techs, buttons, thumbnail} = createProjectContent(
+    "Harvesting Potatoes", // Title
+    "Game prototype", // Subtitle
+    "Master of the potatoes", // Tagline
+
+    // Paragraphs
+    [
+        "Take over a farm, harvest living potatoes, and watch them come alive. Procedural mapping and 3D modelling experiments."
+    ],
+
+    // Medias
+    [SHOWCASE_WEBM, SHOWCASE_MP4],
+    [SCREENSHOT_1, SCREENSHOT_2, SCREENSHOT_3, SCREENSHOT_4],
+
+    // Techs Used
+    [
+        {technology: "Unity 3D", percentage: 80},
+        {technology: "Blender", percentage: 80},
+        {technology: "Shaderlab", percentage: 35}
+    ],
+
+    //Buttons
+    [
+        ["GitHub Repo", "https://github.com/WeAreTwo/Potato-Game", true]
+    ],
+
+    // Thumbnail
+    THUMBNAIL,
+    "A potato planting potatoes.",
+    "Game prototype",
+    "#4E5145",
+    "harvesting-potatoes"
+);

src/content/projects/prototrash/index.ts

@@ -0,0 +1,11 @@
+import * as showers from "./showers";
+import * as productivity from "./productivity";
+import * as fitIn from "./fit-in";
+import * as harvestingPotatoes from "./harvesting-potatoes";
+
+export const prototrashPageReferences: { [key: string]: any } = {
+    "showers": showers,
+    "productivity": productivity,
+    "fit-in": fitIn,
+    "harvesting-potatoes": harvestingPotatoes,
+};

src/content/projects/prototrash/productivity/index.ts

@@ -3,10 +3,10 @@
 import SHOWCASE_WEBM from "./assets/productivity-showcase.webm";
 import SHOWCASE_MP4 from "./assets/productivity-showcase.mp4";
 
-import SCREENSHOT_1 from "./assets/productivity-screenshot-1.jpg"
-import SCREENSHOT_2 from "./assets/productivity-screenshot-2.jpg"
-import SCREENSHOT_3 from "./assets/productivity-screenshot-3.jpg"
-import SCREENSHOT_4 from "./assets/productivity-screenshot-4.jpg"
+import SCREENSHOT_1 from "./assets/productivity-screenshot-1.png"
+import SCREENSHOT_2 from "./assets/productivity-screenshot-2.png"
+import SCREENSHOT_3 from "./assets/productivity-screenshot-3.png"
+import SCREENSHOT_4 from "./assets/productivity-screenshot-4.png"
 
 import THUMBNAIL from "./assets/productivity-thumbnail.png";
 
@@ -43,6 +43,6 @@ export const {content, techs, buttons, thumbnail} = createProjectContent(
     THUMBNAIL,
     "You are the standing desk.",
     "Game prototype",
-    "COLOR",
+    "#F59B51",
     "productivity"
 );

src/content/projects/prototrash/showers/index.ts

@@ -0,0 +1,47 @@
+import {createProjectContent} from "../../template.ts";
+
+import SHOWCASE_WEBM from "./assets/showers-showcase.webm";
+import SHOWCASE_MP4 from "./assets/showers-showcase.mp4";
+
+import SCREENSHOT_1 from "./assets/showers-screenshot-1.png"
+import SCREENSHOT_2 from "./assets/showers-screenshot-2.png"
+import SCREENSHOT_3 from "./assets/showers-screenshot-3.png"
+import SCREENSHOT_4 from "./assets/showers-screenshot-4.png"
+
+import THUMBNAIL from "./assets/showers-thumbnail.png";
+
+//-----------------------------------------------------------------------
+
+export const { content, techs, buttons, thumbnail } = createProjectContent(
+    "Showers", // Title
+    "Game prototype", // Subtitle
+    "Find the optimal temperature", // Tagline
+
+    // Paragraphs
+    [
+        "Relive the frustrating process of learning how to operate a new shower. It’s too hot, it’s too cold. Turn right, then left. Push, pull…"
+    ],
+
+    // Medias
+    [ SHOWCASE_WEBM, SHOWCASE_MP4 ],
+    [ SCREENSHOT_1, SCREENSHOT_2, SCREENSHOT_3, SCREENSHOT_4 ],
+
+    // Techs Used
+    [
+        { technology: "Unity 3D", percentage: 80 },
+        { technology: "Blender", percentage: 60 },
+        { technology: "Substance", percentage: 60 }
+    ],
+
+    //Buttons
+    [
+        ["GitHub Repo", "LINK", true],
+    ],
+
+    // Thumbnail
+    THUMBNAIL,
+    "Understanding shower interfaces.",
+    "Game prototype",
+    "#95948A",
+    "showers"
+);

src/views/interactive.ts

@@ -8,10 +8,12 @@ export function interactiveView() {
     const article = document.createElement('article');
     const pageTitle = writeTitle("h1", "project collection");
     const latestEntries = projectList("Latest Entries", "latest");
+    const prototrash = projectList("Prototrash", "prototrash");
     const archives = projectList("Archives", "archive");
 
     article.appendChild(pageTitle);
     article.appendChild(latestEntries);
+    article.appendChild(prototrash);
     article.appendChild(archives);
 
     return article;