joakim/insertr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up demo site: remove manual IDs and frontend-only approach

Browse Source 
- Remove all manual data-content-id attributes from HTML files
- Archive old insertr JS/CSS assets to demo-site/archive/
- Remove hardcoded script includes and CSS links
- Remove old authentication controls and mock API
- Enable pure zero-config approach with class='insertr' only
- Parser now generates all 40 content IDs automatically
This commit is contained in:
Joakim
2025-09-03 12:18:43 +02:00
parent c2591e4fdd
commit 9bc2751ff2
10 changed files with 44 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
demo-site/about.html
View File

@@ -5,39 +5,35 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About - Acme Consulting Services</title> <title>About - Acme Consulting Services</title>
<link rel="stylesheet" href="assets/style.css"> <link rel="stylesheet" href="assets/style.css">
<link rel="stylesheet" href="insertr/insertr.css">
</head> </head>
<body> <body>
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar"> <nav class="navbar">
<div class="container"> <div class="container">
<h1 class="logo insertr" data-content-id="nav-logo">Acme Consulting</h1> <h1 class="logo insertr">Acme Consulting</h1>
<ul class="nav-links"> <ul class="nav-links">
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li> <li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> </ul>
<!-- Authentication controls -->
<div class="auth-controls">
<button id="auth-toggle" class="btn-secondary">Login as Client</button>
<button id="edit-mode-toggle" class="btn-primary" style="display: none;">Edit Mode: Off</button>
</div>
</div> </div>
</nav> </nav>
<!-- Hero Section --> <!-- Hero Section -->
<section class="hero"> <section class="hero">
<div class="container"> <div class="container">
<h1 class="insertr" data-content-id="about-title">About Acme Consulting</h1> <h1 class="insertr">About Acme Consulting</h1>
<p class="lead insertr" data-content-id="about-subtitle">We're a team of experienced consultants dedicated to helping small businesses thrive in today's competitive marketplace.</p> <p class="lead insertr">We're a team of experienced consultants dedicated to helping small businesses thrive in today's competitive marketplace.</p>
</div> </div>
</section> </section>
<!-- Story Section --> <!-- Story Section -->
<section class="services"> <section class="services">
<div class="container"> <div class="container">
<h2 class="insertr" data-content-id="story-title">Our Story</h2> <h2 class="insertr">Our Story</h2>
<div class="insertr" data-content-id="story-content" data-field-type="markdown"> <div class="insertr" data-field-type="markdown">
<p>Founded in 2020, Acme Consulting emerged from a simple observation: small businesses needed access to the same high-quality strategic advice that large corporations receive, but in a format that was accessible, affordable, and actionable.</p> <p>Founded in 2020, Acme Consulting emerged from a simple observation: small businesses needed access to the same high-quality strategic advice that large corporations receive, but in a format that was accessible, affordable, and actionable.</p>
<p>Our founders, with combined experience of over 30 years in business strategy, operations, and technology, recognized that the traditional consulting model wasn't serving the needs of growing businesses. We set out to change that.</p> <p>Our founders, with combined experience of over 30 years in business strategy, operations, and technology, recognized that the traditional consulting model wasn't serving the needs of growing businesses. We set out to change that.</p>
@@ -50,26 +46,26 @@
<!-- Team Section --> <!-- Team Section -->
<section class="cta"> <section class="cta">
<div class="container"> <div class="container">
<h2 class="insertr" data-content-id="team-title">Our Team</h2> <h2 class="insertr">Our Team</h2>
<p class="insertr" data-content-id="team-subtitle">We're a diverse group of strategists, operators, and technology experts united by our passion for helping businesses succeed.</p> <p class="insertr">We're a diverse group of strategists, operators, and technology experts united by our passion for helping businesses succeed.</p>
<div class="services-grid" style="margin-top: 3rem;"> <div class="services-grid" style="margin-top: 3rem;">
<div class="service-card"> <div class="service-card">
<div class="insertr" data-content-id="member1-info" data-field-type="markdown"> <div class="insertr" data-field-type="markdown">
<h3>Sarah Chen</h3> <h3>Sarah Chen</h3>
<p><strong>Founder & CEO</strong></p> <p><strong>Founder & CEO</strong></p>
<p>Former <strong>McKinsey consultant</strong> with 15 years of experience in strategy and operations. MBA from Stanford.</p> <p>Former <strong>McKinsey consultant</strong> with 15 years of experience in strategy and operations. MBA from Stanford.</p>
</div> </div>
</div> </div>
<div class="service-card"> <div class="service-card">
<div class="insertr" data-content-id="member2-info" data-field-type="markdown"> <div class="insertr" data-field-type="markdown">
<h3>Michael Rodriguez</h3> <h3>Michael Rodriguez</h3>
<p><strong>Head of Operations</strong></p> <p><strong>Head of Operations</strong></p>
<p>20 years in manufacturing and supply chain optimization. Expert in <strong>lean methodologies</strong> and process improvement.</p> <p>20 years in manufacturing and supply chain optimization. Expert in <strong>lean methodologies</strong> and process improvement.</p>
</div> </div>
</div> </div>
<div class="service-card"> <div class="service-card">
<div class="insertr" data-content-id="member3-info" data-field-type="markdown"> <div class="insertr" data-field-type="markdown">
<h3>Emma Thompson</h3> <h3>Emma Thompson</h3>
<p><strong>Digital Strategy Lead</strong></p> <p><strong>Digital Strategy Lead</strong></p>
<p>Former tech startup founder turned consultant. Specializes in <em>digital transformation</em> and technology adoption.</p> <p>Former tech startup founder turned consultant. Specializes in <em>digital transformation</em> and technology adoption.</p>
@@ -82,19 +78,19 @@
<!-- Values Section --> <!-- Values Section -->
<section class="testimonial"> <section class="testimonial">
<div class="container"> <div class="container">
<h2 class="insertr" data-content-id="values-title" style="margin-bottom: 2rem;">Our Values</h2> <h2 class="insertr" style="margin-bottom: 2rem;">Our Values</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; text-align: left;"> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; text-align: left;">
<div> <div>
<h3 class="insertr" data-content-id="value1-title">Client-First</h3> <h3 class="insertr">Client-First</h3>
<p class="insertr" data-content-id="value1-desc">Every recommendation we make is designed with your specific business context and goals in mind.</p> <p class="insertr">Every recommendation we make is designed with your specific business context and goals in mind.</p>
</div> </div>
<div> <div>
<h3 class="insertr" data-content-id="value2-title">Practical Solutions</h3> <h3 class="insertr">Practical Solutions</h3>
<p class="insertr" data-content-id="value2-desc">We believe in strategies that you can actually implement with your current resources and capabilities.</p> <p class="insertr">We believe in strategies that you can actually implement with your current resources and capabilities.</p>
</div> </div>
<div> <div>
<h3 class="insertr" data-content-id="value3-title">Long-term Partnership</h3> <h3 class="insertr">Long-term Partnership</h3>
<p class="insertr" data-content-id="value3-desc">We're not just consultants; we're partners in your business success for the long haul.</p> <p class="insertr">We're not just consultants; we're partners in your business success for the long haul.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -103,19 +99,12 @@
<!-- Footer --> <!-- Footer -->
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<p class="insertr" data-content-id="footer-copyright">&copy; 2024 Acme Consulting Services. All rights reserved.</p> <p class="insertr">&copy; 2024 Acme Consulting Services. All rights reserved.</p>
<p class="insertr" data-content-id="footer-contact">📧 info@acmeconsulting.com | 📞 (555) 123-4567</p> <p class="insertr">📧 info@acmeconsulting.com | 📞 (555) 123-4567</p>
</div> </div>
</footer> </footer>
<!-- Insertr JavaScript Library --> <!-- Insertr JavaScript Library -->
<script src="https://cdn.jsdelivr.net/npm/marked@16.2.1/lib/marked.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.5/dist/purify.min.js"></script>
<script src="insertr/config.js"></script>
<script src="insertr/validation.js"></script>
<script src="insertr/form-renderer.js"></script>
<script src="insertr/content-manager.js"></script>
<script src="insertr/markdown-processor.js"></script>
<script src="insertr/insertr.js"></script>
</body> </body>
</html> </html>

0
demo-site/insertr/config.js → demo-site/archive/insertr-old/config.js
View File

0
demo-site/insertr/content-manager.js → demo-site/archive/insertr-old/content-manager.js
View File

0
demo-site/insertr/form-renderer.js → demo-site/archive/insertr-old/form-renderer.js
View File

0
demo-site/insertr/insertr.css → demo-site/archive/insertr-old/insertr.css
View File

0
demo-site/insertr/insertr.js → demo-site/archive/insertr-old/insertr.js
View File

0
demo-site/insertr/markdown-processor.js → demo-site/archive/insertr-old/markdown-processor.js
View File

0
demo-site/insertr/validation.js → demo-site/archive/insertr-old/validation.js
View File

0
demo-site/mock-api/content.json → demo-site/archive/mock-api/content.json
View File

56
demo-site/index.html
View File

@@ -5,53 +5,49 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Acme Consulting Services - Live Reload Test</title> <title>Acme Consulting Services - Live Reload Test</title>
<link rel="stylesheet" href="assets/style.css"> <link rel="stylesheet" href="assets/style.css">
<link rel="stylesheet" href="insertr/insertr.css">
</head> </head>
<body> <body>
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar"> <nav class="navbar">
<div class="container"> <div class="container">
<h1 class="logo insertr" data-content-id="nav-logo">Acme Consulting</h1> <h1 class="logo insertr">Acme Consulting</h1>
<ul class="nav-links"> <ul class="nav-links">
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li> <li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> </ul>
<!-- Authentication controls -->
<div class="auth-controls">
<button id="auth-toggle" class="btn-secondary">Login as Client</button>
<button id="edit-mode-toggle" class="btn-primary" style="display: none;">Edit Mode: Off</button>
</div>
</div> </div>
</nav> </nav>
<!-- Hero Section --> <!-- Hero Section -->
<section class="hero"> <section class="hero">
<div class="container"> <div class="container">
<h1 class="insertr" data-content-id="hero-headline">Transform Your Business with Expert Consulting</h1> <h1 class="insertr">Transform Your Business with Expert Consulting</h1>
<p class="lead insertr" data-content-id="hero-description">We help small businesses grow through strategic planning, process optimization, and digital transformation. Our team brings 15+ years of experience to drive your success.</p> <p class="lead insertr">We help small businesses grow through strategic planning, process optimization, and digital transformation. Our team brings 15+ years of experience to drive your success.</p>
<a href="contact.html" class="btn-primary insertr" data-content-id="hero-cta">Get Started Today</a> <a href="contact.html" class="btn-primary insertr">Get Started Today</a>
</div> </div>
</section> </section>
<!-- Services Section --> <!-- Services Section -->
<section class="services"> <section class="services">
<div class="container"> <div class="container">
<h2 class="insertr" data-content-id="services-title">Our Services</h2> <h2 class="insertr">Our Services</h2>
<p class="section-subtitle insertr" data-content-id="services-subtitle">Comprehensive solutions tailored to your business needs</p> <p class="section-subtitle insertr">Comprehensive solutions tailored to your business needs</p>
<div class="services-grid"> <div class="services-grid">
<div class="service-card"> <div class="service-card">
<h3 class="insertr" data-content-id="service-strategy-title">Strategic Planning</h3> <h3 class="insertr">Strategic Planning</h3>
<p class="insertr" data-content-id="service-strategy-desc">Develop clear roadmaps and actionable strategies that align with your business goals and drive sustainable growth.</p> <p class="insertr">Develop clear roadmaps and actionable strategies that align with your business goals and drive sustainable growth.</p>
</div> </div>
<div class="service-card"> <div class="service-card">
<h3 class="insertr" data-content-id="service-operations-title">Operations Optimization</h3> <h3 class="insertr">Operations Optimization</h3>
<p class="insertr" data-content-id="service-operations-desc">Streamline processes, reduce costs, and improve efficiency through proven methodologies and best practices.</p> <p class="insertr">Streamline processes, reduce costs, and improve efficiency through proven methodologies and best practices.</p>
</div> </div>
<div class="service-card"> <div class="service-card">
<h3 class="insertr" data-content-id="service-digital-title">Digital Transformation</h3> <h3 class="insertr">Digital Transformation</h3>
<p class="insertr" data-content-id="service-digital-desc">Modernize your technology stack and digital presence to compete effectively in today's marketplace.</p> <p class="insertr">Modernize your technology stack and digital presence to compete effectively in today's marketplace.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -61,8 +57,8 @@
<section class="testimonial"> <section class="testimonial">
<div class="container"> <div class="container">
<blockquote> <blockquote>
<p class="insertr" data-content-id="testimonial-quote">"Acme Consulting transformed our operations completely. We saw a 40% increase in efficiency within 6 months of implementing their recommendations."</p> <p class="insertr">"Acme Consulting transformed our operations completely. We saw a 40% increase in efficiency within 6 months of implementing their recommendations."</p>
<cite class="insertr" data-content-id="testimonial-author">Sarah Johnson, CEO of TechStart Inc.</cite> <cite class="insertr">Sarah Johnson, CEO of TechStart Inc.</cite>
</blockquote> </blockquote>
</div> </div>
</section> </section>
@@ -70,28 +66,20 @@
<!-- Call to Action --> <!-- Call to Action -->
<section class="cta"> <section class="cta">
<div class="container"> <div class="container">
<h2 class="insertr" data-content-id="cta-title">Ready to Transform Your Business?</h2> <h2 class="insertr">Ready to Transform Your Business?</h2>
<p class="insertr" data-content-id="cta-description">Contact us today for a free consultation and discover how we can help you achieve your goals.</p> <p class="insertr">Contact us today for a free consultation and discover how we can help you achieve your goals.</p>
<a href="contact.html" class="btn-primary insertr" data-content-id="cta-button">Schedule Consultation</a> <a href="contact.html" class="btn-primary insertr">Schedule Consultation</a>
</div> </div>
</section> </section>
<!-- Footer --> <!-- Footer -->
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<p class="insertr" data-content-id="footer-copyright">&copy; 2024 Acme Consulting Services. All rights reserved.</p> <p class="insertr">&copy; 2024 Acme Consulting Services. All rights reserved.</p>
<p class="insertr" data-content-id="footer-contact">📧 info@acmeconsulting.com | 📞 (555) 123-4567</p> <p class="insertr">📧 info@acmeconsulting.com | 📞 (555) 123-4567</p>
</div> </div>
</footer> </footer>
<!-- Insertr JavaScript Library -->
<script src="https://cdn.jsdelivr.net/npm/marked@16.2.1/lib/marked.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.5/dist/purify.min.js"></script>
<script src="insertr/config.js"></script>
<script src="insertr/validation.js"></script>
<script src="insertr/form-renderer.js"></script>
<script src="insertr/content-manager.js"></script>
<script src="insertr/markdown-processor.js"></script>
<script src="insertr/insertr.js"></script>
</body> </body>
</html> </html>