-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (116 loc) · 6.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script language="JavaScript" type="text/javascript" src="/js/calc.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/interface.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/buttons.js"></script>
<link rel="icon" type="image/x-icon" href="/images/Bar/Calculator%20Icon.svg">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<img class="bg" src="./images/windows-xp-bg.jpg">
<div class="calc" id="calc_window">
<div class="bar">
<img src="/images/Bar/App Bar.svg" alt="app-bar">
<div class="bar-buttons">
<div class="button-items">
<a href="#" class="button-item"><img src="/images/Bar/Button1.svg" alt="hide" id="hide_button"></a>
<a href="#" class="button-disabled"><img src="/images/Bar/Button2.svg" alt="full"></a>
<div class="button-item"><img src="/images/Bar/Button3.svg" alt="close" id="close_button"></div>
</div>
</div>
</div>
<div class="window">
<div class="menu">
<div class="menu-items">
<a href="#" class="menu-item item1"><img src="/images/Menu/Edit.svg" alt="hide"></a>
<a href="#" class="menu-item item2"><img src="/images/Menu/View.svg" alt="hide"></a>
<a href="#" class="menu-item item3"><img src="/images/Menu/Help.svg" alt="hide"></a>
</div>
<div class="stroke"></div>
</div>
<div class="calc-screen">
<div class="input">
<form name="form"><input type="text" name="textview" readonly></form>
</div>
</div>
<div class="idk"></div>
<div id="btns" class="top-buttons">
<button class="btn backspace red big" onclick="back()">Backspace</button>
<button class="btn ce red big" onclick="ce('')">CE</button>
<button class="btn ac red big" onclick="clean()">C</button>
</div>
<div id="btns" class="left-buttons">
<button class="btn cos red" onclick="cos('')">cos</button>
<button class="btn sin red" onclick="sin('')">sin</button>
<button class="btn tg red" onclick="tg('')">tg</button>
<button class="btn ctg red" onclick="ctg('')">ctg</button>
</div>
<div id="btns" class="buttons">
<button class="btn seven blue" onclick="insert('7')">7</button>
<button class="btn eight blue" onclick="insert('8')">8</button>
<button class="btn nine blue" onclick="insert('9')">9</button>
<button class="btn divide red" onclick="insert('/')">/</button>
<button class="btn dot blue" onclick="insert('.')">.</button><br>
<button class="btn four blue" onclick="insert('4')">4</button>
<button class="btn five blue" onclick="insert('5')">5</button>
<button class="btn six blue" onclick="insert('6')">6</button>
<button class="btn multiply red" onclick="insert('*')">*</button>
<button class="btn sqrt blue" onclick="sqrt()">sqrt</button><br>
<button class="btn one blue" onclick="insert('1')">1</button>
<button class="btn two blue" onclick="insert('2')">2</button>
<button class="btn three blue" onclick="insert('3')">3</button>
<button class="btn minus red" onclick="insert('-')">-</button>
<button class="btn one-divide blue" onclick="onediv('')">1/x</button><br>
<button class="btn zero blue" onclick="insert('0')">0</button>
<button class="btn plus-minus blue" onclick="insert('(')">(</button>
<button class="btn dot blue" onclick="insert(')')">)</button>
<button class="btn plus red" onclick="insert('+')">+</button>
<button class="btn equal red" onclick="equal()">=</button><br>
</div>
</div>
</div>
<script>
//hide button
var close_button = document.getElementById("close_button");
var calc_window = document.getElementById("calc_window");
close_button.addEventListener("click", function () {
calc_window.style.display = "none";
});
//close button
var hide_button = document.getElementById("hide_button");
var calc_window = document.getElementById("calc_window");
hide_button.addEventListener("click", function () {
calc_window.style.display = "none";
});
</script>
<footer class="windows-bar">
<img class="windows-start-btn" src="images/Windows/start-menu.png">
<div class="windows-tray">
<div class="windows-icons">
<img src="/images/Windows/volume.png" alt="">
<img src="/images/Windows/noname.png" alt="">
<img src="/images/Windows/antivirus.png" alt="">
<div class="windows-time">
<script>
var time = new Date();
console.log(
time.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true })
);
document.write(time.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true }))
</script>
</div>
</div>
</div>
</footer>
<div class="github">
<a class="btn btn-link" href="https://github.com/kamilik/valorant-pick-ban-maps" title="Find more info on GitHub">
<img class="img-fluid" id="gh-mark" src="https://particles.js.org/images/GitHub-Mark-120px-plus.png" alt="">
<span id="gh-project">scarsparkle</span>
</a>
</div>
</body>
</html>