buzzcode2007/RollDice
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

dice function now on the website

Browse source 
- jQuery was added to make this work.
- Cards were removed.
This commit is contained in:
Saw, Hansly Kendrich 2022-09-15 11:20:54 +08:00
parent 1d16cfc44b
commit ab638b152c
158 changed files with 69420 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

83
index.html
View file

@ -3,18 +3,21 @@
<title>RollDice</title>
<link href="node_modules/@materializecss/materialize/dist/css/materialize.css" rel="stylesheet" />
<link href="node_modules/@mdi/font/css/materialdesignicons.css" rel="stylesheet" />
<link href="styles/dice.css" rel="stylesheet" />
<script src="node_modules/jquery/dist/jquery.slim.js"></script>
<script src="node_modules/@materializecss/materialize/dist/js/materialize.js"></script>
<script src="scripts/roll.js"></script>
<script src="scripts/interface.js"></script>
<script src="scripts/iRoll.js"></script>
</head>
<body class="red darken-4">
<nav>
<div class="nav-wrapper red">
<ul id="nav-mobile" class="left"><a class="brand-logo">
<li><a class="waves-effect waves-light"><i class="left mdi mdi-dice-4"></i><strong style="font-size: 150%;">RollDice</strong></a></li>
<ul id="nav-mobile" class="left">
<li><a class="waves-effect waves-light"><i class="left mdi mdi-dice-4" id="app_nav_logo"></i><strong style="font-size: 150%;" id="app_nav_name">RollDice</strong></a></li>
</ul>
<ul id="nav-mobile" class="right">
<li><a class="waves-effect waves-light"><i class="left mdi mdi-reload"></i><span class="right hide-on-med-and-down">Spin</span></a></li>
<li class="hide-on-med-and-down"><a class="waves-effect waves-light" onclick="console.log(RollOnInterface())"><i class="left mdi mdi-format-rotate-90"></i><span class="right hide-on-med-and-down">Spin</span></a></li>
<li><a class="waves-effect waves-light"><i class="left mdi mdi-information-outline"></i><span class="right hide-on-med-and-down">About</span></a></li>
</ul>
</div>
@ -22,54 +25,50 @@
<main>
<side id="interface_below_buttons">
<div class="fixed-action-btn">
<button class="btn-floating btn-large waves-effect waves-light orange" title="Spin"><i class="left mdi mdi-format-rotate-90"></i></button>
<button class="btn-floating btn-large pulse waves-effect waves-light orange" title="Spin" onclick="console.log(RollOnInterface())"><i class="left mdi mdi-format-rotate-90"></i></button>
</div>
</side>
<section>
<div class="row">
<div class="col s12 m2">
<div class="card">
<div class="card-content">
<span class="card-title" id="dice-1">Card Title</span>
<table id="dices" class="container striped">
<tr>
<td>
<div class="col s9 m2">
<h2 class="dice scale-transition mdi" id="dice-1"></h2>
</div>
</div>
</div>
<div class="col s12 m2">
<div class="card">
<div class="card-content">
<span class="card-title" id="dice-2">Card Title</span>
</td>
<td>
<div class="col s9 m2">
<h2 class="dice scale-transition mdi" id="dice-2"></h2>
</div>
</div>
</div>
<div class="col s12 m2">
<div class="card">
<div class="card-content">
<span class="card-title" id="dice-3">Card Title</span>
</td>
<td>
<div class="col s9 m2">
<h2 class="dice scale-transition mdi" id="dice-3"></h2>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m2">
<div class="card">
<div class="card-content">
<span class="card-title" id="dice-4">Card Title</span>
</td>
</tr>
<tr>
<td>
<div class="col s9 m2">
<h2 class="dice scale-transition mdi" id="dice-4"></h2>
</div>
</div>
</div>
<div class="col s12 m2">
<div class="card">
<div class="card-content">
<span class="card-title" id="dice-5">Card Title</span>
</td>
<td>
<div class="col s9 m2">
<h2 class="dice scale-transition mdi" id="dice-5"></h2>
</div>
</div>
</div>
<div class="col s12 m2">
<div class="card">
<div class="card-content">
<span class="card-title" id="dice-6">Card Title</span>
</td>
<td>
<div class="col s9 m2">
<h2 class="dice scale-transition mdi" id="dice-6"></h2>
</div>
</div>
</td>
</tr>
</table>
<div class="tap-target" data-target="menu">
<div class="tap-target-content">
<h5 id="result_title"></h5>
<p id="result_data"></p>
</div>
</div>
</section>