Permalink
Browse files

levelUp

  • Loading branch information...
Owner Owner
Owner authored and Owner committed Jan 11, 2019
0 parents commit 480c3d70de9eca5b4f85cbce3cbcfd454b60f6d9
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
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;
}
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.