-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
126 lines (126 loc) · 7.45 KB
/
Copy pathindex.html
File metadata and controls
126 lines (126 loc) · 7.45 KB
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
<!doctypehtml>
<html lang=en>
<meta charset=UTF-8>
<meta content="width=device-width,initial-scale=1"name=viewport>
<title>Easy Base Converter | Convert Binary, Hex, Decimal & Text</title>
<meta content="A professional and easy-to-use base converter for developers and students. Convert between Decimal, Binary, Octal, Hexadecimal, and Text (UTF-8) with a clean, modern interface."name=description>
<meta name="google-site-verification" content="wq_1eYkQr5iaNTTyAIT5IPF0SuyCPIGx4VrwoyVQaWs" />
<link href=assets/favicon.ico rel=icon type=image/x-icon>
<link href=assets/favicon-32x32.png rel=icon sizes=32x32 type=image/png>
<link href=assets/favicon-16x16.png rel=icon sizes=16x16 type=image/png>
<link href=assets/apple-touch-icon.png rel=apple-touch-icon sizes=180x180>
<link href=assets/android-chrome-192x192.png rel=icon sizes=192x192 type=image/png>
<link href=assets/android-chrome-512x512.png rel=icon sizes=512x512 type=image/png>
<meta content=#ffffff name=theme-color>
<link href=https://fonts.googleapis.com rel=preconnect>
<link href=https://fonts.gstatic.com rel=preconnect crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400&family=Space+Grotesk:wght@500;700&family=Roboto+Mono:wght@400;500&display=swap"rel=stylesheet>
<link href=assets/css/style.css rel=stylesheet>
<script src="https://www.googletagmanager.com/gtag/js?id=G-WZD8B1XQR1"async></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-WZD8B1XQR1")</script>
<div id=background-blur></div>
<header class=app-header>
<div class=title-container>
<h1 class=app-title>BASE_304</h1>
</div>
<button aria-label="Toggle Theme"class=theme-toggle id=theme-toggle>
<svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"width=24 xmlns=http://www.w3.org/2000/svg class=sun>
<circle cx=12 cy=12 r=5></circle>
<line x1=12 x2=12 y1=1 y2=3></line>
<line x1=12 x2=12 y1=21 y2=23></line>
<line x1=4.22 x2=5.64 y1=4.22 y2=5.64></line>
<line x1=18.36 x2=19.78 y1=18.36 y2=19.78></line>
<line x1=1 x2=3 y1=12 y2=12></line>
<line x1=21 x2=23 y1=12 y2=12></line>
<line x1=4.22 x2=5.64 y1=19.78 y2=18.36></line>
<line x1=18.36 x2=19.78 y1=5.64 y2=4.22></line>
</svg>
<svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"width=24 xmlns=http://www.w3.org/2000/svg class=moon>
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
</button>
</header>
<main class=converter-core>
<div class="field-container from-container">
<div class=field-header>
<label for=from-base-select>FROM</label>
<select id=from-base-select>
<option value=10 selected>Decimal
<option value=2>Binary
<option value=4>Quaternary (Base 4)
<option value=8>Octal
<option value=16>Hexadecimal
<option value=text>Text (UTF-8)
</select>
</div>
<div class=textarea-wrapper>
<textarea id=input-area placeholder=Input autocomplete=off spellcheck=false></textarea>
<div class=button-group>
<button aria-label=Paste class="utility-btn paste-btn"data-target=input-area>
<svg fill=none height=18 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"width=18 xmlns=http://www.w3.org/2000/svg>
<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
<rect height=4 rx=1 ry=1 width=8 x=8 y=2></rect>
</svg>
</button>
<button aria-label=Clear class="utility-btn clear-btn"data-target=input-area>
<svg fill=none height=18 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"width=18 xmlns=http://www.w3.org/2000/svg>
<line x1=18 x2=6 y1=6 y2=18></line>
<line x1=6 x2=18 y1=6 y2=18></line>
</svg>
</button>
<button aria-label="Copy Input"class="utility-btn copy-btn"data-target=input-area>
<svg fill=none height=18 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"width=18 xmlns=http://www.w3.org/2000/svg class=copy-icon>
<rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<svg fill=none height=18 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=3 viewBox="0 0 24 24"width=18 xmlns=http://www.w3.org/2000/svg class=check-icon>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</button>
</div>
</div>
</div>
<div class=swap-container>
<button aria-label="Swap Bases"class=swap-btn id=swap-btn>
<svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"width=24 xmlns=http://www.w3.org/2000/svg class=swap-icon>
<path d="M17 3l4 4-4 4"class=arrow-top />
<path d="M21 7H3"class=line-top />
<path d="M7 21l-4-4 4-4"class=arrow-bottom />
<path d="M3 17h18"class=line-bottom />
</svg>
</button>
</div>
<div class="field-container to-container">
<div class=field-header>
<label for=to-base-select>TO</label>
<select id=to-base-select>
<option value=2 selected>Binary
<option value=4>Quaternary (Base 4)
<option value=8>Octal
<option value=10>Decimal
<option value=16>Hexadecimal
<option value=text>Text (UTF-8)
</select>
</div>
<div class=textarea-wrapper>
<textarea id=output-area placeholder=Output readonly></textarea>
<div class=button-group>
<button aria-label="Copy Output"class="utility-btn copy-btn"data-target=output-area>
<svg fill=none height=18 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24"width=18 xmlns=http://www.w3.org/2000/svg class=copy-icon>
<rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
<svg fill=none height=18 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=3 viewBox="0 0 24 24"width=18 xmlns=http://www.w3.org/2000/svg class=check-icon>
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</button>
</div>
</div>
</div>
</main>
<footer class=app-footer>
<div class=footer-credit-box>
<div>Developed by M.A</div>
<div class=footer-subtitle>University of Bejaia</div>
</div>
</footer>
<script src=assets/js/core.js></script>