feat: new project template

Author: cd-bash

src/content/projects/index.ts

@@ -3,11 +3,10 @@ import {projectInfo} from "../../components/vertical-nav/info-project.ts";
 import {renderBreadcrumbs, renderNavInfo} from "../../components/vertical-nav";
 import {createThumbnail} from "../../components/thumbnail";
 import {BreadcrumbCategory, breadcrumbs, BreadcrumbsLink} from "../../components/breadcrumbs";
+import {interactiveView} from "../../views/interactive.ts";
 
 import * as spaceCompass from "./space-compass";
 import * as nextUx from "./next-ux";
-import {interactiveView} from "../../views/interactive.ts";
-
 
 
 const pageReferences: { [key: string]: any } = {
@@ -26,10 +25,11 @@ export function buildProjectPage(pageReference: string) {
         console.error(`Project page reference "${pageReference}" not found.`);
         return;
     }
-    const viewContent = projectView(page!.content);
-    const navInfo = projectInfo(page!.buttons, page!.techs);
+    const { content, techs, buttons } = page;
+    const viewContent = projectView(content);
+    const navInfo = projectInfo(buttons, techs);
 
-    renderBreadcrumbs(breadcrumbs(trackBreadcrumbs(page!.content.title)));
+    renderBreadcrumbs(breadcrumbs(trackBreadcrumbs(content.title)));
     renderNavInfo(navInfo);
     renderView(viewContent);
 }
@@ -45,7 +45,8 @@ export function buildThumbnailList() {
     const list = document.createElement('ul');
 
     Object.values(pageReferences).forEach((page: any) => {
-        const item = createThumbnail(page.thumbnail, false);
+        const { thumbnail } = page;
+        const item = createThumbnail(thumbnail, false);
         list.appendChild(item);
     });
 

src/content/projects/next-ux/index.ts

@@ -1,9 +1,7 @@
-import {ProjectContent} from "../../../views/project-view/";
-import {ButtonLink} from "../../../components/vertical-nav/info-project.ts";
-import {thumbnailContent} from "../../../components/thumbnail";
+import {createProjectContent} from "../template.ts";
 
-import WEBM_VIDEO from "./assets/next-ux-showcase.webm";
-import MP4_VIDEO from "./assets/next-ux-showcase.mp4";
+import SHOWCASE_WEBM from "./assets/next-ux-showcase.webm";
+import SHOWCASE_MP4 from "./assets/next-ux-showcase.mp4";
 
 import SCREENSHOT_1 from "./assets/next-ux-screenshot-1.jpg"
 import SCREENSHOT_2 from "./assets/next-ux-screenshot-2.jpg"
@@ -12,45 +10,37 @@ import SCREENSHOT_4 from "./assets/next-ux-screenshot-4.jpg"
 
 import THUMBNAIL from "./assets/next-ux-thumbnail.jpg";
 
-export const content: ProjectContent = {
-    title: "Next UX",
-    subtitle: "web app ux / ui - 2021",
-    
-    tagline: "Clear Workflows ",
-    paragraphs: [
-        "Complete overhaul of Voxco's product line, including a redesigned user flow and interface."
-    ],
+//-----------------------------------------------------------------------
 
-    heroVideo: [
-        WEBM_VIDEO,
-        MP4_VIDEO
+export const {content, techs, buttons, thumbnail} = createProjectContent(
+    "Next Ux", // Title
+    "web app ux & ui - 2021", // Subtitle
+    "Clear Workflows", // Tagline
+
+    // Paragraphs
+    [
+        "Complete overhaul of Voxco's product line, including a redesigned user flow and interface."
     ],
 
-    imageGallery: [
-        SCREENSHOT_1,
-        SCREENSHOT_2,
-        SCREENSHOT_3,
-        SCREENSHOT_4
-    ]
-}
+    // Medias
+    [SHOWCASE_WEBM, SHOWCASE_MP4],
+    [SCREENSHOT_1, SCREENSHOT_2, SCREENSHOT_3, SCREENSHOT_4],
 
-export const buttons: ButtonLink[] = [
+    // Techs Used
     [
-        "INSERT", 
-        "INSERT URL",
-        true
+        {technology: "React", percentage: 30},
+        {technology: "Blazor", percentage: 40},
+        {technology: "Adobe XD", percentage: 80}
     ],
+
+    //Buttons
     [
-        "INSERT", 
-        "INSERT URL",
-        false
+        ["LABEL", "LINK", true],
+        ["LABEL", "LINK", false]
     ],
-]
-
-export const thumbnail: thumbnailContent = {
-    thumbnail: THUMBNAIL,
-    title: content.title,
-    description: "INSERT",
-    tags: ["INSERT", "INSERT"],
-    path: "next-ux"
-}
+
+    // Thumbnail
+    THUMBNAIL,
+    ["TAG", "TAG"],
+    "next-ux"
+);