-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
28 changed files
with
2,254 additions
and
1,760 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
#Mime types | ||
|
||
#A | ||
application/x-dosexec : .exe | ||
audio/mpeg : .mp3 | ||
application/x-font-tff : ttf | ||
application/octet-stream : .file | ||
application/zip : .zip | ||
application/x-gzip : .tar | ||
application/json : .json | ||
application/vnd.ms-fontobject : .eot | ||
application/vnd.openxmlformats-officedocument.wordprocessingml.document : .docx | ||
application/x-putty-private-key : .ppk | ||
application/csv : .csv | ||
|
||
#B | ||
|
||
#C | ||
|
||
#D | ||
|
||
#E | ||
|
||
#F | ||
font/sfnt : .ttf | ||
#G | ||
|
||
#H | ||
|
||
#I | ||
image/gif : .gif | ||
image/png : .png | ||
image/svg : .svg | ||
#J | ||
|
||
#K | ||
|
||
#L | ||
|
||
#M | ||
|
||
#N | ||
|
||
#O | ||
|
||
#P | ||
|
||
#Q | ||
|
||
#R | ||
|
||
#S | ||
|
||
#T | ||
text/x-php : .php | ||
text/x-msdos-batch : .bat | ||
text/x-python : .py | ||
text/html : .html | ||
text/rtf : .rtf | ||
text/x-c++ : .cpp | ||
text/plain : .txt | ||
text/xml : .xml | ||
text/x-shellscript : .sh | ||
#U | ||
|
||
#V | ||
video/mp4 : .mp4 | ||
#W | ||
|
||
#X | ||
|
||
#Y | ||
|
||
#Z |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width = device-width, initial-scale = 1"> | ||
<link rel="stylesheet" type="text/css" href="styling.css"> | ||
<title>Auto-detect mode</title> | ||
</head> | ||
<body> | ||
<h1>Using the Auto-detect mode</h1> | ||
<hr> | ||
<div class="body"> | ||
<div> | ||
<p> | ||
The auto-detect mode is nothing unique, it's just a bit of common sense. When you check the auto-detect to on, it over-rides the radiobuttons value. | ||
That is, even if the radio button is set to encode, and your file needs to be decoded, it will over-ride the encode and decode your file.<br> | ||
The auto-detect mode uses a simple conditional statement.<br> | ||
<span style="color: violet">if</span> your object contains base64 contents, it will decode.<br> | ||
<span style="color: violet">else</span> it will encode it. | ||
</p> | ||
<p> | ||
This mode is very useful as there are times when you don't know whether your file contains base64 contents or not.<br> | ||
Also, it speeds up the encoding and decoding because you don't need to set the mode yourself. | ||
</p> | ||
<img src="auto_detect_gif.gif" alt="A gif image showing how the auto-detect feature of Quick Base64 works" style="display: block;"> | ||
<p> | ||
As you can see from the gif image above, this is how the auto-detect feature of Quick Base64 works. | ||
</p> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,37 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<link rel="stylesheet" type="text/css" href="styling.css"> | ||
<title>Copying In HTML or CSS format</title> | ||
<meta charset="utf-8"> | ||
</head> | ||
<body> | ||
<h1>Copying encoded contents in HTML / CSS format</h1> | ||
<hr> | ||
<p> | ||
This option is mainly for web developers, it allows you to copy the results in a way which you can insert in your html or css file.<br> | ||
Please note that this option is only available for base64 contents. | ||
</p> | ||
<img src="copy_html_css.png" alt="Copying in HTML or CSS format."> | ||
<div class="body"> | ||
<h2>Copying contents in HTML format</h2> | ||
<p> | ||
Also note that, this option only works for images, audios and videos.<br> | ||
When ever you encode a file which belongs to any of these three groups, Quick Base64 will allow you to copy it in HTML format.<br> | ||
This might sound confusing so let me give an example,<br> | ||
If you encode an image of type JPG and you copy it in HTML format, you will get <code><image src='data:image/jpg;base64,base64contents'></code>.<br> | ||
Meaning Quick Base64 will generate the coresponding html tag with it's attributes.<br> | ||
Let's try another example and encode a video of type avi.<br> | ||
We will get <code><video controls src="data:video/avi;base64,base64contents"></code>.<br> | ||
So this way, the application takes care of everything, you just have to paste it into your text editor. | ||
</p> | ||
<h2>Copying contents in CSS format</h2> | ||
<p> | ||
Please note, this works for only images.<br> | ||
In CSS, when specifying the background image of an element, you can use base64.<br>This application makes it easy to get your image into your css file.<br> | ||
For example, if you copying an image in CSS format, you will get a results similar to this.<br> | ||
<code>url(data:image/jpg;base64, base64contents)</code>. This enables you to simply copy it inside your CSS file. | ||
</p> | ||
</div> | ||
</body> | ||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>Decoding an object</title> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width = device-width, intial-scale = 1"> | ||
<link rel="stylesheet" type="text/css" href="styling.css"> | ||
</head> | ||
<body> | ||
<h1>Decoding With Quick Base64</h1> | ||
<hr> | ||
<div class="body"> | ||
<p> | ||
Decoding a file from base64 format is almost the same as encoding.<br> | ||
The only difference between both methods is that, in decoding, the radiobutton must be turned to decode.<br> | ||
I am not going to explain much on this much because it is similar to the encoding method. | ||
</p> | ||
<img src="decoding.gif" alt="Various way of decoding with Quick Base64"> | ||
<p> | ||
From the gif above, you can see various methods on how to decode a file from base64 format.<br> | ||
Do note that, when decoding, Quick Base64 validates the contents before decoding.<br> | ||
If an object being decoded is not of type base64, it will be rejected. | ||
</p> | ||
</div> | ||
</body> | ||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,84 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<title>Encoding a file</title> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width = device-width, initial-scale =1"> | ||
<link rel="stylesheet" type="text/css" href="styling.css"> | ||
</head> | ||
<body> | ||
<h1>Encoding With Quick Base64</h1> | ||
<hr> | ||
<div class="body"> | ||
<div> | ||
<p> | ||
Encoding an object into base64 is easy with Quick Base64.<br> | ||
However, there are many ways which you can encode your object. | ||
Some of the methods include: <br> | ||
<ul> | ||
<li> | ||
<a href="#dropping-a-file-to-encode">Dropping a file on the application.</a> | ||
</li> | ||
<li> | ||
<a href="#dropping-text-encode">Dropping text onto the application.</a> | ||
</li> | ||
<li> | ||
<a href="#loading-text-clipboard">Loading a text from your system clipboard.</a> | ||
</li> | ||
<li> | ||
<a href="#loading-file-clipboard">Loading a file from your system clipboard.</a> | ||
</li> | ||
<li> | ||
<a href="#loading-file-using-os-file-selector">Loading a file using your OS file selector</a> | ||
</li> | ||
</ul> | ||
</p> | ||
</div> | ||
<div> | ||
<h2 id="dropping-a-file-to-encode">Dropping a file on the application</h2> | ||
<img src="dropping-file-encode.gif" alt="Dropping a file to encode"> | ||
<p> | ||
To use this method to encode a file, the radiobutton must be set to encode.<br> | ||
Then, you drop a file and the encoded results will be displayed in the next panel. | ||
</p> | ||
</div> | ||
<div> | ||
<h2 id="dropping-text-encode">Dropping a text onto the application to encode</h2> | ||
<img src="dropping-text-encode.gif" alt="Dropping a text to encode"> | ||
<p> | ||
To encode a group of text, just select all the text you want to encode<br> | ||
Then you drag the text from your application and drop it onto Quick Base64.<br> | ||
After dropping the file, the encoded contents will be shown in the next panel. | ||
</p> | ||
</div> | ||
<div> | ||
<h2 id="loading-file-clipboard">Loading a file from system clipboard</h2> | ||
<img src="encoding-clipboard-file.gif" alt="Encoding a file from your system cliboard"> | ||
<p> | ||
Quick Base64 allows you to encode a file which is in your system clipboard.<br> | ||
To encode a file, first copy the file to your clipboard.<br> | ||
Then open the application and right-click on the drop area.<br> | ||
A context menu will appear then you select Clipboard (File) option.<br> | ||
The encoded results will appear in the results panel. | ||
</p> | ||
</div> | ||
<div> | ||
<h2 id="loading-text-clipboard">Loading a text from system clipboard</h2> | ||
<img src="encoding-clipboard-text.gif" alt="Encoding text in your system clipboard"> | ||
<p> | ||
You can also encode text which you have copied to your system clipboard.<br> | ||
First copy the text to your clipboard.<br> | ||
Then you right-click the drop area.<br> | ||
A context menu will appear then you select the Clipboard (text) option. | ||
</p> | ||
</div> | ||
<div> | ||
<h2 id="loading-file-using-os-file-selector">Loading a file using your OS file selector</h2> | ||
<img src="encoding-using-os-file-selector.gif" alt="Encoding a file using your operating system file selector"> | ||
<p> | ||
Also, you can select a file using your operating system file selector. | ||
</p> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" type="text/css" href="styling.css"> | ||
<meta name="viewport" content="width = device-width, initial-scale = 1"> | ||
<title>Introduction</title> | ||
</head> | ||
<body> | ||
<h1>Introduction to Quick Base64</h1> | ||
<hr> | ||
<div class="body"> | ||
<p> | ||
<strong>Quick Base64</strong> is an application which converts your files into base64 format.<br> | ||
Not only can it encode, it can also decode your base64 contents to it's original file. The application has a minimalistic interface which makes it's usage very easy. | ||
</p> | ||
|
||
<h2>Features</h2> | ||
<p> | ||
The application comes packaged with features which makes encoding and decoding very easy. | ||
</p> | ||
<ul> | ||
<li><a href="auto-detect-mode.html">Auto-detection</a> for encoding and decoding.</li> | ||
<li>Converting from base64 to original file using mime type to generate file extension.</li> | ||
<li>Copying encoded base64 contents in HTML or CSS format.</li> | ||
<li>Preview mode which allows you to view the original contents from a base64 file</li> | ||
</ul> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | ||
<HTML> | ||
<HEAD> | ||
<meta name="GENERATOR" content="Microsoft® HTML Help Workshop 4.1"> | ||
<!-- Sitemap 1.0 --> | ||
</HEAD><BODY> | ||
<UL> | ||
</UL> | ||
</BODY></HTML> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | ||
<HTML> | ||
<HEAD> | ||
<meta name="GENERATOR" content="Microsoft® HTML Help Workshop 4.1"> | ||
<!-- Sitemap 1.0 --> | ||
</HEAD><BODY> | ||
<OBJECT type="text/site properties"> | ||
<param name="ImageType" value="Folder"> | ||
</OBJECT> | ||
<UL> | ||
<LI> <OBJECT type="text/sitemap"> | ||
<param name="Name" value="Introduction"> | ||
<param name="Local" value="..\introduction.html"> | ||
</OBJECT> | ||
<LI> <OBJECT type="text/sitemap"> | ||
<param name="Name" value="Using the application"> | ||
</OBJECT> | ||
<UL> | ||
<LI> <OBJECT type="text/sitemap"> | ||
<param name="Name" value="User Interface"> | ||
<param name="Local" value="..\user_interface.html"> | ||
</OBJECT> | ||
<LI> <OBJECT type="text/sitemap"> | ||
<param name="Name" value="encoding to base64"> | ||
<param name="Local" value="..\encoding.html"> | ||
</OBJECT> | ||
<LI> <OBJECT type="text/sitemap"> | ||
<param name="Name" value="decoding from base64"> | ||
<param name="Local" value="..\decoding.html"> | ||
</OBJECT> | ||
</UL> | ||
</UL> | ||
</BODY></HTML> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
[OPTIONS] | ||
Compatibility=1.1 or later | ||
Compiled file=docs.chm | ||
Contents file=Table of Contents.hhc | ||
Default topic=introduction.html | ||
Display compile progress=Yes | ||
Index file=Index.hhk | ||
Language=0x409 English (United States) | ||
|
||
|
||
[INFOTYPES] | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>Preview mode</title> | ||
<meta charset="utf-8"> | ||
<link rel="stylesheet" type="text/css" href="styling.css"> | ||
<meta name="viewport" content="width = device-width, initial-scale = 1"> | ||
</head> | ||
<body> | ||
|
||
</body> | ||
</html> |
Oops, something went wrong.