Commit 844dab22 authored by Sandro Lutz's avatar Sandro Lutz
Browse files

Update Creator Page styles

parent d26383c9
......@@ -19,72 +19,31 @@ select {
display: none !important;
}
.thumbnail > p {
.thumbnail {
text-align: center;
background-color: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: none;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
\ No newline at end of file
#creator {
max-width: 1140px;
padding: 2em;
padding-top: 7em;
padding-bottom: 2em;
margin: 0 auto;
}
#creator h3 {
color: #FFFFFF;
}
#creator label {
color: #FFFFFF;
}
.btn-primary {
background-color: #e8462b;
}
\ No newline at end of file
......@@ -41,6 +41,26 @@
<h4 class="mb-4">AMIV an der ETH</h4>
<p class="lead mb-0">CAB E37<br>Universitätsstrasse 6<br>8092 Zürich<br>info@amiv.ethz.ch</p>
</div>
<div class="col-md mb-5 mb-lg-0">
<h4 class="text-uppercase mb-4">Around the Web</h4>
<ul class="list-inline mb-0">
<!--li class="list-inline-item">
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
<i class="fa fa-fw fa-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="#">
<i class="fa fa-fw fa-twitter"></i>
</a>
</li-->
<li class="list-inline-item">
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="http://amiv.ch">
<i class="fa fa-fw fa-dribbble"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
......
......@@ -7,100 +7,102 @@
Create your a burger for the 125th anniversary of the AMIV!
</p>
<!-- SELECT BREAD -->
<form method="post">
<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>
<div id="creator">
<!-- 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>
<!-- SELECT PATTY -->
<h3>Burger Patty</h3>
<p class="highlight"></p>
<div class="picker">
<!-- 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>
<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>
<!-- 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>
<!-- 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>
<!-- 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>
<!-- 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>
<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">
<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">
</div>
<input class="btn btn-primary" type="submit">
</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