Skip to content

Commit 0cedc8c

Browse files
boopathirbkboopathirbk
committed
Github Pages Update
1 parent f08859f commit 0cedc8c

3 files changed

Lines changed: 543 additions & 0 deletions

File tree

‎docs/index.html‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>WP Bulk Pages Generator | Enterprise Content Engine for WordPress</title>
7+
8+
<!-- SEO Meta Tags -->
9+
<meta name="description" content="Deploy hundreds of WordPress pages, posts, and CPTs in seconds. Built for SEO pros and agencies with Geist UI, WCAG 2.2 AA compliance, and high-performance async engine.">
10+
<meta name="keywords" content="WordPress, Bulk Pages, Content Generator, SEO Silo, Gutenberg Blocks, Geist UI, Vercel Design, Accessibility">
11+
<meta name="author" content="Boopathi R">
12+
13+
<!-- Open Graph / Social -->
14+
<meta property="og:type" content="website">
15+
<meta property="og:title" content="WP Bulk Pages Generator 🚀">
16+
<meta property="og:description" content="The ultimate bulk content engine for WordPress agencies.">
17+
<meta property="og:url" content="https://boopathirbk.github.io/wp-bulk-pages-generator/">
18+
19+
<!-- Styles -->
20+
<link rel="stylesheet" href="style.css">
21+
22+
<!-- Favicon (Emoji) -->
23+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚀</text></svg>">
24+
</head>
25+
<body>
26+
27+
<header>
28+
<div class="container header-inner">
29+
<a href="#" class="logo">
30+
<svg width="24" height="24" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
31+
<path d="M38 0L76 38L38 76L0 38L38 0Z" fill="currentColor"/>
32+
</svg>
33+
WBPG
34+
</a>
35+
<nav class="nav-links">
36+
<a href="#features" class="nav-link">Features</a>
37+
<a href="#demo" class="nav-link">Demo</a>
38+
<a href="#author" class="nav-link">Author</a>
39+
<a href="https://github.com/boopathirbk/wp-bulk-pages-generator" class="nav-link">GitHub</a>
40+
<button class="theme-toggle" id="theme-toggle" aria-label="Toggle Theme">
41+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
42+
<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"/>
43+
</svg>
44+
</button>
45+
</nav>
46+
</div>
47+
</header>
48+
49+
<main class="container">
50+
51+
<!-- Hero Section -->
52+
<section class="hero">
53+
<h1>Engineered for <br> Bulk Content.</h1>
54+
<p>Deploy landing pages, SEO silos, and complex content batches in seconds with the speed of Geist. The enterprise-grade engine for modern WordPress workflows.</p>
55+
<div class="cta-group">
56+
<a href="https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/boopathirbk/wp-bulk-pages-generator/main/blueprints/demo.json" class="btn btn-primary">Launch Live Demo</a>
57+
<a href="https://github.com/boopathirbk/wp-bulk-pages-generator/releases/latest/download/wp-bulk-pages-generator.zip" class="btn btn-secondary">Download ZIP</a>
58+
</div>
59+
</section>
60+
61+
<!-- Bento Features -->
62+
<section id="features">
63+
<h2 class="section-title">Everything you need.</h2>
64+
<div class="bento-grid">
65+
<div class="bento-card card-span-2">
66+
<h3>⚡ Async Sequential Engine</h3>
67+
<p>Process 100+ rows one by one via REST API. No server time-outs, no database lockouts. Pure performance.</p>
68+
</div>
69+
<div class="bento-card">
70+
<h3>🌗 Intelligent Dark Mode</h3>
71+
<p>Respects system preferences with a manual toggle for low-light production work.</p>
72+
</div>
73+
<div class="bento-card">
74+
<h3>♿ WCAG 2.2 AA</h3>
75+
<p>Native support for accessibility standards. High-visibility focus rings and ARIA live regions.</p>
76+
</div>
77+
<div class="bento-card card-span-2">
78+
<h3>🧱 Gutenberg-Ready</h3>
79+
<p>Full support for block markup. Paste complex FAQ patterns or CTA sections directly into the content grid.</p>
80+
</div>
81+
</div>
82+
</section>
83+
84+
<!-- Live Playground Section -->
85+
<section id="demo" class="demo-section">
86+
<h2>Try it in your browser.</h2>
87+
<p>No installation required. Experience the Geist-inspired workflow in a real WordPress environment right now.</p>
88+
<div class="cta-group" style="margin-top: 32px;">
89+
<a href="https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/boopathirbk/wp-bulk-pages-generator/main/blueprints/demo.json" class="btn btn-primary" style="background: #fff; color: #000;">Launch Playground ↗</a>
90+
</div>
91+
</section>
92+
93+
<!-- Meta Section (Author / Star) -->
94+
<section id="author" class="meta-section">
95+
<div class="author-card">
96+
<div class="author-img">👤</div>
97+
<div>
98+
<h3 style="margin: 0; font-family: var(--font-heading);">Boopathi R</h3>
99+
<p style="margin: 4px 0 0; color: var(--accents-5); font-size: 14px;">Software Architect & Creator</p>
100+
</div>
101+
</div>
102+
<div class="meta-links">
103+
<div class="cta-group" style="justify-content: flex-start;">
104+
<a href="https://github.com/boopathirbk/wp-bulk-pages-generator" class="btn btn-secondary">⭐ Star on GitHub</a>
105+
<a href="https://paypal.me/boopathirbk" class="btn btn-secondary">☕ Buy me a coffee</a>
106+
<a href="mailto:genius@duck.com" class="btn btn-secondary">💼 Hire for Custom Work</a>
107+
</div>
108+
</div>
109+
</section>
110+
111+
</main>
112+
113+
<footer>
114+
<div class="container">
115+
<p>© 2026 WP Bulk Pages Generator. Built with Geist & ❤️ for the community.</p>
116+
</div>
117+
</footer>
118+
119+
<script src="script.js"></script>
120+
</body>
121+
</html>

‎docs/script.js‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
document.addEventListener('DOMContentLoaded', () => {
2+
const themeToggle = document.getElementById('theme-toggle');
3+
const htmlElement = document.documentElement;
4+
5+
// --- Theme Management ---
6+
const savedTheme = localStorage.getItem('theme') ||
7+
(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
8+
9+
htmlElement.setAttribute('data-theme', savedTheme);
10+
11+
themeToggle.addEventListener('click', () => {
12+
const currentTheme = htmlElement.getAttribute('data-theme');
13+
const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
14+
15+
htmlElement.setAttribute('data-theme', newTheme);
16+
localStorage.setItem('theme', newTheme);
17+
18+
// Dynamic icon update (subtle)
19+
themeToggle.style.transform = 'rotate(180deg)';
20+
setTimeout(() => themeToggle.style.transform = 'rotate(0deg)', 300);
21+
});
22+
23+
// --- Smooth Scroll Reveal ---
24+
const observerOptions = {
25+
threshold: 0.1
26+
};
27+
28+
const observer = new IntersectionObserver((entries) => {
29+
entries.forEach(entry => {
30+
if (entry.isIntersecting) {
31+
entry.target.style.opacity = '1';
32+
entry.target.style.transform = 'translateY(0)';
33+
}
34+
});
35+
}, observerOptions);
36+
37+
document.querySelectorAll('.bento-card, .section-title, .hero > *').forEach(el => {
38+
el.style.opacity = '0';
39+
el.style.transform = 'translateY(20px)';
40+
el.style.transition = 'all 0.6s cubic-bezier(0.16, 1, 0.3, 1)';
41+
observer.observe(el);
42+
});
43+
44+
// --- Dynamic "Star" Count Simulation (Optional SEO) ---
45+
// In a real scenario, you'd fetch this from the GitHub API
46+
console.log('Marketing Engine v1.0.0 Initialized');
47+
});

0 commit comments

Comments
 (0)