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,8 +9,22 @@
<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 -->
<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">
......@@ -24,12 +38,16 @@
<option data-img-src="static/images/B8.png" value="8">Yellow Bun</option>
</select>
</div>
</div>
</section>
<!-- SELECT PATTY -->
<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>
......@@ -41,12 +59,14 @@
<option data-img-src="static/images/P8.png" value="8">Falafel Burger</option>
</select>
</div>
</div>
</section>
<!-- SELECT TOPPING-->
<section class="masthead text-center">
<div class="container">
<h3>Topping</h3>
<p class="highlight">
Select a maximum of 6 Toppings.
</p>
<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>
......@@ -75,9 +95,14 @@
<option data-img-src="static/images/T24.jpg" value="24">Pesto</option>
</select>
</div>
</div>
</section>
<!-- SELECT SIDE -->
<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">
......@@ -87,22 +112,19 @@
<option data-img-src="static/images/S4.png" value="4">Onion Rings</option>
</select>
</div>
</div>
</section>
<section class="masthead text-center">
<div class="container">
<h3>Name &amp; Description</h3>
<hr class="star-dark">
<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="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 %}
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