changed type
Diff
index.html | 7 +++++--
_layouts/default.html | 21 ++++++++++++++++-----
2 files changed, 18 insertions(+), 10 deletions(-)
@@ -68,9 +68,11 @@
<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>Let's find your district, post office, assembly constituency.</p>
<p>
Type your address, or click the crosshair button
if you're on your phone - it might take a few seconds.
</p>
</p>
<input id="addressInput" type="text" placeholder="Enter address" value="">
@@ -129,8 +131,7 @@
Meanwhile, do share it with your friends and family! Here's a template for you to use.
</p>
<p>Hey! Check out this neat guide that helps you change your address for the voter id so you can vote from Bangalore! https://blr.vote</p>
<button class="prev-button margin-top-2" onclick="navigate('prev', 5)">Previous</button>
<button id="copyButton">Copy</button>
<button id="copyButton">Copy and share</button>
</div>
</div>
@@ -5,6 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BLR Vote</title>
<link rel="stylesheet" href="https://unpkg.com/papercss/dist/paper.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@500;700&display=swap" rel="stylesheet">
<style type="text/css">
.container {
max-width: 400px; /* Width of the mobile-like layout */
@@ -39,10 +43,6 @@
--slate-gray: #607D8B;
}
/* Typography */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/* Branding CSS for blr.vote */
/* Color Palette */
@@ -52,12 +52,19 @@
--neutral-gray: #607D8B;
}
body, button, input, select, textarea {
font-family: 'Lato', sans-serif;
body {
font-family: 'Libre Franklin', sans-serif;
font-size: 18px; /* Example font size */
line-height: 1.5; /* This is 1.5 times the font size */
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
font-family: 'Libre Franklin', sans-serif;
}
a, button, html, input, li, option, p, select, table, tbody, td, textarea, th, thead, tr {
font-family: 'Libre Franklin', sans-serif;
line-height: 1.5; /* This is 1.5 times the font size */
}
/* Navbar Styles */