Skip to content

Commit 7b1b862

Browse files
swissChiliswissChili
committed
UTF8 and Viewport
1 parent d067ec8 commit 7b1b862

2 files changed

Lines changed: 46 additions & 43 deletions

File tree

‎index.html‎

Lines changed: 44 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -2,61 +2,63 @@
22
<html>
33

44
<head>
5-
<title>Stomprocket Math</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Stomprocket Math</title>
68

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

1214
<body>
1315

1416
<main id="app" class="containerFull">
15-
<h1>Stomprocket Math</h1>
17+
<h1>Stomprocket Math</h1>
1618

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>
19+
<form id="equationForm" v-on:submit.prevent="evaluate(true)">
20+
<div id="helpContainer" v-on:click="helpMenu"><i class="fa fa-question-circle" aria-hidden="true"></i>
21+
</div>
22+
<div id="equationContainer">
23+
<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)">
24+
<p id="result">{{result}}</p>
25+
<div id="oldResults">
26+
<p v-for="item in oldResults" style="display:block; cursor: pointer;">
27+
<i class="fa fa-times" aria-hidden="true" v-on:click="removeItem(item)"></i> {{item}}
28+
</p>
29+
</div>
30+
</div>
2931

30-
</form>
32+
</form>
3133
<div class="modal is-active" id="modal">
3234
<div v-on:click="closeMenu" class="modal-background">
3335
&nbsp;
3436
</div>
3537
<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>
38+
<div class="box">
39+
<h1 class="title is-3">Rocket Math Docs:</h1>
40+
<p>
41+
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.
42+
</p>
43+
<b class="">Basics:</b>
44+
<p>
45+
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.
46+
</p>
47+
<b>Available Commands:</b>
48+
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.
49+
<ul>
50+
<li>
51+
- Multiplication: <code>*</code> press <code>shift + 8</code> to use the multiplication sign
52+
<br />
53+
&nbsp; &nbsp;Usage: <code>12*2</code>
54+
</li>
55+
<li>
56+
- Addition: <code>+</code> press the <code>+</code> button on your keyboard for the plus sign
57+
<br />
58+
&nbsp; &nbsp;Usage: <code>12+12</code>
59+
</li>
60+
</ul>
61+
</div>
6062
</div>
6163
<button class="modal-close is-large" v-on:click="closeMenu"></button>
6264
</div>

‎main.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,8 @@ body, html {
2929
font-weight: 700;
3030
color: #212121;
3131
height: 7vw;
32-
overflow: hidden;
32+
overflow-x: hidden;
33+
overflow-y: hidden;
3334
border-bottom: 1px solid grey;
3435
transition-duration: 0.3s;
3536
border-top: none;

0 commit comments

Comments
 (0)