forked from ahmedoothman/Code-Translator_-cpp-to-python-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (123 loc) · 4.42 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
<!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" />
<!-- codemirror -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"
integrity="sha512-uf06llspW44/LZpHzHT6qBOIVODjWtv4MxCricRxkzvopAlSWnTf6hpZTFxuuZcuNE9CBQhqE0Seu1CoRk84nQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/theme/material-darker.min.css"
integrity="sha512-2OhXH4Il3n2tHKwLLSDPhrkgnLBC+6lHGGQzSFi3chgVB6DJ/v6+nbx+XYO9CugQyHVF/8D/0k3Hx1eaUK2K9g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link href="style.css" rel="stylesheet" />
<title>Code Translator</title>
</head>
<body>
<header>
<div class="logo">
<img src="./assets/Logo.png" alt="logo" />
</div>
<div class="headerActions">
<div class="converter">
<img src="./assets/Converter.svg" alt="" />
</div>
<div class="actions">
<div class="file-input-box">
<label for="file-input">Choose file</label>
<p id="file-input-name">no file chosen</p>
</div>
<input type="file" id="file-input" />
</div>
</div>
</header>
<section>
<button id="convert-code">
<img src="./assets/opposite_opinion.svg" alt="" />
Translate
</button>
<div class="code">
<div class="input">
<h1>Input</h1>
<textarea
name=""
id="input-box"
style="border-radius: 10px"
></textarea>
</div>
<div class="output">
<div class="output-header">
<h1>output</h1>
<div>
<img
src="./assets/downloads_folder.svg"
id="download-btn"
alt=""
/>
</div>
</div>
<textarea
name=""
id="output-box"
disabled
style="border-radius: 10px"
></textarea>
</div>
</div>
<div class="header-code"></div>
</section>
<!-- Codemirror -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/codemirror.min.js"
integrity="sha512-Kpi2Sp2KpXM2S7aM0p+CwWhm8NuogI15GFPXCmgqAnFr5c86VBXuLEZu0IGBwGSdhhTW6148hP9KTcRMmrjuFQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/mode/clike/clike.min.js"
integrity="sha512-l8ZIWnQ3XHPRG3MQ8+hT1OffRSTrFwrph1j1oc1Fzc9UKVGef5XN9fdO0vm3nW0PRgQ9LJgck6ciG59m69rvfg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/mode/python/python.min.js"
integrity="sha512-RT0AjIFvx/vuD2Ih9pmIOhlU+HNTpTHGMJ7TORv4oTT0yHqbz9BicxiBohrq84kjvpHnXtWg/wjG0kisHh4EOA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/addon/edit/matchbrackets.min.js"
integrity="sha512-GSYCbN/le5gNmfAWVEjg1tKnOH7ilK6xCLgA7c48IReoIR2g2vldxTM6kZlN6o3VtWIe6fHu/qhwxIt11J8EBA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/addon/edit/closebrackets.min.js"
integrity="sha512-tsjcYO5hFvViRssxiM7Jhd8601epWOx1He3Hl4yuI5dKKPxr43KxkOhc9GZeeqzlYJm9ABb7UPA9697NiqZZ7Q=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/keymap/emacs.min.js"
integrity="sha512-vkAJFl6fSbUY4MDhe50ATyWN/8jLYZPtxqELsXbbxA+bSxk8n/0iVBeGQqCJJYv2mn1bhBKs7du3A0HbtgrLEA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<!-- SCript -->
<script src="./js/constants.js"></script>
<script src="./js/script.js"></script>
<script src="./js/lexiacal_analyzer.js"></script>
<script src="./js/pridictiveParser.js"></script>
<script src="./js/translator.js"></script>
<script src="./js/codemirror.js"></script>
</body>
</html>