Skip to content

Commit 5c7a576

Browse files
Debraj-DeyDebraj-Dey
authored
Add files via upload
1 parent 4176374 commit 5c7a576

File tree

3 files changed

+964
-0
lines changed

3 files changed

+964
-0
lines changed

‎index.html

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="x-ua-compatible" content="ie=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
9+
<title>File Compressor De-compressor</title>
10+
<link rel="shortcut icon" href="assets/favicon.ico">
11+
<meta name="title" content="File Compressor De-compressor">
12+
<meta name="description"
13+
content="An online .txt file compressor, de-compressor tool which uses Huffman Coding for Lossless data compression.">
14+
<meta name="keywords"
15+
content="encoding,encoder,huffman, huffman-coding, lossless, huffman-compression-algorithm, txt, lossless-compression-algorithm, file-compression, huffman-encoder, huffman-decoder, huffman-encoding, txt-encode, txt-decode, lossless-compression, lossless-data-compression, filecompressor, online-file-compressor, txt-compressor, online file compression, file compressor, txt compression, GZIP, Brotli, WebP, png, txt compressor, txt encoding, online txt compressor, txt decompressor, samirpaul, SamirPaul1, SamirPaulb, Samir Paul, txt compressor github, gitpages, website, txt compressor website, Huffman code, compression algorithm, lossless data, file files fileformat filetype compress online compression, Online file compressor, online file compression, compress videos, compress PDF, compress files online, Merge PDF, split PDF, combine PDF, extract PDF, compress PDF, convert PDF, Word to PDF, Excel to PDF, Powerpoint to PDF, PDF to JPG, JPG to PDF, compress pdf size, reduce pdf size, compress pdf file, pdf compressor online, reduce size pdf, reduce pdf size, reduce dpi PDF, reduce PDF dpi, compress txt file, txt file compressor, compress text file, text file compressor, compress text file online, compress txt, compress notepad file, compress text file size online, reduce text file size online, compress txt file online, txt file size reducer, compress a text file, compress text file size, how to compress txt file, text file size reducer, text file compression, compress .txt file, compress text files, text compresser, online text file compressor, file compressor, text compressor, file reducer, reduce text file size, online text compressor, txt file, file compresser, text compressor online, file minimizer, is huffman coding lossy or lossless, file shrinker, filecompressor, online file compressor, huffman coding python implementation, huffman coding python, txt compress, lossless compression python, text file size online, how to compress text file, lossless compression examples, huffmans algorithm, huffman compression python, example of lossless compression, de compressor, compressor io, reduce txt file size, huffman image compression python, huffman compression ratio, huffman tree python, huffman decoding python, python huffman coding, text compression example, compressing text files, huffman coding jpeg, file txt, huffman compression algorithm, compressed text file, archive compressor, txt file online, file:txt, lz78 python, what is txt file">
16+
<meta name="robots" content="index, follow">
17+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
18+
<meta name="language" content="English">
19+
<meta name="author" content="Debraj Dey">
20+
21+
<link rel='stylesheet' type='text/css' href='styles.css'>
22+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
23+
<!-- <script src='script.js' type="text/javascript"></script> -->
24+
<script src='myscript.js' type="text/javascript"></script>
25+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
26+
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script>
27+
</head>
28+
29+
30+
<!-- <body > -->
31+
32+
<body
33+
style="background-image: url(https://img.freepik.com/premium-photo/color-background-template-art-stylized-design-your-creative-ideas-with-space-text_7954-6569.jpg?w=2000);">
34+
<nav class="navbar navbar-expand-lg navbar-dark ">
35+
<a class="navbar-brand" href="#">HUFFMAN ENCODING_DECODING</a>
36+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
37+
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
38+
<span class="navbar-toggler-icon"></span>
39+
</button>
40+
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
41+
<ul class="navbar-nav">
42+
<li class="nav-item">
43+
<a class="nav-link" href="https://www.linkedin.com/in/debraj-dey/" target="_blank"><i
44+
class="fab fa-linkedin fa-lg"></i></a>
45+
</li>
46+
<li class="nav-item">
47+
<a class="nav-link" href="mailto:[email protected]@gmail.com" target="_blank"><i
48+
class="fas fa-envelope fa-lg"></i></a>
49+
</li>
50+
<li class="nav-item">
51+
<a class="nav-link" href="https://github.com/" target="_blank"><i
52+
class="fab fa-github fa-lg"></i></a>
53+
</li>
54+
</ul>
55+
</div>
56+
</nav>
57+
58+
<div class="bigdiv">
59+
<div class="card text-center">
60+
<div class="card-header" style="background-color:rgba(245, 241, 171, 0.58);"> <b>UPLOAD YOUR FILE</b>
61+
(<b>.txt</b> Files Only) </div>
62+
<div class="align" id="step1">
63+
<div class="card-body">
64+
<img height="60" width="50" src="assets/Upload2.gif" alt="Upload" loading="lazy">
65+
<br>
66+
<form method="post" enctype="multipart/form-data" class="form" id="fileform">
67+
<input class="file-input-button" type="file" id="uploadfile" class="input">
68+
69+
<input class="upload-button" type="button" id="submitbtn" class="input" value="Upload ⤒">
70+
</form>
71+
<br>
72+
</div>
73+
<!-- Upload File -->
74+
</div>
75+
</div>
76+
<br>
77+
<div class="card text-center">
78+
<div class="card-header" style="background-color:rgba(245, 241, 171, 0.58);"> <b>CHOOSE AN ACTION</b></div>
79+
<div class="align" id="step2">
80+
<div class="card-body">
81+
<img height="60" width="60" src="assets/action.gif" alt="action" loading="lazy">
82+
<br>
83+
<button type="button" id="encode" class="button">Encode ⭳</button>
84+
&nbsp or &nbsp;
85+
<button type="button" id="decode" class="button">Decode ⭳</button>
86+
<!-- Select Action -->
87+
<br>
88+
</div>
89+
</div>
90+
</div>
91+
<br>
92+
<div class="card text-center">
93+
<div class="card-header" style="background-color:rgba(245, 241, 171, 0.58);"><b>RESULT</b></div>
94+
<div class="align" id="step3">
95+
<div class="card-body">
96+
<img height="80" width="80" src="assets/hourglass.gif" alt="emoji" loading="lazy">
97+
<br>
98+
<span class="align" id="text4">
99+
<button class="reload-button" type="button" onclick="location.reload()"><b>Reload</b></button>
100+
</span>
101+
<br>
102+
</div>
103+
</div>
104+
</div>
105+
</div>
106+
107+
<footer>
108+
<p></p>
109+
</footer>
110+
111+
</body>
112+
113+
</html>

0 commit comments

Comments
 (0)