Skip to content

added demo to public folder #599

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

Merged
bastardlee merged 1 commit into from
Apr 9, 2026
Merged

added demo to public folder #599

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
125 changes: 125 additions & 0 deletions public/demo/ballots.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Digital Ballot Previews Let Voters See Exactly What's on Their Ballot - The Daily Populist</title>
<link rel="stylesheet" href="styles.css">
<!-- Step 1: Load Populist Widget once per page -->
<script async src="https://www.populist.us/widget-client-v2.js"></script>
</head>
<body>

<div class="top-bar">
<div class="container top-bar-inner">
<span class="date">Thursday, March 6, 2026</span>
<nav class="top-nav">
<a href="#">Subscribe</a>
<a href="#">Newsletter</a>
<a href="#">Log In</a>
</nav>
</div>
</div>

<header class="site-header">
<div class="container">
<h1 class="logo"><a href="index.html">The Daily Populist</a></h1>
<p class="tagline">Trusted Reporting Since 1952</p>
</div>
</header>

<nav class="main-nav">
<div class="container">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Politics</a></li>
<li><a href="#">Business</a></li>
<li><a href="#" class="active">Technology</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Health</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Opinion</a></li>
<li><a href="#">Culture</a></li>
</ul>
</div>
</nav>

<main class="container article-page">
<article class="article">
<div class="article-header">
<span class="category-tag category-tag--tech">Ballots</span>
<h1 class="article-title">Ballots: Serve Up Geographic Ballot Information to Better Inform Voters</h1>
<div class="article-meta">
<span>By <strong>Populist Editorial</strong></span>
<span>&middot; March 6, 2026</span>
<span>&middot; 3 min read</span>
</div>
</div>

<img class="img-large" src="https://images.unsplash.com/photo-1540908390241-82158ab62887?w=900&h=400&fit=crop&auto=format" alt="Voted printed papers on white surface">

<div class="article-body">
<p>Populist Ballot embeds let audiences enter their address to view and research what's on their ballot. Powered by Populist's comprehensive civic database, the ballot tool delivers personalized, location-specific ballot information directly to voters — right on your website.</p>

<p>The tool works in conjunction with Candidate Guide and Politician embeds to show URLs of websites that have those content types embedded in them. That means when a voter looks up their ballot, they can seamlessly navigate to candidate Q&A guides and detailed politician profiles that your organization has already published — creating a connected, end-to-end voter information experience.</p>

<!-- Populist Ballots Widget -->
<div class="populist-embed" data-embed-id="e00b53ba-9d9e-44c4-829e-253c3caa0e62"></div>
<script async src="https://www.populist.us/widget-client-v2.js"></script>

<h2>How It Works</h2>

<p>Embed the Ballot widget on your site and voters simply enter their address. The tool returns a complete, personalized view of every race on their ballot, drawing from Populist's database of geographic and electoral data. From there, voters can click through to explore candidate guides, politician profiles, and other civic content your organization has embedded — all without leaving your site.</p>

<p>By connecting ballot data with your existing Populist embeds, the Ballot tool transforms a simple address lookup into a comprehensive voter research experience — helping your audience arrive at the polls informed and prepared.</p>
</div>
</article>
</main>

<footer class="site-footer">
<div class="container footer-inner">
<div class="footer-col">
<h4>News</h4>
<ul>
<li><a href="#">Politics</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Health</a></li>
</ul>
</div>
<div class="footer-col">
<h4>More</h4>
<ul>
<li><a href="#">Sports</a></li>
<li><a href="#">Culture</a></li>
<li><a href="#">Opinion</a></li>
<li><a href="#">Podcasts</a></li>
<li><a href="#">Video</a></li>
</ul>
</div>
<div class="footer-col">
<h4>About</h4>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Service</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Subscribe</h4>
<p class="footer-text">Get unlimited access to award-winning journalism.</p>
<a href="#" class="subscribe-btn">Subscribe Now</a>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>&copy; 2026 The Daily Populist. All rights reserved.</p>
</div>
</div>
</footer>

</body>
</html>
141 changes: 141 additions & 0 deletions public/demo/candidate-guides.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Nonpartisan Candidate Guides Help Voters Cut Through Campaign Noise - The Daily Populist</title>
<link rel="stylesheet" href="styles.css">
<!-- Step 1: Load Populist Widget once per page -->
<script async src="https://www.populist.us/widget-client-v2.js"></script>
</head>
<body>

<div class="top-bar">
<div class="container top-bar-inner">
<span class="date">Thursday, March 6, 2026</span>
<nav class="top-nav">
<a href="#">Subscribe</a>
<a href="#">Newsletter</a>
<a href="#">Log In</a>
</nav>
</div>
</div>

<header class="site-header">
<div class="container">
<h1 class="logo"><a href="index.html">The Daily Populist</a></h1>
<p class="tagline">Trusted Reporting Since 1952</p>
</div>
</header>

<nav class="main-nav">
<div class="container">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#" class="active">Politics</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Health</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Opinion</a></li>
<li><a href="#">Culture</a></li>
</ul>
</div>
</nav>

<main class="container article-page">
<article class="article">
<div class="article-header">
<span class="category-tag category-tag--politics">Candidate Guides</span>
<h1 class="article-title">Candidate Guides: Streamlined Q&A Tools That Help Audiences Learn More About Elections</h1>
<div class="article-meta">
<span>By <strong>Populist Editorial</strong></span>
<span>&middot; March 6, 2026</span>
<span>&middot; 5 min read</span>
</div>
</div>

<img class="img-large" src="https://images.unsplash.com/photo-1596514139339-c913602509fb?w=900&h=400&fit=crop&auto=format" alt="I voted sticker on finger">

<div class="article-body">
<p>With Populist, organizations can streamline the process of creating candidate guides for many elections at a time. Simply create the questions you'd like to ask the candidates and select the races they are in, and the platform will generate forms, URLs, and embeddable guides that automatically update with the candidates' responses once they are received. The civic database includes candidate contact information so it's easy to export and send questions to candidates using your favorite email list software.</p>

<!-- Populist Candidate Guides Widget -->
<div class="populist-embed" data-embed-id="d9671106-a9ae-4736-b34e-8c10aa49327a"></div>
<script async src="https://www.populist.us/widget-client-v2.js"></script>

<h2>How It Works</h2>

<p>When you create a new candidate guide, you are actually creating a group of candidate guides that all share the same questions. This allows you to build a bulk number of guides at once — one for each race — all with consistent questions. Simply add your questions, select the races, and the platform handles the rest.</p>

<h2>Create Your Questions</h2>

<p>Once you create a new candidate guide group, you can add questions with several configuration options. Tag each question with relevant issues so responses can be searched and categorized. Set character limits on candidate responses, and add placeholder text to give candidates additional context when answering.</p>

<h2>Select Races</h2>

<p>Next, add the races with the candidates you want to ask questions to. Each added race creates a new candidate guide for that race. You can search and filter races by election year, race type (primary or general), state, and scope — from Federal races like U.S. Senate down to local races like city council or school boards.</p>

<h2>Manage Guides and Track Submissions</h2>

<p>Under the Races dashboard, you'll see all the races added to a candidate guide group, including the race name, county, number of candidates, number of submissions received, and whether emails have been sent. Click into any race to access its management page, where you'll find a candidate table with editable contact info, personalized form URLs, embed configuration options, a live preview of the guide, the embed code for your website, and a public preview link you can share.</p>

<h2>Send Questions to Candidates</h2>

<p>Once questions and races are configured, you can export a spreadsheet of all candidates in the guide group — complete with race titles, candidate names, email addresses, personalized form links, and submission status. Use this export with your preferred email list management software to send personalized outreach to every candidate at scale.</p>

<h2>Manage Submissions</h2>

<p>Access each candidate's submissions from the management page. Click on any question to see all responses in a table below, where you can add translations, editorial notes, and manage duplicate submissions for similar guides. The embeddable guide on your website updates automatically as candidates submit their responses — no manual updates required.</p>
</div>
</article>
</main>

<footer class="site-footer">
<div class="container footer-inner">
<div class="footer-col">
<h4>News</h4>
<ul>
<li><a href="#">Politics</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Health</a></li>
</ul>
</div>
<div class="footer-col">
<h4>More</h4>
<ul>
<li><a href="#">Sports</a></li>
<li><a href="#">Culture</a></li>
<li><a href="#">Opinion</a></li>
<li><a href="#">Podcasts</a></li>
<li><a href="#">Video</a></li>
</ul>
</div>
<div class="footer-col">
<h4>About</h4>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Service</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Subscribe</h4>
<p class="footer-text">Get unlimited access to award-winning journalism.</p>
<a href="#" class="subscribe-btn">Subscribe Now</a>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>&copy; 2026 The Daily Populist. All rights reserved.</p>
</div>
</div>
</footer>

</body>
</html>
Loading