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> <h1>2048</h1>
<h2>Score: <span id="score">0</span></h2> <h2>Score: <span id="score">0</span></h2>
<div id="board"></div> <div id="board"></div>
<a href="../" id="home"></a>
</body> </body>
</html> </html>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -23,6 +23,16 @@ body{
transition: 0s; transition: 0s;
} }
#home{
position: fixed;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
border-radius: 25px 0 0 0;
background: #555;
}
img{ img{
aspect-ratio: 1/1; aspect-ratio: 1/1;
object-fit: contain; object-fit: contain;
@@ -88,7 +98,18 @@ section{
background-image: url("./mobile.jpg"); background-image: url("./mobile.jpg");
} }
.choices{ .choices{
width: 180px; width: 169px;
height: 180px; 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{ #home{
position: absolute; position: fixed;
right: 0; right: 0;
bottom: 0; bottom: 0;
height: 50px; height: 50px;