Permalink
Browse files

levelUp

  • Loading branch information...
Owner Owner
Owner authored and Owner committed Jan 11, 2019
0 parents commit 480c3d70de9eca5b4f85cbce3cbcfd454b60f6d9
BIN +110 KB css/Background.png
Binary file not shown.
BIN +8.09 KB css/BottomBun.png
Binary file not shown.
BIN +7.01 KB css/Bun.png
Binary file not shown.
BIN +6.71 KB css/Cheese.png
Binary file not shown.
BIN +8.26 KB css/Ketchop.png
Binary file not shown.
BIN +7.13 KB css/Lettus.png
Binary file not shown.
BIN +8.97 KB css/Mayo.png
Binary file not shown.
BIN +17 KB css/Onions.png
Binary file not shown.
BIN +7.08 KB css/Patty.png
Binary file not shown.
BIN +7.96 KB css/Tomato.png
Binary file not shown.
BIN +13 KB css/buns.png
Binary file not shown.
BIN +40 KB css/burgermanv1.png
Binary file not shown.
BIN +40.3 KB css/burgermanv2.png
Binary file not shown.
BIN +65.1 KB css/cookstation.png
Binary file not shown.
@@ -0,0 +1,204 @@
* {
font-family: monospace;
color: rgb(68,31,14)
}
body {
background-image: url("././Background.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

#top {
display: flex;
}

#messageBox {
height: 65px;
width: 700px;
border-radius: 40px;
background-color: rgb(255,206,0);
margin: 0 60px 0 60px;
padding: 45px;
}

h1 {
text-align: center;
margin-top: 0px;
color: 441F0E
}
button {
width: 120px;
height: 40px;
}

#startBtn {
margin: auto 300px auto;
border: 1px solid;
border-radius: 30px;
}

#request {
font-size: 25px;
}

#profile {
height: 65px;
width: 400px;
padding: 45px;
border-radius: 40px;
background-color: rgb(255,206,0);
margin-right: 60px;
text-align: center;
}
h3 {
font-size: 30px;
margin: -20px;
}

#timer{
padding: 10px 60px;
font-size: 70px;
float:left;
margin-top: 15px;
}


.info {
display: flex;
flex-direction: column;
float: right;
font-size: 25px;
text-align: left;
margin-top: 15px;
}

#level {
padding: 10px 0px;
}

#middle {
height: 400px;
display: flex;
flex-direction: row;
justify-content: space-around;
}

#cook {
height: 350px;
width: 250px;
margin-top: 35px;
margin-left: 0px;
margin-right: 200px;
}

#cook2 {
height: 350px;
width: 250px;
margin-top: 35px;
margin-left: 0px;
margin-right: 200px;
}

.order-wrapper {
position: relative;
}

.on-plate {
position: absolute;
top: 48%;
left: 48%;
margin-left: -20px;
}

#plate {
height: 400px;
width: 700px;
margin-top: 0px;
padding-right: 0px;
}

#kitchen {
height: 150px;
width: 1230px;
align-items: center;
justify-content: center;
margin-left: 60px;
}

#foods {
display: flex;
flex-direction: row;
justify-content: space-around;
background-image: url("././cookstation.png");
background-size: 1200px 600px;
background-repeat: no-repeat;
background-position: center;
}

img {
width: 120px;
height: 120px;
}

#cookStation{
position: relative;
bottom: -100px;
width: 1000px;
padding:px;
}

.bunB {
margin-left: -50px;
}
.bunU {
margin-top: -130px;
margin-left: -50px
}

.lett {
margin-top: -13px;
margin-left: -50px
}
.patt {
margin-top: -35px;
margin-left: -50px
}

.toma {
margin-top: -50px;
margin-left: -50px
}
.chee {
margin-top: -60px;
margin-left: -50px
}

.mayo {
margin-top: -80px;
margin-left: -50px
}

#newMess {
display: block;
font-size: 30px;
text-align: center;
}

#againBtn {
margin: 15px 290px;
border: 1px solid;
border-radius: 30px;
}

#levelUpMess {
display: block;
font-size: 30px;
text-align: center;
}

#next {
margin: 15px 290px;
border: 1px solid;
border-radius: 30px;
}
BIN +5.9 KB css/tray.png
Binary file not shown.
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.ui.js"></script>
<title></title>
</head>
<body>
<section id="top">
<div id="messageBox">
<h1>Hamburger maker</h1>
<button id="startBtn">Start</button>
<div id="request"></div>
</div>
<div id="profile">
<h3></h3>
<div id="timer"></div>
<div class="info">
<div id="level"></div>
<div id="left"></div>
</div>
</div>
</section>
<section id="middle">
<div class="order-wrapper">
<img id="plate" src="./css/tray.png">
</div>
<img id="cook" src="css/burgermanv1.png">
</section>
<section id="kitchen">
<div id="foods">
<img id="bun" src="./css/buns.png">
<img id="lettuce" src="./css/Lettus.png">
<img id="patty" src="./css/Patty.png">
<img id="tomato" src="./css/tomato.png">
<img id="cheese" src="./css/Cheese.png">
<img id="mayo" src="./css/Mayo.png">
</div>
</section>

<script src="./js/app.js" charset="utf-8"></script>
</body>
</html>
Oops, something went wrong.

0 comments on commit 480c3d7

Please sign in to comment.