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 {
background: #FFFFFF;
border: 1px solid #cccccc;
......@@ -21,29 +17,44 @@ select {
.thumbnail {
text-align: center;
background-color: #FFFFFF;
background-color: transparent;
border: 2px solid #1F2D54;
-webkit-border-radius: 10px;
-moz-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;
padding: 2em;
padding-top: 7em;
padding-bottom: 2em;
padding: 0 2em;
margin: 0 auto;
}
#creator h3 {
#creator label {
color: #FFFFFF;
}
#creator label {
color: #FFFFFF;
#creator input {
max-width: 400px;
text-align: center;
display: inline-block;
margin: 1em 0;
}
.bg-primary .thumbnail {
text-align: center;
}
.btn-primary {
background-color: #e8462b;
border-color: #e8462b;
}
\ No newline at end of file
......@@ -20,7 +20,7 @@
<body>
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
<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">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1">
......@@ -92,7 +92,6 @@
<!-- Plugin JavaScript -->
<script src="static/scripts/jquery.easing.min.js"></script>
<script src="static/scripts/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="static/scripts/freelancer.min.js"></script>
......
......@@ -9,100 +9,122 @@
<form method="post">
<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 -->
<h3>Bread</h3>
<p class="highlight"></p>
<div class="picker">
<select name="bread" class="image-picker show-labels">
<option data-img-src="static/images/B1.png" value="1">Sesam Bun</option>
<option data-img-src="static/images/B2.png" value="2">Brioche Bun</option>
<option data-img-src="static/images/B3.png" value="3">Brezel Bun</option>
<option data-img-src="static/images/B4.png" value="4">Farmer Bun</option>
<option data-img-src="static/images/B5.png" value="5">Red Bun</option>
<option data-img-src="static/images/B6.png" value="6">White Bun</option>
<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>
<section class="masthead text-center">
<div class="container">
<h3>Bread</h3>
<hr class="star-dark">
<p class="highlight"></p>
<div class="picker">
<select name="bread" class="image-picker show-labels">
<option data-img-src="static/images/B1.png" value="1">Sesam Bun</option>
<option data-img-src="static/images/B2.png" value="2">Brioche Bun</option>
<option data-img-src="static/images/B3.png" value="3">Brezel Bun</option>
<option data-img-src="static/images/B4.png" value="4">Farmer Bun</option>
<option data-img-src="static/images/B5.png" value="5">Red Bun</option>
<option data-img-src="static/images/B6.png" value="6">White Bun</option>
<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 -->
<h3>Burger Patty</h3>
<p class="highlight"></p>
<div class="picker">
<select name="patty" class="image-picker show-labels">
<option data-img-src="static/images/P1.png" value="1">Beef Burger</option>
<option data-img-src="static/images/P2.png" value="2">Pulled Pork</option>
<option data-img-src="static/images/P3.png" value="3">Poulet Burger</option>
<option data-img-src="static/images/P4.png" value="4">Chicken Katsu</option>
<option data-img-src="static/images/P5.png" value="5">Vegane Burger</option>
<option data-img-src="static/images/P6.png" value="6">Vegetable Burger</option>
<option data-img-src="static/images/P7.png" value="7">Quinoa Chili Burger</option>
<option data-img-src="static/images/P8.png" value="8">Falafel Burger</option>
</select>
</div>
<section class="masthead bg-primary text-white text-center">
<div class="container">
<h3>Burger Patty</h3>
<hr class="star-light">
<p class="highlight"></p>
<div class="picker">
<select name="patty" class="image-picker show-labels">
<option data-img-src="static/images/P1.png" value="1">Beef Burger</option>
<option data-img-src="static/images/P2.png" value="2">Pulled Pork</option>
<option data-img-src="static/images/P3.png" value="3">Poulet Burger</option>
<option data-img-src="static/images/P4.png" value="4">Chicken Katsu</option>
<option data-img-src="static/images/P5.png" value="5">Vegane Burger</option>
<option data-img-src="static/images/P6.png" value="6">Vegetable Burger</option>
<option data-img-src="static/images/P7.png" value="7">Quinoa Chili Burger</option>
<option data-img-src="static/images/P8.png" value="8">Falafel Burger</option>
</select>
</div>
</div>
</section>
<!-- SELECT TOPPING-->
<h3>Topping</h3>
<p class="highlight">
Select a maximum of 6 Toppings.
</p>
<div class="picker">
<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/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/T04.jpg" value="4">Feta</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/T07.jpg" value="7">Avocado</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/T10.jpg" value="10">Tomato</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/T14.jpg" value="14">Egg</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/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/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/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/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/T24.jpg" value="24">Pesto</option>
</select>
</div>
<section class="masthead text-center">
<div class="container">
<h3>Topping</h3>
<hr class="star-dark">
<div class="picker">
<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/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/T04.jpg" value="4">Feta</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/T07.jpg" value="7">Avocado</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/T10.jpg" value="10">Tomato</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/T14.jpg" value="14">Egg</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/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/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/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/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/T24.jpg" value="24">Pesto</option>
</select>
</div>
</div>
</section>
<!-- SELECT SIDE -->
<h3>Side</h3>
<p class="highlight"></p>
<div class="picker">
<select name="side" class="image-picker show-labels">
<option data-img-src="static/images/S1.png" value="1">Pommes Frites</option>
<option data-img-src="static/images/S2.png" value="2">Country Cuts</option>
<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>
<section class="masthead bg-primary text-white text-center">
<div class="container">
<h3>Side</h3>
<hr class="star-light">
<p class="highlight"></p>
<div class="picker">
<select name="side" class="image-picker show-labels">
<option data-img-src="static/images/S1.png" value="1">Pommes Frites</option>
<option data-img-src="static/images/S2.png" value="2">Country Cuts</option>
<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>
<p class="highlight"></p>
<div class="form-group">
<label for="input_name">
Name
</label>
<input class="form-control" id="input_name" name="name" type="text">
</div>
<div class="form-group">
<label for="input_description">
Description
</label>
<input class="form-control" id="input_description" name="description" type="text">
</div>
<input class="btn btn-primary" type="submit">
<section class="masthead text-center">
<div class="container">
<h3>Name &amp; Description</h3>
<hr class="star-dark">
<p class="highlight"></p>
<input class="form-control" id="input_name" name="name" type="text" placeholder="Name">
<input class="form-control" id="input_description" name="description" type="text" placeholder="Description"> <br/>
<input class="btn btn-primary" type="submit">
</div>
</section>
</div>
</form>
{% endblock %}
Markdown is supported
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