index.html

<!-- Author : Samir Paul -->
<!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" >

	<!-- Primary Meta Tags -->
	<title>File Compressor De-compressor</title>
	<link rel="shortcut icon" href="assets/favicon.ico">
	<meta name="title" content="File Compressor De-compressor">
	<meta name="description" content="An online .txt file compressor, de-compressor tool which uses Huffman Coding for Lossless data compression.">
	<meta name="keywords" 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">
	<meta name="robots" content="index, follow">
	<meta name="google-site-verification" content="fVqw6aziPBBMvC50fkQ3A6y38AhIfhUhfDyIzqqdGTs" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="language" content="English">
	<meta name="author" content="Samir Paul">
	
	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://samirpaulb.github.io/txt-compressor/">
	<meta property="og:title" content="File Compressor De-compressor">
	<meta property="og:description" content="An online .txt file compressor, de-compressor tool which uses Huffman Coding for Lossless data compression.">
	<meta property="og:image" content="https://raw.githubusercontent.com/SamirPaulb/assets/main/text-file-compressor-decompressor-logo.png">

	<!-- Twitter -->
	<meta property="twitter:card" content="summary_large_image">
	<meta property="twitter:url" content="https://samirpaulb.github.io/txt-compressor/">
	<meta property="twitter:title" content="File Compressor De-compressor">
	<meta property="twitter:description" content="An online .txt file compressor, de-compressor tool which uses Huffman Coding for Lossless data compression.">
	<meta property="twitter:image" content="https://raw.githubusercontent.com/SamirPaulb/assets/main/text-file-compressor-decompressor-logo.png">
	<link rel="canonical" href="https://samirpaulb.github.io/txt-compressor"/>
	
	<link rel='stylesheet' type='text/css' href='styles.css'>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src='script.js' type="text/javascript"></script>
	
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-CP4QE6ZEV0"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'G-CP4QE6ZEV0');
	</script>
	
</head>


<!-- <body > -->
<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
			<a class="navbar-brand" href="index.html">
				<img src="assets/txt-logo.png" width="30" height="30" class="d-inline-block align-top" alt="txt-logo" loading="lazy">
				Compress or De-compress .txt files in just 2 steps!
			  </a>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0"></ul>
                <ul class="nav navbar-nav navbar-right">
					<a class="nav-link active" aria-current="page" href="info.html" target = "_blank" >Know About This Compression Technique💡</a>
				</ul>
            </div>
        </div>
    </nav>
	
	<div class="bigdiv">
		<div class="card text-center">
		<div class="card-header" style="background-color:rgba(245, 241, 171, 0.58);"> <b>STEP 1</b>: UPLOAD YOUR FILE (<b>.txt</b> Files Only) </div>
		<div class="align" id="step1">
			<div class="card-body">
				<img height="50" width="50" src="assets/upload.gif" alt="Upload" loading="lazy">
				<br>
			<form method="post" enctype="multipart/form-data" class="form" id="fileform">
				<input class="file-input-button" type="file" id="uploadfile"  class="input">
				
				<input class="upload-button" type="button" id="submitbtn"  class="input" value="Upload ⤒">
			</form>
			<br>
		</div>
			<!-- Upload File -->
		</div>
		 </div>
		 <br>
		<div class="card text-center">
			<div class="card-header" style="background-color:rgba(245, 241, 171, 0.58);"> <b>STEP 2</b>: SELECT ACTION </div>
				<div class="align" id="step2">
					<div class="card-body">
						<img height="60" width="60" src="assets/action.gif" alt="action" loading="lazy">
						<br>
					<!-- &emsp;&emsp;&emsp;&emsp; -->
						<button type="button" id="encode" class="button" >Compress ⭳</button>
						&nbsp or &nbsp;
					<!-- &emsp;&emsp;&emsp;&emsp; -->
						<button type="button" id="decode" class="button" >De-compress ⭳</button>
			<!-- Select Action -->
						<br>
					</div>
				</div>
		</div>
		<br>
		<div class="card text-center">
			<div class="card-header" style="background-color:rgba(245, 241, 171, 0.58);">SIT BACK AND RELAX</div>
				<div class="align" id="step3" >
					<div class="card-body">
						<img height="60" width="60" src="assets/emoji.gif" alt="emoji" loading="lazy">
						<br>
						<span class="align" id="text4">
						<button class="reload-button" type="button" onclick="location.reload()" >Reload</button> to Start Again! 
						</span>
					<br>
			<!-- Wait a moment -->
				</div>
			</div>
		</div>
	</div>

	
<footer>
  <p></p>
</footer>
	
</body>

</html>