Skip to content

Commit d067ec8

Browse files
author
Desmond
committed
desk
1 parent bc3e65d commit d067ec8

1 file changed

Lines changed: 59 additions & 38 deletions

File tree

‎index.html‎

Lines changed: 59 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,73 @@
11
<!doctype html>
22
<html>
33

4-
<head>
5-
<title>Stomprocket Math</title>
4+
<head>
5+
<title>Stomprocket Math</title>
66

7-
<link rel="stylesheet" href="./main.css">
8-
<link rel="stylesheet" href="./bulma.css" />
9-
<script src="https://use.fontawesome.com/21958f18ff.js" charset="utf-8"></script>
10-
</head>
7+
<link rel="stylesheet" href="./main.css">
8+
<link rel="stylesheet" href="./bulma.css" />
9+
<script src="https://use.fontawesome.com/21958f18ff.js" charset="utf-8"></script>
10+
</head>
1111

12-
<body>
12+
<body>
1313

14-
<main id="app" class="containerFull">
15-
<h1>Stomprocket Math</h1>
14+
<main id="app" class="containerFull">
15+
<h1>Stomprocket Math</h1>
1616

17-
<form id="equationForm" v-on:submit.prevent="evaluate(true)">
18-
<div id="helpContainer" v-on:click="helpMenu"><i class="fa fa-question-circle" aria-hidden="true"></i>
19-
</div>
20-
<div id="equationContainer">
21-
<input placeholder="Type Equation Here" id="equation" v-model="equation" v-on:keyup="evaluate(false)" v-on:blur="evaluate(false)" v-on:paste="evaluate(false)" v-on:delete="evaluate(false)" v-on:focus="evaluate(false)">
22-
<p id="result">{{result}}</p>
23-
<div id="oldResults">
24-
<p v-for="item in oldResults" style="display:block; cursor: pointer;">
25-
<i class="fa fa-times" aria-hidden="true" v-on:click="removeItem(item)"></i> {{item}}
26-
</p>
27-
</div>
28-
</div>
29-
30-
</form>
31-
<div class="modal" id="modal">
32-
<div v-on:click="closeMenu" class="modal-background">
33-
&nbsp;
17+
<form id="equationForm" v-on:submit.prevent="evaluate(true)">
18+
<div id="helpContainer" v-on:click="helpMenu"><i class="fa fa-question-circle" aria-hidden="true"></i>
3419
</div>
35-
<div class="modal-content">
36-
<div class="box">
37-
DOCUMENTATION:::: Yeeeee
20+
<div id="equationContainer">
21+
<input placeholder="Type Equation Here" id="equation" v-model="equation" v-on:keyup="evaluate(false)" v-on:blur="evaluate(false)" v-on:paste="evaluate(false)" v-on:delete="evaluate(false)" v-on:focus="evaluate(false)">
22+
<p id="result">{{result}}</p>
23+
<div id="oldResults">
24+
<p v-for="item in oldResults" style="display:block; cursor: pointer;">
25+
<i class="fa fa-times" aria-hidden="true" v-on:click="removeItem(item)"></i> {{item}}
26+
</p>
3827
</div>
3928
</div>
40-
<button class="modal-close is-large" v-on:click="closeMenu"></button>
41-
</div>
42-
</main>
4329

44-
30+
</form>
31+
<div class="modal is-active" id="modal">
32+
<div v-on:click="closeMenu" class="modal-background">
33+
&nbsp;
34+
</div>
35+
<div class="modal-content">
36+
<div class="box">
37+
<h1 class="title is-3">Rocket Math Docs:</h1>
38+
<p>
39+
Rocket Math is an advanced calculator application like no other. It allows you to create complex formulas, use variables, and create your own functions and methods.
40+
</p>
41+
<b class="">Basics:</b>
42+
<p>
43+
For basic usage, Rocket Math can be used like any other calculator. Try typing <code>12+2</code> into the equation box and see what happens. A live preview will appear bellow, showing the answer to your eqaution. This is the basic usage of Rocket Math. Simply type in any equation or formula into the equation box, and Rocket Math will automaticaly calculate the solution.
44+
</p>
45+
<b>Available Commands:</b>
46+
Since Rocket Math isn’t like a normal calculator, some things in it are done slightly differently. For example, since Rocket Math runs in your browser, it does not have a keypad like most traditional calculators. Instead, you will use your keyboard to type things into the equation box. Here is a helpfull list of expressions you can use in Rocket Math.
47+
<ul>
48+
<li>
49+
- Multiplication: <code>*</code> press <code>shift + 8</code> to use the multiplication sign
50+
<br />
51+
&nbsp; &nbsp;Usage: <code>12*2</code>
52+
</li>
53+
<li>
54+
- Addition: <code>+</code> press the <code>+</code> button on your keyboard for the plus sign
55+
<br />
56+
&nbsp; &nbsp;Usage: <code>12+12</code>
57+
</li>
58+
</ul>
59+
</div>
60+
</div>
61+
<button class="modal-close is-large" v-on:click="closeMenu"></button>
62+
</div>
63+
</main>
64+
65+
4566

46-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
47-
<script src="math.min.js"></script>
48-
<script src="vue.min.js"></script>
49-
<script src="main.js"></script>
50-
</body>
67+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
68+
<script src="math.min.js"></script>
69+
<script src="vue.min.js"></script>
70+
<script src="main.js"></script>
71+
</body>
5172

5273
</html>

0 commit comments

Comments
 (0)