Skip to content

1.2.0 — Front Page Block Scaffold (Exact Parity) (vibe-kanban) #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

1.2.0 — Front Page Block Scaffold (Exact Parity) (vibe-kanban) #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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%

---

Expand Down Expand Up @@ -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:** Clean and prepare the `v.0.0.1` theme files into the new "nano-design-build" theme structure.
* [ ] **1.3:** Define global styles and fonts in `theme.json`.

### Phase 2: Core Page & Template Construction
Expand Down Expand Up @@ -102,4 +102,5 @@ The project will be developed in four distinct phases.

## 6. Changelog

* **2025-09-19:** Completed Task 1.2: Front Page Block Scaffold (Exact Parity).
* **2025-08-27:** Project Initialized. Roadmap and protocols established.
9 changes: 6 additions & 3 deletions footer.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,6 @@
<?php wp_footer(); ?>
</body>
</html>
<?php

/**
* This file is intentionally left blank.
* The footer is now rendered using the block template part at parts/footer.html.
*/
72 changes: 6 additions & 66 deletions front-page.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,70 +1,10 @@
<?php

/**
* The template for displaying the custom homepage (Original Baseline).
* This file is intentionally left blank.
* The front page is now rendered using the block template at templates/front-page.html.
*/

get_header(); ?>

<section class="hero-video-section">
<video playsinline autoplay muted loop poster="YOUR_POSTER_IMAGE_URL.jpg" class="hero-video-bg">
<source src="http://nano-design-build-v1.test/wp-content/uploads/2025/07/250705-NanoGreenDot-NanoBackgroundVideo.mp4" type="video/mp4">
</video>
<div class="hero-overlay"></div>
<div class="hero-content">
<h1 class="hero-title">Designing & Building The Future</h1>
<p class="hero-subtitle">We craft bespoke homes that merge timeless design with modern living.</p>
</div>
</section>

<div class="homepage-projects">
<?php
$args = array(
'post_type' => 'project',
'posts_per_page' => 3,
'orderby' => 'date',
'order' => 'DESC',
);
$recent_projects = new WP_Query( $args );
?>

<?php if ( $recent_projects->have_posts() ) : ?>
<h2 class="section-title">Recent Work</h2>
<div class="project-archive-list">
<?php while ( $recent_projects->have_posts() ) : $recent_projects->the_post(); ?>

<?php // We reuse the same structure from archive-project.php ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('project-archive-item'); ?>>
<a href="<?php the_permalink(); ?>" class="project-archive-link">
<div class="project-archive-image">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail( 'large' ); ?>
<?php endif; ?>
</div>
<div class="project-archive-details">
<h2 class="project-title"><?php the_title(); ?></h2>
<div class="project-excerpt">
<?php the_excerpt(); ?>
</div>
<div class="project-location-tag">
<?php
$locations = get_the_terms( get_the_ID(), 'location' );
if ( ! empty( $locations ) ) {
echo esc_html( $locations[0]->name );
}
?>
</div>
</div>
</a>
</article>

<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
</div>
<div class="section-link">
<img src="<?php echo get_template_directory_uri(); ?>/images/nano.svg" alt="Nano Design Build Logo" class="final-card-logo">
<a href="<?php echo get_post_type_archive_link('project'); ?>">View All Projects</a>
</div>
<?php endif; ?>
</div>

<?php get_footer(); ?>
get_header();
// Intentionally empty.
get_footer();
16 changes: 5 additions & 11 deletions header.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,6 @@
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php

<nav class="site-nav-minimal">
<a href="<?php echo get_post_type_archive_link('project'); ?>">Work</a>
</nav>
/**
* This file is intentionally left blank.
* The header is now rendered using the block template part at parts/header.html.
*/
7 changes: 7 additions & 0 deletions parts/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
<!-- wp:group {"tagName":"footer","className":"site-footer-minimal","layout":{"type":"constrained"}} -->
<footer class="site-footer-minimal">
<!-- wp:paragraph -->
<p>© 2025 Nano Design Build</p>
<!-- /wp:paragraph -->
</footer>
<!-- /wp:group -->
8 changes: 8 additions & 0 deletions parts/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<!-- wp:group {"tagName":"nav","className":"site-nav-minimal","layout":{"type":"flex","justifyContent":"space-between","orientation":"horizontal"}} -->
<nav class="site-nav-minimal">
<!-- wp:site-logo {"width":40} /-->
<!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right"}} -->
<!-- wp:page-list /-->
<!-- /wp:navigation -->
</nav>
<!-- /wp:group -->
71 changes: 71 additions & 0 deletions templates/front-page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"default"}} -->
<main>
<!-- wp:cover {"url":"/wp-content/uploads/2025/07/placeholder-image.jpg","dimRatio":50,"overlayColor":"black","contentPosition":"center center","isDark":false,"align":"full","className":"hero-video-section"} -->
<div class="wp-block-cover alignfull is-light hero-video-section">
<span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-50 has-background-dim"></span>
<img class="wp-block-cover__image-background" alt="" src="/wp-content/uploads/2025/07/placeholder-image.jpg" data-object-fit="cover"/>
<div class="wp-block-cover__inner-container">
<!-- wp:html -->
<video playsinline autoplay muted loop class="hero-video-bg">
<source src="/wp-content/uploads/2025/07/250705-NanoGreenDot-NanoBackgroundVideo.mp4" type="video/mp4">
</video>
<!-- /wp:html -->
<!-- wp:group {"className":"hero-content","layout":{"type":"constrained"}} -->
<div class="hero-content">
<!-- wp:heading {"level":1,"className":"hero-title"} -->
<h1 class="hero-title">Designing & Building The Future</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"hero-subtitle"} -->
<p class="hero-subtitle">We craft bespoke homes that merge timeless design with modern living.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->

<!-- wp:group {"className":"homepage-projects","layout":{"type":"constrained"}} -->
<div class="homepage-projects">
<!-- wp:heading {"level":2,"className":"section-title"} -->
<h2 class="section-title">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},"displayLayout":{"type":"list"},"className":"project-archive-list"} -->
<div class="project-archive-list">
<!-- wp:post-template -->
<!-- wp:group {"className":"project-archive-item"} -->
<div class="project-archive-item">
<!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"auto","className":"project-archive-image"} /-->
<!-- wp:group {"className":"project-archive-details"} -->
<div class="project-archive-details">
<!-- wp:post-title {"isLink":true,"className":"project-title"} /-->
<!-- wp:post-excerpt {"className":"project-excerpt"} /-->
<!-- wp:post-terms {"term":"location","className":"project-location-tag"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->

<!-- wp:group {"className":"section-link","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="section-link">
<!-- wp:image {"width":50,"height":50,"sizeSlug":"full","linkDestination":"none","className":"final-card-logo"} -->
<figure class="wp-block-image size-full is-resized final-card-logo">
<img src="/wp-content/themes/vibe-kanban/images/nano.svg" alt="Nano Design Build Logo" width="50" height="50"/>
</figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
<p><a href="/projects">View All Projects</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
9 changes: 9 additions & 0 deletions templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main>
<!-- wp:post-content /-->
</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->