QR Code Maker update

This commit is contained in:
2025-07-22 12:25:12 -06:00
parent 0b0a6e900c
commit 8e133fb9b4
31 changed files with 401 additions and 270 deletions

View File

@@ -223,7 +223,7 @@
}
.stat-label {
color: var(--text-light);
color: var(--text-dark);
font-size: 0.875rem;
}
@@ -611,6 +611,7 @@
opacity: 0.9;
margin-bottom: 0.75rem;
line-height: 1.4;
color: #dfbfe6;
}
.site-status {
@@ -1034,7 +1035,7 @@
<div class="hero-badge">🚀 Campaign Documentation Reimagined</div>
<h1>Power Tools for Modern Campaign Documentation</h1>
<p class="hero-subtitle">
Give your canvassers instant answers at the door. Turn your campaign knowledge into a searchable,
Give your canvassers instant answers at the door. Turn your campaign website & knowledge into a searchable,
mobile-first documentation system that actually works in the field. Your data, your servers, your control.
</p>
<div class="hero-cta">
@@ -1092,7 +1093,7 @@
<div class="problem-card">
<div class="problem-icon">🔒</div>
<h3>No Data Control</h3>
<p>Your voter data on US servers. Your strategies in corporate clouds. Your movement's future in someone else's hands.</p>
<p>Your data is locked behind expensive subscriptions. Your strategies in corporate clouds. Your movement's future in someone else's hands.</p>
</div>
<div class="problem-card">
<div class="problem-icon">📵</div>
@@ -1199,6 +1200,24 @@
<img src="assets/coder_square.png" alt="Split view showing markdown editor on left, live preview on right with campaign branding" class="mobile-screenshot">
</div>
</div>
<div class="solution-showcase">
<div class="showcase-content">
<h3>Beautiul Websites</h3>
<p>Build and deploy beautiful websites & documentation using the tools already used by the worlds largest organizations.</p>
<ul class="feature-list">
<li>Social media cards</li>
<li>Fully customizable</li>
<li>Custom pages and landers</li>
<li>Integrated blogging</li>
<li>Supports 60+ languages</li>
</ul>
</div>
<div class="screenshot-placeholder">
<img src="assets/built.png" alt="Map interface showing color-coded houses, with popup showing voter details and previous interaction history" class="mobile-screenshot">
</div>
</div>
</div>
</section>
@@ -1217,7 +1236,7 @@
<div>
<h3>Smart Documentation Hub</h3>
<div class="tool-description">MkDocs + Code Server</div>
</div>
mkdocs/docs/blog </div>
</div>
<p>Create beautiful, searchable documentation that your team will actually use.</p>
<ul class="tool-features">
@@ -1489,7 +1508,7 @@
<section class="testimonial-section">
<div class="testimonial-content">
<h2>Real Sites, Real Results</h2>
<p style="text-align: center; margin-bottom: 3rem; color: var(--text-light);">
<p style="text-align: center; margin-bottom: 3rem; color: var(--text-dark);">
Live sites powered by Changemaker Lite in production today
</p>
@@ -1580,51 +1599,6 @@
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h4>Product</h4>
<ul class="footer-links">
<li><a href="/features">Features</a></li>
<li><a href="/pricing">Pricing</a></li>
<li><a href="/demo">Live Demo</a></li>
<li><a href="/case-studies">Case Studies</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Resources</h4>
<ul class="footer-links">
<li><a href="/docs">Documentation</a></li>
<li><a href="/tutorials">Video Tutorials</a></li>
<li><a href="/api">API Reference</a></li>
<li><a href="/community">Community Forum</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Company</h4>
<ul class="footer-links">
<li><a href="/about">About Us</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/open-source">Open-Source</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Connect</h4>
<ul class="footer-links">
<li><a href="https://github.com/changemaker-lite">GitHub</a></li>
<li><a href="https://twitter.com/cmlite">Twitter</a></li>
<li><a href="/newsletter">Newsletter</a></li>
<li><a href="/support">Support</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 Changemaker Lite. Open source and proud. Built with ❤️ for progressive campaigns in Canada.</p>
</div>
</footer>
<script>
// Add scroll effect to header
window.addEventListener('scroll', function() {