From 370d10345c641bdcdc6e51a877a995e43850b6da Mon Sep 17 00:00:00 2001
From: Shreyas Satish <shreyassatish@Shreyass-MacBook-Pro.local>
Date: Thu, 07 Dec 2023 18:29:06 +0530
Subject: [PATCH] changes
---
index.html | 47 +++++++++++++++++++++++++++++++++++------------
1 file changed, 35 insertions(+), 12 deletions(-)
diff --git a/index.html b/index.html
index 4262432..9f94e35 100644
--- a/index.html
+++ a/index.html
@@ -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');
}
--
rgit 0.1.5