1
0
mirror of https://gitlab.com/redline-racing-division/redline-racing-website.git synced 2025-06-15 22:56:44 +00:00

added voting

This commit is contained in:
Anson 2020-01-23 16:09:49 -07:00
parent aea07072e2
commit 5fdcdc9b5a
3 changed files with 113 additions and 256 deletions

View File

@ -1,16 +1,24 @@
snippet = ""
# for count in range(1, 21):
# code = f"""
# <article class="thumb">
# <a href="shirts/{count}.png" class="image"
# ><img src="shirts/{count}.png" alt=""
# /></a>
# <!-- <h2>Magna feugiat lorem</h2> -->
# <!-- <p>
# Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
# id venenatis velit.
# </p> -->
# </article>
# """
# snippet += code
for count in range(1, 21):
code = f"""
<article class="thumb">
<a href="shirts/{count}.png" class="image"
><img src="shirts/{count}.png" alt=""
/></a>
<!-- <h2>Magna feugiat lorem</h2> -->
<!-- <p>
Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
id venenatis velit.
</p> -->
</article>
"""
<div>
<input type="checkbox" id="{count}" name="{count}" />
<label for="{count}">Shirt {count}</label>
</div>"""
snippet += code
print(snippet)

View File

@ -28,10 +28,7 @@
<nav>
<ul>
<li>
<!-- <a href="#footer" class="icon solid fa-info-circle">About</a> -->
<a href="" class="icon solid fa-info-circle"
><strong>Vote</strong></a
>
<a href="#footer" class="icon solid fa-info-circle">About</a>
</li>
</ul>
</nav>
@ -262,21 +259,16 @@
<!-- Footer -->
<footer id="footer" class="panel">
<h1>Don't go here please.</h1>
<div class="inner split">
<div>
<section>
<h2>Magna feugiat sed adipiscing</h2>
<h2>You can vote to the right. </h2>
<p>
Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat,
et scelerisque turpis ipsum eget quis orci mattis aliquet.
Maecenas fringilla et ante at lorem et ipsum. Dolor nulla eu
bibendum sapien. Donec non pharetra dui. Nulla consequat, ex ut
suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis
ipsum.
Ideally there would be descriptive text here.
</p>
</section>
<section>
<!-- <section>
<h2>Follow me on ...</h2>
<ul class="icons">
<li>
@ -310,39 +302,105 @@
>
</li>
</ul>
</section>
</section> -->
<p class="copyright">
&copy; Unttled. Design: <a href="http://html5up.net">HTML5 UP</a>.
&copy; Redline Racing Division</a>.
</p>
</div>
<div>
<section>
<!-- <iframe width="620" height="1049" src="https://strawpoll.com/embed/b24r16r9" frameborder="0" allowfullscreen></iframe> -->
<h2>Get in touch</h2>
<form method="post" action="#">
<form
class="form-horizontal"
action="https://formspree.io/xdoevzyj"
method="POST"
>
<p>Pick your favorite 3 Shirts</p>
<div class="fields">
<div class="field half">
<input
type="text"
name="name"
id="name"
placeholder="Name"
/>
<div>
<input type="checkbox" id="1" name="1" />
<label for="1">Shirt 1</label>
</div>
<div>
<input type="checkbox" id="2" name="2" />
<label for="2">Shirt 2</label>
</div>
<div>
<input type="checkbox" id="3" name="3" />
<label for="3">Shirt 3</label>
</div>
<div>
<input type="checkbox" id="4" name="4" />
<label for="4">Shirt 4</label>
</div>
<div>
<input type="checkbox" id="5" name="5" />
<label for="5">Shirt 5</label>
</div>
<div>
<input type="checkbox" id="6" name="6" />
<label for="6">Shirt 6</label>
</div>
<div>
<input type="checkbox" id="7" name="7" />
<label for="7">Shirt 7</label>
</div>
<div>
<input type="checkbox" id="8" name="8" />
<label for="8">Shirt 8</label>
</div>
<div>
<input type="checkbox" id="9" name="9" />
<label for="9">Shirt 9</label>
</div>
<div>
<input type="checkbox" id="10" name="10" />
<label for="10">Shirt 10</label>
</div>
</div>
<div class="field half">
<input
type="text"
name="email"
id="email"
placeholder="Email"
/>
</div>
<div class="field">
<textarea
name="message"
id="message"
rows="4"
placeholder="Message"
></textarea>
<div>
<input type="checkbox" id="11" name="11" />
<label for="11">Shirt 11</label>
</div>
<div>
<input type="checkbox" id="12" name="12" />
<label for="12">Shirt 12</label>
</div>
<div>
<input type="checkbox" id="13" name="13" />
<label for="13">Shirt 13</label>
</div>
<div>
<input type="checkbox" id="14" name="14" />
<label for="14">Shirt 14</label>
</div>
<div>
<input type="checkbox" id="15" name="15" />
<label for="15">Shirt 15</label>
</div>
<div>
<input type="checkbox" id="16" name="16" />
<label for="16">Shirt 16</label>
</div>
<div>
<input type="checkbox" id="17" name="17" />
<label for="17">Shirt 17</label>
</div>
<div>
<input type="checkbox" id="18" name="18" />
<label for="18">Shirt 18</label>
</div>
<div>
<input type="checkbox" id="19" name="19" />
<label for="19">Shirt 19</label>
</div>
<div>
<input type="checkbox" id="20" name="20" />
<label for="20">Shirt 20</label>
</div>
</div>
</div>
<ul class="actions">

View File

@ -1,209 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta
name="description"
content="The home page for Redline Racing Division a FSAE team based at Embry-Riddle's Prescott Arizona Campus."
/>
<meta name="author" content="Anson Biggs" />
<meta
name="keywords"
content="engineering, FSAE, embry-riddle, Formula, aerospace, university, redline, racing, redlineracingdivision"
/>
<title>Redline Racing Division</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- Custom fonts for this template -->
<link
href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i"
rel="stylesheet"
/>
<!-- Custom styles for this template -->
<link href="css/one-page-wonder.css" rel="stylesheet" />
<!-- Favicons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="./img/fav/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./img/fav/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./img/fav/favicon-16x16.png"
/>
<link rel="manifest" href="./img/fav/site.webmanifest" />
<link
rel="mask-icon"
href="./img/fav/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="./img/fav/favicon.ico" />
<meta name="msapplication-TileColor" content="#00aba9" />
<meta name="msapplication-config" content="./img/fav/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
</head>
<body>
<div class="row">
<div class="col-md-12">
<div id="mdb-lightbox-ui"></div>
<div class="mdb-lightbox no-margin">
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/1.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/2.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/3.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/4.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/5.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/6.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/7.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/8.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/9.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/10.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/11.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/12.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/13.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/14.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/15.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/16.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/17.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/18.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/19.png" class="img-fluid" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://redlineracingdivision.com/" data-size="1600x1067">
<img alt="picture" src="shirts/20.png" class="img-fluid" />
</a>
</figure>
</div>
</div>
</div>
<!-- Footer -->
<footer class="py-5 bg-black">
<div class="container">
<p class="m-0 text-center text-white small">
Copyright &copy; Redline Racing Division 2019
</p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>