Home buttons and RPS hotfix

This commit is contained in:
2024-08-20 22:48:32 +02:00
parent a8e196f8ec
commit 3b939ca612
9 changed files with 59 additions and 3 deletions

View File

@@ -11,5 +11,6 @@
<h1>2048</h1>
<h2>Score: <span id="score">0</span></h2>
<div id="board"></div>
<a href="../" id="home"></a>
</body>
</html>

View File

@@ -19,6 +19,16 @@ body{
background-size: cover;
}
#home{
position: fixed;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
border-radius: 25px 0 0 0;
background: #555;
}
#board{
width: 372px;
height: 372px;

View File

@@ -37,5 +37,6 @@
</div>
</article>
<script src="main.js"></script>
<a href="../" id="home"></a>
</body>
</html>

View File

@@ -13,6 +13,17 @@ body{
color: #fff;
text-align: center;
}
#home{
position: fixed;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
border-radius: 25px 0 0 0;
background: #555;
}
img{
width: 100px;
height: 100px;

View File

@@ -27,5 +27,6 @@
<button onclick="roll()">Roll<br>the<br>Dice!</button>
</article>
<script src="main.js"></script>
<a href="../" id="home"></a>
</body>
</html>

View File

@@ -18,6 +18,16 @@ body{
text-align: center;
}
#home{
position: fixed;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
border-radius: 25px 0 0 0;
background: #555;
}
img{
width: 100px;
height: 100px;

View File

@@ -18,5 +18,6 @@
<div id="choices" draggable="false"></div>
</section>
<h1 id="your-score">0</h1>
<a href="../" id="home"></a>
</body>
</html>

View File

@@ -23,6 +23,16 @@ body{
transition: 0s;
}
#home{
position: fixed;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
border-radius: 25px 0 0 0;
background: #555;
}
img{
aspect-ratio: 1/1;
object-fit: contain;
@@ -88,7 +98,18 @@ section{
background-image: url("./mobile.jpg");
}
.choices{
width: 180px;
height: 180px;
width: 169px;
height: 159px;
}
#choices{
width: 233px;
height: 79px;
}
#your-choice{
margin-top: 10px;
}
#choices img{
width: 69px;
aspect-ratio: 1;
}
}

View File

@@ -14,7 +14,7 @@ body{
}
#home{
position: absolute;
position: fixed;
right: 0;
bottom: 0;
height: 50px;