Task 1.2.0: Scaffold Block Theme & Convert Front Page (Preserve Design) (vibe-kanban)

README.md

@@ -1,6 +1,6 @@
 # Project: Nano Green Dot Portfolio
 
-**Last Updated:** August 27, 2025
+**Last Updated:** September 17, 2025
 
 ## 1. Project Overview
 
@@ -10,9 +10,9 @@ This project is the development of a custom portfolio website for Nano Green Dot
 
 ## 2. Project Status
 
-**Progress:** 0/15 Tasks Complete
+**Progress:** 1/15 Tasks Complete
 
-`[..............................]` 0%
+`[##............................]` 7%
 
 ---
 
@@ -74,7 +74,7 @@ The project will be developed in four distinct phases.
 ### Phase 1: Foundation & Setup (In Progress)
 
 * [ ] **1.1:** Initialize Git repository and project structure.
-* [ ] **1.2:** Clean and prepare the `v.0.0.1` theme files into the new "nano-design-build" theme structure.
+* [x] **1.2:** Scaffold Block Theme & Convert Front Page (Preserve Design).
 * [ ] **1.3:** Define global styles and fonts in `theme.json`.
 
 ### Phase 2: Core Page & Template Construction
@@ -102,4 +102,5 @@ The project will be developed in four distinct phases.
 
 ## 6. Changelog
 
+* **2025-09-17:** Completed Task 1.2.0: Scaffold Block Theme & Convert Front Page (Preserve Design).
 * **2025-08-27:** Project Initialized. Roadmap and protocols established.

parts/footer.html

@@ -0,0 +1,13 @@
+<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group">
+    <!-- wp:paragraph -->
+    <p>Contact us: <a href="mailto:[email protected]">[email protected]</a></p>
+    <!-- /wp:paragraph -->
+    <!-- wp:social-links -->
+    <ul class="wp-block-social-links">
+        <!-- wp:social-link {"url":"#","service":"instagram"} /-->
+        <!-- wp:social-link {"url":"#","service":"twitter"} /-->
+    </ul>
+    <!-- /wp:social-links -->
+</div>
+<!-- /wp:group -->

parts/header.html

@@ -0,0 +1,8 @@
+<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group">
+    <!-- wp:site-logo /-->
+    <!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right"}} -->
+        <!-- wp:page-list /-->
+    <!-- /wp:navigation -->
+</div>
+<!-- /wp:group -->

templates/front-page.html

@@ -0,0 +1,53 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:cover {"url":"http://nano-design-build-v1.test/wp-content/uploads/2025/07/250705-NanoGreenDot-NanoBackgroundVideo.mp4","id":1,"dimRatio":50,"minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","isDark":false} -->
+<div class="wp-block-cover" style="min-height:100vh">
+    <span aria-hidden="true" class="wp-block-cover__background-container">
+        <video class="wp-block-cover__video-background" autoplay muted loop src="http://nano-design-build-v1.test/wp-content/uploads/2025/07/250705-NanoGreenDot-NanoBackgroundVideo.mp4" poster="YOUR_POSTER_IMAGE_URL.jpg"></video>
+    </span>
+    <div class="wp-block-cover__inner-container">
+        <!-- wp:group {"layout":{"type":"constrained"}} -->
+        <div class="wp-block-group">
+            <!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontSize":"4rem"}}} -->
+            <h1 class="has-text-align-center" style="font-size:4rem">Designing & Building The Future</h1>
+            <!-- /wp:heading -->
+            <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"1.5rem"}}} -->
+            <p class="has-text-align-center" style="font-size:1.5rem">We craft bespoke homes that merge timeless design with modern living.</p>
+            <!-- /wp:paragraph -->
+        </div>
+        <!-- /wp:group -->
+    </div>
+</div>
+<!-- /wp:cover -->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)">
+    <!-- wp:heading {"textAlign":"center"} -->
+    <h2 class="has-text-align-center">Recent Work</h2>
+    <!-- /wp:heading -->
+
+    <!-- wp:query {"queryId":1,"query":{"perPage":3,"pages":0,"offset":0,"postType":"project","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false}} -->
+    <div class="wp-block-query">
+        <!-- wp:post-template -->
+            <!-- wp:post-featured-image {"isLink":true} /-->
+            <!-- wp:post-title {"isLink":true} /-->
+            <!-- wp:post-excerpt /-->
+            <!-- wp:post-terms {"term":"location"} /-->
+        <!-- /wp:post-template -->
+    </div>
+    <!-- /wp:query -->
+
+    <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
+    <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
+        <!-- wp:image {"width":32,"height":32,"sizeSlug":"full","linkDestination":"none"} -->
+        <figure class="wp-block-image size-full is-resized"><img src="/wp-content/themes/nano-design-build/images/nano.svg" alt="Nano Design Build Logo" width="32" height="32"/></figure>
+        <!-- /wp:image -->
+        <!-- wp:paragraph -->
+        <p><a href="/projects">View All Projects</a></p>
+        <!-- /wp:paragraph -->
+    </div>
+    <!-- /wp:group -->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

templates/index.html

@@ -0,0 +1,9 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
+<main class="wp-block-group">
+    <!-- wp:post-content /-->
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->