← back to Chinoiseriewallpaper
snapshot before hamburger nav rollout
11735ae005a6991d3ed4003fd9610614834d5b8e · 2026-05-10 21:39:47 -0700 · Steve Abrams
Files touched
A public/favicon.svgA public/index.html.pre-sort-frontend
Diff
commit 11735ae005a6991d3ed4003fd9610614834d5b8e
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Sun May 10 21:39:47 2026 -0700
snapshot before hamburger nav rollout
---
public/favicon.svg | 6 +
public/index.html.pre-sort-frontend | 211 ++++++++++++++++++++++++++++++++++++
2 files changed, 217 insertions(+)
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..f73bf7d
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+ <rect width="64" height="64" rx="10" fill="#0a0a0a"/>
+ <text x="50%" y="50%" text-anchor="middle" dominant-baseline="central"
+ font-family="Georgia, 'Times New Roman', serif" font-weight="700"
+ font-size="44" fill="#ffffff">C</text>
+</svg>
diff --git a/public/index.html.pre-sort-frontend b/public/index.html.pre-sort-frontend
new file mode 100644
index 0000000..0b84794
--- /dev/null
+++ b/public/index.html.pre-sort-frontend
@@ -0,0 +1,211 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="light">
+<head>
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- Anti-flash: apply saved theme before paint -->
+ <script>
+ (function(){
+ var t = localStorage.getItem('cw-theme') || 'light';
+ document.documentElement.setAttribute('data-theme', t);
+ })();
+ </script>
+
+ <title>Chinoiserie Wallpaper | Heritage Oriental Wallcoverings | Designer Wallcoverings</title>
+ <meta name="description" content="Discover museum-quality chinoiserie and oriental wallcoverings — peacocks, pagodas, peonies, and hand-painted-style motifs curated by Designer Wallcoverings. Free memo samples. Trade service available.">
+
+ <!-- Google Fonts: Cormorant (editorial serif) + Jost (clean sans) -->
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
+
+ <!-- JSON-LD Organization -->
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@type": "Organization",
+ "name": "Chinoiserie Wallpaper",
+ "url": "https://chinoiseriewallpaper.com",
+ "email": "info@chinoiseriewallpaper.com",
+ "parentOrganization": {
+ "@type": "Organization",
+ "name": "Designer Wallcoverings",
+ "url": "https://designerwallcoverings.com"
+ }
+ }
+ </script>
+
+ <link rel="stylesheet" href="/css/site.css">
+</head>
+<body>
+
+<!-- ── HEADER ─────────────────────────────────────────────────────────── -->
+<header class="site-header">
+ <div class="header-inner">
+ <a class="brand" href="/">
+ <span class="brand-mark">ぢ</span>
+ <span class="brand-text">Chinoiserie<br><em>Wallpaper</em></span>
+ </a>
+
+ <nav class="header-nav">
+ <a href="#collection">Collection</a>
+ <a href="https://designerwallcoverings.com/pages/trade" target="_blank" rel="noopener">Trade</a>
+ <a href="mailto:info@chinoiseriewallpaper.com">Contact</a>
+ </nav>
+
+ <div class="header-actions">
+ <button class="theme-toggle" id="themeToggle" aria-label="Toggle dark/light mode" title="Toggle dark/light">
+ <!-- Sun icon (shown in dark mode) -->
+ <svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+ <circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/>
+ <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
+ <line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/>
+ <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
+ </svg>
+ <!-- Moon icon (shown in light mode) -->
+ <svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+ <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+ </svg>
+ </button>
+ </div>
+ </div>
+</header>
+
+<!-- ── HERO ───────────────────────────────────────────────────────────── -->
+<section class="hero" id="hero">
+ <div class="hero-content">
+ <p class="hero-eyebrow">Heritage Oriental Wallcoverings</p>
+ <h1>The Art of<br><em>Chinoiserie</em></h1>
+ <p class="hero-sub">Museum-quality peonies, peacocks & pagodas — curated from the world's finest ateliers. Free memo samples. Trade service available.</p>
+ <a href="#collection" class="btn-primary">Explore the Collection</a>
+ </div>
+ <div class="hero-gradient"></div>
+</section>
+
+<!-- ── HOUSE MARKS ────────────────────────────────────────────────────── -->
+<section class="house-marks">
+ <div class="marks-inner">
+ <div class="mark">
+ <span class="mark-icon">✦</span>
+ <span>Free Memo Samples</span>
+ </div>
+ <div class="mark">
+ <span class="mark-icon">✦</span>
+ <span>Trade Accounts Welcome</span>
+ </div>
+ <div class="mark">
+ <span class="mark-icon">✦</span>
+ <span>White-Glove Spec Service</span>
+ </div>
+ <div class="mark">
+ <span class="mark-icon">✦</span>
+ <span>1,100+ Chinoiserie Patterns</span>
+ </div>
+ </div>
+</section>
+
+<!-- ── COLLECTION ─────────────────────────────────────────────────────── -->
+<section class="collection" id="collection">
+ <div class="collection-header">
+ <h2>The Collection</h2>
+ <p class="collection-sub">Distilled from the world's finest wallcovering ateliers — every pattern curated for its fidelity to the chinoiserie tradition.</p>
+ </div>
+
+ <!-- Controls bar -->
+ <div class="controls-bar">
+ <div class="search-wrap">
+ <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+ <input type="search" id="searchInput" placeholder="Search by name, vendor, motif…" autocomplete="off">
+ </div>
+
+ <div class="filter-wrap">
+ <label for="aestheticFilter">Motif</label>
+ <select id="aestheticFilter">
+ <option value="all">All Motifs</option>
+ <option value="chinoiserie">Chinoiserie</option>
+ <option value="imperial">Imperial</option>
+ <option value="scenic">Scenic</option>
+ <option value="botanica">Botanica</option>
+ <option value="avian">Avian</option>
+ <option value="garden">Garden</option>
+ <option value="handpainted">Hand-Painted</option>
+ <option value="japanese">Japanese</option>
+ </select>
+ </div>
+
+ <div class="sort-wrap">
+ <label for="sortSelect">Sort</label>
+ <select id="sortSelect">
+ <option value="newest">Newest</option>
+ <option value="title">A – Z</option>
+ <option value="price-asc">Price: Low</option>
+ <option value="price-desc">Price: High</option>
+ <option value="vendor">By Vendor</option>
+ </select>
+ </div>
+
+ <div class="density-wrap">
+ <label for="densitySlider">Density</label>
+ <input type="range" id="densitySlider" min="1" max="4" value="3" step="1">
+ </div>
+ </div>
+
+ <!-- Results count -->
+ <div class="results-bar">
+ <span id="resultsCount">Loading…</span>
+ </div>
+
+ <!-- Product grid -->
+ <div class="product-grid" id="productGrid" data-cols="3">
+ </div>
+
+ <!-- Pagination -->
+ <div class="pagination" id="pagination"></div>
+</section>
+
+<!-- ── EDITORIAL BREAK ─────────────────────────────────────────────────── -->
+<section class="editorial-break">
+ <div class="editorial-inner">
+ <blockquote>
+ <p>"Chinoiserie represents the Western imagination's dialogue with the East — a centuries-long conversation conducted in lacquer, silk, and hand-applied pigment."</p>
+ <cite>— Designer Wallcoverings Editorial</cite>
+ </blockquote>
+ </div>
+</section>
+
+<!-- ── SAMPLE CTA BAND ─────────────────────────────────────────────────── -->
+<section class="sample-band">
+ <div class="sample-band-inner">
+ <div class="sample-band-text">
+ <h3>Order Memo Samples — Free</h3>
+ <p>Touch the pattern before you commit. Every chinoiserie wallcovering in our collection is available as a complimentary memo sample, shipped to your studio or jobsite.</p>
+ </div>
+ <a href="https://designerwallcoverings.com/collections/wallcoverings" target="_blank" rel="noopener" class="btn-primary btn-gold">Request Samples</a>
+ </div>
+</section>
+
+<!-- ── FOOTER ─────────────────────────────────────────────────────────── -->
+<footer class="site-footer">
+ <div class="footer-inner">
+ <div class="footer-brand">
+ <span class="brand-text-sm">Chinoiserie Wallpaper</span>
+ <p>A curated vertical of <a href="https://designerwallcoverings.com" target="_blank" rel="noopener">Designer Wallcoverings</a></p>
+ <p><a href="mailto:info@chinoiseriewallpaper.com">info@chinoiseriewallpaper.com</a></p>
+ </div>
+ <div class="footer-links">
+ <a href="https://designerwallcoverings.com/pages/trade" target="_blank" rel="noopener">Trade Accounts</a>
+ <a href="https://designerwallcoverings.com/pages/contact" target="_blank" rel="noopener">Contact DW</a>
+ <a href="https://designerwallcoverings.com/pages/privacy-policy" target="_blank" rel="noopener">Privacy</a>
+ </div>
+ <div class="footer-mark">
+ <p>© 2026 Designer Wallcoverings. All rights reserved.</p>
+ </div>
+ </div>
+</footer>
+
+<script src="/js/site.js"></script>
+</body>
+</html>
← 50b77f9 sort-skill UI: add Light→Dark / Dark→Light / Color Wheel opt
·
back to Chinoiseriewallpaper
·
hamburger nav: apply canonical pattern from sister-site flee 107f670 →