-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
76 lines (70 loc) · 3.35 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
<!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" />
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500&display=swap"
rel="stylesheet"
/>
<!-- ----------- -->
<!-- codemirror styles and scripts -->
<link rel="stylesheet" href="lib/CodeMirror/dracula.min.css" />
<link rel="stylesheet" href="lib/CodeMirror/codemirror.min.css" />
<script src="lib/CodeMirror/codemirror.min.js"></script>
<script src="lib/CodeMirror/javascript.min.js"></script>
<script src="lib/CodeMirror/placeholder.min.js"></script>
<script src="lib/CodeMirror/closebrackets.min.js"></script>
<script src="lib/CodeMirror/searchcursor.min.js"></script>
<script src="lib/CodeMirror/match-highlighter.min.js"></script>
<script src="lib/CodeMirror/matchbrackets.min.js"></script>
<!-- ---------------------------- -->
<!-- prettier -->
<script src="https://unpkg.com/prettier@latest/standalone.js"></script>
<!-- -------- -->
<title>JsLogs</title>
<link rel="stylesheet" href="styles/style.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<button id="__themeToggle">
<img id="__toggleImg" src="assets/lamp-on.svg" alt="toggle theme" />
</button>
<div class="wrapper">
<textarea
placeholder="Write your js code here..."
id="__inputArea"
spellcheck="false"
></textarea>
<div id="__resize" class="resize"></div>
<div class="output-field" id="__output">
<button title="ctrl+enter" id="__runBtn">RUN</button>
<button title="ctrl+\" id="__clearBtn">CLEAR</button>
<ul id="__outputList" class="output-list"></ul>
</div>
</div>
<footer>
<a href="https://github.com/darrowv/jslogs" target="blank">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30px"
height="30px"
viewBox="0 0 512 512"
>
<path
class="footer-icon"
fill="#454442"
d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 003.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 01-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0025.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 015-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 01112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 015 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 004-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"
/>
</svg>
</a>
</footer>
<script type="module" src="src/main.js"></script>
<script type="module" src="src/themeToggle.js"></script>
<script type="module" src="src/utils/resize.js"></script>
</body>
</html>