Skip to content

Commit

Permalink
Fixed bugs
Browse files Browse the repository at this point in the history
  • Loading branch information
lubiah authored Dec 11, 2020
1 parent 6aaa533 commit 8bd5137
Show file tree
Hide file tree
Showing 28 changed files with 2,254 additions and 1,760 deletions.
74 changes: 74 additions & 0 deletions gui/data.yaml
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
32 changes: 32 additions & 0 deletions gui/doc/auto-detect-mode.html
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>
Binary file added gui/doc/auto_detect_gif.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added gui/doc/copy_html_css.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 37 additions & 0 deletions gui/doc/copying-html-css-format.html
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>&lt;image src='data:image/jpg;base64,base64contents'&gt;</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>&lt;video controls src="data:video/avi;base64,base64contents"&gt;</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>
Binary file added gui/doc/decoding.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 26 additions & 0 deletions gui/doc/decoding.html
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>
Binary file added gui/doc/dropping-file-encode.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added gui/doc/dropping-text-encode.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added gui/doc/encoding-clipboard-file.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added gui/doc/encoding-clipboard-text.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added gui/doc/encoding-using-os-file-selector.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
84 changes: 84 additions & 0 deletions gui/doc/encoding.html
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>
29 changes: 29 additions & 0 deletions gui/doc/introduction.html
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>
9 changes: 9 additions & 0 deletions gui/doc/output/Index.hhk
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&reg; HTML Help Workshop 4.1">
<!-- Sitemap 1.0 -->
</HEAD><BODY>
<UL>
</UL>
</BODY></HTML>
33 changes: 33 additions & 0 deletions gui/doc/output/Table of Contents.hhc
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&reg; 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>
12 changes: 12 additions & 0 deletions gui/doc/output/docs.hhp
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]

12 changes: 12 additions & 0 deletions gui/doc/preview-mode.html
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>
Loading

0 comments on commit 8bd5137

Please sign in to comment.