Update life.html

This commit is contained in:
Kyle
2019-08-16 18:14:50 -07:00
parent b81dbc01c9
commit f672bcba3d

View File

@@ -47,12 +47,14 @@
</head> </head>
<body autocomplete="off"> <body autocomplete="off">
<div id="settings" class="settings"> <div id="settings" class="settings">
Number of Players:<br> <div class="innerSettings">
<input id="inputPlayerCount" class="input" type="number" min="2" value="4" max="16"><br> Number of Players:<br>
Starting Life Total:<br> <input id="inputPlayerCount" class="input" type="number" min="2" value="4" max="16"><br>
<input id="inputStartingLife" class="input" type="number" min="0" value="40"><br> Starting Life Total:<br>
<button id="buttonStartGame" class="input" onclick="startGame()">Game On!</button><br><br> <input id="inputStartingLife" class="input" type="number" min="0" value="40"><br>
For an optimal experience, save this website to your home screen and open it from there.<br><a href="https://cardconjurer.com">Check out my other website, Card Conjurer, to easily create custom Magic cards!</a> <button id="buttonStartGame" class="input" onclick="startGame()">Game On!</button><br><br>
For an optimal experience, save this website to your home screen and open it from there.<br>Check out my other website, <a href="https://cardconjurer.com">Card Conjurer</a>, to easily create custom Magic cards!
</div>
</div> </div>
<div onclick="fullscreen()" class="hidden" id="return">CLICK ANYWHERE TO RETURN TO FULLSCREEN</div> <div onclick="fullscreen()" class="hidden" id="return">CLICK ANYWHERE TO RETURN TO FULLSCREEN</div>
<div id="gridShell"> <div id="gridShell">
@@ -94,10 +96,11 @@
} }
.settings { .settings {
margin: 10pt; margin: 10pt;
}
.innerSettings {
overflow-y: auto; overflow-y: auto;
touch-action: pan-y; touch-action: pan-y;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
height: calc(100% + 20pt);
} }
* { * {
font-family: belerenbsc; font-family: belerenbsc;
@@ -236,9 +239,9 @@
a { a {
color: white; color: white;
} }
a:hover { /*a:hover {
color: grey; color: grey;
} }*/
</style> </style>
<script src="data/life/life.js"></script> <script src="data/life/life.js"></script>
<html> <html>