yatzee fullscreen

This commit is contained in:
chris 2021-12-29 19:48:33 -05:00
parent 1dd1875fe8
commit e7059e39f9
2 changed files with 14 additions and 1 deletions

View File

@ -8,11 +8,15 @@
<!-- <link rel="icon" type="image/ico" href="yatzee.ico"> -->
<!-- <img rel="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABfklEQVRYR+2YsS6EQRDHf1e4CM0lNBIknkCl5TVoNDQq7gFoPAA6xWk07jVoVV4BQaFQidBcJtmTy2a/3W83811GfNtccTM7v/xnZveb7WB4dQyz0cKVZiemXBeYA2aBmdIAEb8f4Av4BL5DdlVwS8AxsAP0GgAbb/kB3ACnwKsfJwQnip0DBw1C+VtfAoe+giE4UeoZmJ8inCi4Bsjv7wrBLQNPEzYCudAA6Lurt/HWUkpvKbgV4HHCaNWD1eJMxgkpF3OSrt11dNeAdFxqVfmowkmQe2Dd0TwAGwnAmI8q3B4w8GTaB64i0sV8/g+c6bRK9sw2RKorc/9XrTkJLlfMkaOQK+6iBlGVjyrcJnDrwWwBdxHAmI8qnCh25oH03UdCFV/MRxXOtHKma65G7WeZqKbV9Dln+oZoL/7SL2HTaTXdEFnnRA1jlaNEpv7FGsFyTYqmL9Nzq+mJX9IjA+4JsD2Ft5Kheyt58eviT74y5RZ3I/bty2aprKaVGwHPGcQoCqTT+gAAAABJRU5ErkJggg=="/> -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<title>Yatzee!</title>
</head>
<body>
<div id="nav_menu">
</div>
<div id="full" onclick="fullscreen()">
<i class="fas fa-expand"></i>
</div>
<script src="/menu/menu.js"></script>
<div id="highscore"></div>
@ -42,7 +46,6 @@
</table>
</div>
</div>
<button id="fullscreen" onclick="fullscreen();">Fullscreen Toggle</button>
<div id="how-div">
<img id="smX" onclick="how_to()" src="/menu/x.png" />
<h2>How to Play</h2>

View File

@ -17,6 +17,7 @@ body {
z-index: 0;
margin-bottom: 7%;
font-size: larger;
margin-left: 5px;
}
.cells {
@ -104,6 +105,15 @@ body {
font-size: large;
padding: 20px;
}
#full{
position: absolute;
top: 5px;
right: 0;
z-index: 100;
color:rgb(165, 162, 162);
font-size: 3rem;
margin-right:5px;
}
#how {
margin-top: 10%;