changes
Diff
index.html | 47 +++++++++++++++++++++++++++++++++++------------
1 file changed, 35 insertions(+), 12 deletions(-)
@@ -1,9 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Wizard with PaperCSS</title>
<title>BLR Vote</title>
<link rel="stylesheet" href="https://unpkg.com/papercss/dist/paper.min.css">
<style type="text/css">
.container {
@@ -99,8 +99,8 @@
footer {
text-align: center;
padding: 20px;
background-color: var(--neutral-gray);
color: var(--voter-white);
background-color: #f2f2f2;
color: #000;
font-size: 16px;
}
@@ -155,6 +155,29 @@
</header>
<div id="section1" class="section active margin-top-bottom">
<div class="card">
<div class="card-body">
<h4 class="card-title">Welcome!</h4>
<p class="card-text">
<p>
This is a simple guide to help you update your address for your voter id.
</p>
<p>
If you live in Bangalore but your voter id address is still set to your hometown or to an older address, this guide is for you!
</p>
<p>
This whole process should take 10 minutes, but don't worry!
</p>
<p>
This guide will make it nice and easy for you. Oh and we also have a Telegram group, in case you get stuck
</p>
</p>
<button onclick="navigate('next', 1)">Let's do this!</button>
</div>
</div>
</div>
<div id="section2" class="section margin-top-bottom">
<div class="card">
<div class="card-body">
<h4 class="card-title">1. EPIC</h4>
@@ -185,26 +208,26 @@
</p>
</p>
<button onclick="navigate('next', 1)">Next</button>
<button onclick="navigate('next', 2)">Next</button>
</div>
</div>
</div>
<div id="section2" class="section margin-top-bottom">
<div id="section3" class="section margin-top-bottom">
<div class="card">
<div class="card-body">
<h4 class="card-title">2. Location</h4>
<p class="card-text">
Let's find your district, post office, assembly constituency
</p>
<button onclick="navigate('prev', 2)">Previous</button>
<button onclick="navigate('next', 2)">Next</button>
<button onclick="navigate('prev', 3)">Previous</button>
<button onclick="navigate('next', 3)">Next</button>
</div>
</div>
</div>
<div id="section3" class="section margin-top-bottom">
<div id="section4" class="section margin-top-bottom">
<div class="card">
<div class="card-body">
<h4 class="card-title">3. File</h4>
@@ -226,14 +249,14 @@
3. Join this Telegram group if you're stuck somewhere and we are happy to help!
</p>
</p>
<button onclick="navigate('prev', 3)">Previous</button>
<button onclick="navigate('prev', 4)">Previous</button>
<button onclick="finishWizard()">Finish</button>
</div>
</div>
</div>
<footer class='margin-top-2'>
<p>Made with <span class="heart">❤️</span> for <span class="flag">🇮🇳</span> by Nemo and Shreyas</p>
<p>Made with <span class="heart">❤️</span> for <span class="flag">🇮🇳</span> by <a href="https://twitter.com/captn3m0" target="_blank">Nemo</a> and <a href="https://twitter.com/shreyas_satish">Shreyas</a></p>
</footer>
</div>
@@ -250,14 +273,14 @@
}
// Wrap around the steps if necessary
if (newStep > 3) {
if (newStep > 4) {
newStep = 1;
} else if (newStep < 1) {
newStep = 4;
}
// Hide all sections
for (let i = 1; i <= 3; i++) {
for (let i = 1; i <= 4; i++) {
document.getElementById('section' + i).classList.remove('active');
}