maverick/Invention-Dice
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated index.html to make it more mobile responsive

Browse source
This commit is contained in:
Omar Najjar 2021-11-13 18:56:06 +11:00 • committed by GitHub
parent 07a3b5de97
commit b3937f1dbd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
index.html
View file

@ -7,17 +7,30 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
</head> </head>
<body style="height: 214px; width: 900px; box-sizing: border-box; display: flex; align-items: center; justify-content: right; margin: 1em 5em; padding: 1em;" data-pen-title="Dice"> <body style="max-width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: left; margin: 1em 5em; padding: 1em; " data-pen-title="Dice">
<!-- partial:index.partial.html --> <!-- partial:index.partial.html -->
<h1 class="header">Invention Game</h1> <!-- <h1 class="header">Invention Game</h1> -->
<!-- Shows a question mark whilst loading--><img src="https://bit.ly/dice-unknown" id="dice"/><img src="https://bit.ly/dice-unknown" id="dice2"/><img src="https://bit.ly/dice-unknown" id="dice3"/><img src="https://bit.ly/dice-unknown" id="dice4"/><img src="https://bit.ly/dice-unknown" id="dice5"/><img src="https://bit.ly/dice-unknown" id="dice6"/> <!-- Shows a question mark whilst loading-->
<!-- When you click the div, it executes rollThatDice()--> <div>
<div onclick="rollThatDice()">Roll That Dice</div>
<img src="https://bit.ly/dice-unknown" id="dice"/>
<img src="https://bit.ly/dice-unknown" id="dice2"/>
<img src="https://bit.ly/dice-unknown" id="dice3"/>
<img src="https://bit.ly/dice-unknown" id="dice4"/>
<img src="https://bit.ly/dice-unknown" id="dice5"/>
<img src="https://bit.ly/dice-unknown" id="dice6"/>
</div>
<!-- When you click the div, it executes rollThatDice()-->
<button onclick="rollThatDice()">Roll That Dice</button>
<!-- A link to the roll sound you hear--> <!-- A link to the roll sound you hear-->
<audio src="https://bit.ly/dice-sound" id="audio"></audio> <audio src="https://bit.ly/dice-sound" id="audio"></audio>
<!-- partial --> <!-- partial -->
<script src="./script.js"></script> <script src="./script.js"></script>
</body> </body>
</html> </html>