Commit 52df9ddc authored by Mathis Dedial's avatar Mathis Dedial
Browse files

Merge branch 'master' of gitlab.ethz.ch:amiv/amiv-anniversary125-burger-tool

parents 59580d38 fc4044f7
body {
background: #1F2D54;
}
body #container { body #container {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #cccccc; border: 1px solid #cccccc;
...@@ -21,29 +17,44 @@ select { ...@@ -21,29 +17,44 @@ select {
.thumbnail { .thumbnail {
text-align: center; text-align: center;
background-color: #FFFFFF; background-color: transparent;
border: 2px solid #1F2D54;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
border: none;
} }
#creator { .thumbnail img {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
section .container {
max-width: 1140px; max-width: 1140px;
padding: 2em; padding: 0 2em;
padding-top: 7em;
padding-bottom: 2em;
margin: 0 auto; margin: 0 auto;
} }
#creator h3 { #creator label {
color: #FFFFFF; color: #FFFFFF;
} }
#creator label { #creator input {
color: #FFFFFF; max-width: 400px;
text-align: center;
display: inline-block;
margin: 1em 0;
}
.bg-primary .thumbnail {
text-align: center;
} }
.btn-primary { .btn-primary {
background-color: #e8462b; background-color: #e8462b;
border-color: #e8462b;
} }
\ No newline at end of file
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<body> <body>
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav"> <nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
<div class="container"> <div class="container">
<a class="navbar-brand js-scroll-trigger" >AMIV 125 Jubiläum Burger Creator</a> <a class="navbar-brand js-scroll-trigger" >AMIV Jubiläum - Burger Contest</a>
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1"> <li class="nav-item mx-0 mx-lg-1">
...@@ -92,7 +92,6 @@ ...@@ -92,7 +92,6 @@
<!-- Plugin JavaScript --> <!-- Plugin JavaScript -->
<script src="static/scripts/jquery.easing.min.js"></script> <script src="static/scripts/jquery.easing.min.js"></script>
<script src="static/scripts/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template --> <!-- Custom scripts for this template -->
<script src="static/scripts/freelancer.min.js"></script> <script src="static/scripts/freelancer.min.js"></script>
......
...@@ -9,100 +9,122 @@ ...@@ -9,100 +9,122 @@
<form method="post"> <form method="post">
<div id="creator"> <div id="creator">
<!-- Info Section -->
<section class="bg-primary text-white text-center" id="info">
<div class="container">
<h2 class="text-center text-uppercase text-white">Create a Burger</h2>
<hr class="star-light">
<div class="text-center">
<h5>You can create your own AMIV anniversary burger below. Everyone can vote on the submitted burgers to decide which one is the best. The most popular burger will be available at the canteen Polyterasse on .....</h5></span>
</div>
</div>
</section>
<!-- SELECT BREAD --> <!-- SELECT BREAD -->
<h3>Bread</h3> <section class="masthead text-center">
<p class="highlight"></p> <div class="container">
<div class="picker"> <h3>Bread</h3>
<select name="bread" class="image-picker show-labels"> <hr class="star-dark">
<option data-img-src="static/images/B1.png" value="1">Sesam Bun</option> <p class="highlight"></p>
<option data-img-src="static/images/B2.png" value="2">Brioche Bun</option> <div class="picker">
<option data-img-src="static/images/B3.png" value="3">Brezel Bun</option> <select name="bread" class="image-picker show-labels">
<option data-img-src="static/images/B4.png" value="4">Farmer Bun</option> <option data-img-src="static/images/B1.png" value="1">Sesam Bun</option>
<option data-img-src="static/images/B5.png" value="5">Red Bun</option> <option data-img-src="static/images/B2.png" value="2">Brioche Bun</option>
<option data-img-src="static/images/B6.png" value="6">White Bun</option> <option data-img-src="static/images/B3.png" value="3">Brezel Bun</option>
<option data-img-src="static/images/B7.png" value="7">Black Bun</option> <option data-img-src="static/images/B4.png" value="4">Farmer Bun</option>
<option data-img-src="static/images/B8.png" value="8">Yellow Bun</option> <option data-img-src="static/images/B5.png" value="5">Red Bun</option>
</select> <option data-img-src="static/images/B6.png" value="6">White Bun</option>
</div> <option data-img-src="static/images/B7.png" value="7">Black Bun</option>
<option data-img-src="static/images/B8.png" value="8">Yellow Bun</option>
</select>
</div>
</div>
</section>
<!-- SELECT PATTY --> <!-- SELECT PATTY -->
<h3>Burger Patty</h3> <section class="masthead bg-primary text-white text-center">
<p class="highlight"></p> <div class="container">
<div class="picker"> <h3>Burger Patty</h3>
<hr class="star-light">
<select name="patty" class="image-picker show-labels"> <p class="highlight"></p>
<option data-img-src="static/images/P1.png" value="1">Beef Burger</option> <div class="picker">
<option data-img-src="static/images/P2.png" value="2">Pulled Pork</option> <select name="patty" class="image-picker show-labels">
<option data-img-src="static/images/P3.png" value="3">Poulet Burger</option> <option data-img-src="static/images/P1.png" value="1">Beef Burger</option>
<option data-img-src="static/images/P4.png" value="4">Chicken Katsu</option> <option data-img-src="static/images/P2.png" value="2">Pulled Pork</option>
<option data-img-src="static/images/P5.png" value="5">Vegane Burger</option> <option data-img-src="static/images/P3.png" value="3">Poulet Burger</option>
<option data-img-src="static/images/P6.png" value="6">Vegetable Burger</option> <option data-img-src="static/images/P4.png" value="4">Chicken Katsu</option>
<option data-img-src="static/images/P7.png" value="7">Quinoa Chili Burger</option> <option data-img-src="static/images/P5.png" value="5">Vegane Burger</option>
<option data-img-src="static/images/P8.png" value="8">Falafel Burger</option> <option data-img-src="static/images/P6.png" value="6">Vegetable Burger</option>
</select> <option data-img-src="static/images/P7.png" value="7">Quinoa Chili Burger</option>
</div> <option data-img-src="static/images/P8.png" value="8">Falafel Burger</option>
</select>
</div>
</div>
</section>
<!-- SELECT TOPPING--> <!-- SELECT TOPPING-->
<h3>Topping</h3> <section class="masthead text-center">
<p class="highlight"> <div class="container">
Select a maximum of 6 Toppings. <h3>Topping</h3>
</p> <hr class="star-dark">
<div class="picker"> <div class="picker">
<select name="toppings" class="image-picker show-labels" data-limit="6" multiple="multiple"> <select name="toppings" class="image-picker show-labels" data-limit="6" multiple="multiple">
<option data-img-src="static/images/T01.png" value="1">Lettuce</option> <option data-img-src="static/images/T01.png" value="1">Lettuce</option>
<option data-img-src="static/images/T02.jpg" value="2">Cole Slaw</option> <option data-img-src="static/images/T02.jpg" value="2">Cole Slaw</option>
<option data-img-src="static/images/T03.jpg" value="3">Cheddar</option> <option data-img-src="static/images/T03.jpg" value="3">Cheddar</option>
<option data-img-src="static/images/T04.jpg" value="4">Feta</option> <option data-img-src="static/images/T04.jpg" value="4">Feta</option>
<option data-img-src="static/images/T05.jpg" value="5">Onions</option> <option data-img-src="static/images/T05.jpg" value="5">Onions</option>
<option data-img-src="static/images/T06.jpg" value="6">Roasted Onions</option> <option data-img-src="static/images/T06.jpg" value="6">Roasted Onions</option>
<option data-img-src="static/images/T07.jpg" value="7">Avocado</option> <option data-img-src="static/images/T07.jpg" value="7">Avocado</option>
<option data-img-src="static/images/T08.jpg" value="8">Jalapenos</option> <option data-img-src="static/images/T08.jpg" value="8">Jalapenos</option>
<option data-img-src="static/images/T09.jpg" value="9">Olives</option> <option data-img-src="static/images/T09.jpg" value="9">Olives</option>
<option data-img-src="static/images/T10.jpg" value="10">Tomato</option> <option data-img-src="static/images/T10.jpg" value="10">Tomato</option>
<option data-img-src="static/images/T11.jpg" value="11">Pickle</option> <option data-img-src="static/images/T11.jpg" value="11">Pickle</option>
<option data-img-src="static/images/T12.jpg" value="12">Rucola</option> <option data-img-src="static/images/T12.jpg" value="12">Rucola</option>
<option data-img-src="static/images/T14.jpg" value="14">Egg</option> <option data-img-src="static/images/T14.jpg" value="14">Egg</option>
<option data-img-src="static/images/T15.jpg" value="15">Bacon</option> <option data-img-src="static/images/T15.jpg" value="15">Bacon</option>
<option data-img-src="static/images/T16.jpg" value="16">Chorizo</option> <option data-img-src="static/images/T16.jpg" value="16">Chorizo</option>
<option data-img-src="static/images/T17.jpg" value="17">Grilled Vegetables</option> <option data-img-src="static/images/T17.jpg" value="17">Grilled Vegetables</option>
<option data-img-src="static/images/T13.jpg" value="13">Guacamole</option> <option data-img-src="static/images/T13.jpg" value="13">Guacamole</option>
<option data-img-src="static/images/T18.jpg" value="18">Honey-Mustard Sauce</option> <option data-img-src="static/images/T18.jpg" value="18">Honey-Mustard Sauce</option>
<option data-img-src="static/images/T19.jpg" value="19">Hot-Ketchup</option> <option data-img-src="static/images/T19.jpg" value="19">Hot-Ketchup</option>
<option data-img-src="static/images/T20.jpg" value="20">Truffle Mayonnaise</option> <option data-img-src="static/images/T20.jpg" value="20">Truffle Mayonnaise</option>
<option data-img-src="static/images/T21.jpg" value="21">Cocktail Sauce</option> <option data-img-src="static/images/T21.jpg" value="21">Cocktail Sauce</option>
<option data-img-src="static/images/T22.jpg" value="22">Tartare Sauce</option> <option data-img-src="static/images/T22.jpg" value="22">Tartare Sauce</option>
<option data-img-src="static/images/T23.jpg" value="23">BBQ Sauce</option> <option data-img-src="static/images/T23.jpg" value="23">BBQ Sauce</option>
<option data-img-src="static/images/T24.jpg" value="24">Pesto</option> <option data-img-src="static/images/T24.jpg" value="24">Pesto</option>
</select> </select>
</div> </div>
</div>
</section>
<!-- SELECT SIDE --> <!-- SELECT SIDE -->
<h3>Side</h3> <section class="masthead bg-primary text-white text-center">
<p class="highlight"></p> <div class="container">
<div class="picker"> <h3>Side</h3>
<select name="side" class="image-picker show-labels"> <hr class="star-light">
<option data-img-src="static/images/S1.png" value="1">Pommes Frites</option> <p class="highlight"></p>
<option data-img-src="static/images/S2.png" value="2">Country Cuts</option> <div class="picker">
<option data-img-src="static/images/S3.png" value="3">Chips</option> <select name="side" class="image-picker show-labels">
<option data-img-src="static/images/S4.png" value="4">Onion Rings</option> <option data-img-src="static/images/S1.png" value="1">Pommes Frites</option>
</select> <option data-img-src="static/images/S2.png" value="2">Country Cuts</option>
</div> <option data-img-src="static/images/S3.png" value="3">Chips</option>
<option data-img-src="static/images/S4.png" value="4">Onion Rings</option>
</select>
</div>
</div>
</section>
<h3>Name &amp; Description</h3> <section class="masthead text-center">
<p class="highlight"></p> <div class="container">
<div class="form-group"> <h3>Name &amp; Description</h3>
<label for="input_name"> <hr class="star-dark">
Name <p class="highlight"></p>
</label> <input class="form-control" id="input_name" name="name" type="text" placeholder="Name">
<input class="form-control" id="input_name" name="name" type="text"> <input class="form-control" id="input_description" name="description" type="text" placeholder="Description"> <br/>
</div> <input class="btn btn-primary" type="submit">
<div class="form-group"> </div>
<label for="input_description"> </section>
Description
</label>
<input class="form-control" id="input_description" name="description" type="text">
</div>
<input class="btn btn-primary" type="submit">
</div> </div>
</form> </form>
{% endblock %} {% endblock %}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment