-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (68 loc) · 3.43 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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Huffmann File Compressor</title>
<!-- Stylesheets -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel='stylesheet' href='styles.css'>
<!-- Font Awesome -->
<!-- <body onload="onloadfn();"> -->
<body>
<div class="main" style="position:relative;">
<div class="custom-shape-divider-top-1619602423">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
</svg>
</div>
<div class=container-fluid>
<!-- <h1 style="color:black;" id="heading">Compress your text files using Huffmann Compression</h1> -->
<div id="bounce">
<span class="letter">T</span>
<span class="letter">E</span>
<span class="letter">X</span>
<span class="letter">T</span>
<span class="letter"></span>
<span class="letter"></span>
<span class="letter">C</span>
<span class="letter">O</span>
<span class="letter">M</span>
<span class="letter">P</span>
<span class="letter">R</span>
<span class="letter">E</span>
<span class="letter">S</span>
<span class="letter">S</span>
<span class="letter">O</span>
<span class="letter">R</span>
</div>
<h6 style="color:white;font-size: 90%;"id="heading"><div>This is a tool where you can
<span style="font-size:200%;"class="letter">compress</span> your text or <span style="font-size:200%;"class="letter">decompress</span> your compressed file.</br>It usses <span style="font-size:200%;"class="letter"> Huffman Coding Algorithm.</span></div></h6>
<div class="card" id="step1">
<h2>Upload a Text File</h2>
<center>
<i class="far fa-file-alt fa-5x"></i>
<br>
<input class="btn btn-outline-warning" type="file" id="uploadfile"><br>
<input class="btn btn-outline-success" type="button" id="submitbtn" value="Submit">
</center>
</div>
<div class="card" id="step2">
<h2>Select Action</h2><center>
<i class="far fa-file-archive fa-5x"></i>
<br>
<button type="button" id="encode" class="btn btn-primary" >Compress</button>
<button type="button" id="decode" class="btn btn-primary" >De-Compress</button></center>
</div>
<div class="card" id="step3"></div>
<button id="startagain" style="background-color: #bf3a30;
background-image: linear-gradient(315deg, #bf3a30 0%, #864ba2 74%);"class="btn btn-info btn-lg" type="button" onclick="location.reload()" >Click here to compress/decompress the file</button>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src='script.js'></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
</div>
</body>
</head>
</html>