Skip to content

Commit 8bd5137

Browse files
lubiahlubiah
authored
Fixed bugs
1 parent 6aaa533 commit 8bd5137

28 files changed

+2254
-1760
lines changed

‎gui/data.yaml‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
#Mime types
2+
3+
#A
4+
application/x-dosexec : .exe
5+
audio/mpeg : .mp3
6+
application/x-font-tff : ttf
7+
application/octet-stream : .file
8+
application/zip : .zip
9+
application/x-gzip : .tar
10+
application/json : .json
11+
application/vnd.ms-fontobject : .eot
12+
application/vnd.openxmlformats-officedocument.wordprocessingml.document : .docx
13+
application/x-putty-private-key : .ppk
14+
application/csv : .csv
15+
16+
#B
17+
18+
#C
19+
20+
#D
21+
22+
#E
23+
24+
#F
25+
font/sfnt : .ttf
26+
#G
27+
28+
#H
29+
30+
#I
31+
image/gif : .gif
32+
image/png : .png
33+
image/svg : .svg
34+
#J
35+
36+
#K
37+
38+
#L
39+
40+
#M
41+
42+
#N
43+
44+
#O
45+
46+
#P
47+
48+
#Q
49+
50+
#R
51+
52+
#S
53+
54+
#T
55+
text/x-php : .php
56+
text/x-msdos-batch : .bat
57+
text/x-python : .py
58+
text/html : .html
59+
text/rtf : .rtf
60+
text/x-c++ : .cpp
61+
text/plain : .txt
62+
text/xml : .xml
63+
text/x-shellscript : .sh
64+
#U
65+
66+
#V
67+
video/mp4 : .mp4
68+
#W
69+
70+
#X
71+
72+
#Y
73+
74+
#Z

‎gui/doc/auto-detect-mode.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width = device-width, initial-scale = 1">
6+
<link rel="stylesheet" type="text/css" href="styling.css">
7+
<title>Auto-detect mode</title>
8+
</head>
9+
<body>
10+
<h1>Using the Auto-detect mode</h1>
11+
<hr>
12+
<div class="body">
13+
<div>
14+
<p>
15+
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.
16+
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>
17+
The auto-detect mode uses a simple conditional statement.<br>
18+
<span style="color: violet">if</span> your object contains base64 contents, it will decode.<br>
19+
<span style="color: violet">else</span> it will encode it.
20+
</p>
21+
<p>
22+
This mode is very useful as there are times when you don't know whether your file contains base64 contents or not.<br>
23+
Also, it speeds up the encoding and decoding because you don't need to set the mode yourself.
24+
</p>
25+
<img src="auto_detect_gif.gif" alt="A gif image showing how the auto-detect feature of Quick Base64 works" style="display: block;">
26+
<p>
27+
As you can see from the gif image above, this is how the auto-detect feature of Quick Base64 works.
28+
</p>
29+
</div>
30+
</div>
31+
</body>
32+
</html>

‎gui/doc/auto_detect_gif.gif‎

461 KB
Loading

‎gui/doc/copy_html_css.png‎

27.2 KB
Loading

‎gui/doc/copying-html-css-format.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link rel="stylesheet" type="text/css" href="styling.css">
5+
<title>Copying In HTML or CSS format</title>
6+
<meta charset="utf-8">
7+
</head>
8+
<body>
9+
<h1>Copying encoded contents in HTML / CSS format</h1>
10+
<hr>
11+
<p>
12+
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>
13+
Please note that this option is only available for base64 contents.
14+
</p>
15+
<img src="copy_html_css.png" alt="Copying in HTML or CSS format.">
16+
<div class="body">
17+
<h2>Copying contents in HTML format</h2>
18+
<p>
19+
Also note that, this option only works for images, audios and videos.<br>
20+
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>
21+
This might sound confusing so let me give an example,<br>
22+
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>
23+
Meaning Quick Base64 will generate the coresponding html tag with it's attributes.<br>
24+
Let's try another example and encode a video of type avi.<br>
25+
We will get <code>&lt;video controls src="data:video/avi;base64,base64contents"&gt;</code>.<br>
26+
So this way, the application takes care of everything, you just have to paste it into your text editor.
27+
</p>
28+
<h2>Copying contents in CSS format</h2>
29+
<p>
30+
Please note, this works for only images.<br>
31+
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>
32+
For example, if you copying an image in CSS format, you will get a results similar to this.<br>
33+
<code>url(data:image/jpg;base64, base64contents)</code>. This enables you to simply copy it inside your CSS file.
34+
</p>
35+
</div>
36+
</body>
37+
</html>

‎gui/doc/decoding.gif‎

578 KB
Loading

‎gui/doc/decoding.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Decoding an object</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width = device-width, intial-scale = 1">
7+
<link rel="stylesheet" type="text/css" href="styling.css">
8+
</head>
9+
<body>
10+
<h1>Decoding With Quick Base64</h1>
11+
<hr>
12+
<div class="body">
13+
<p>
14+
Decoding a file from base64 format is almost the same as encoding.<br>
15+
The only difference between both methods is that, in decoding, the radiobutton must be turned to decode.<br>
16+
I am not going to explain much on this much because it is similar to the encoding method.
17+
</p>
18+
<img src="decoding.gif" alt="Various way of decoding with Quick Base64">
19+
<p>
20+
From the gif above, you can see various methods on how to decode a file from base64 format.<br>
21+
Do note that, when decoding, Quick Base64 validates the contents before decoding.<br>
22+
If an object being decoded is not of type base64, it will be rejected.
23+
</p>
24+
</div>
25+
</body>
26+
</html>

‎gui/doc/dropping-file-encode.gif‎

112 KB
Loading

‎gui/doc/dropping-text-encode.gif‎

195 KB
Loading

‎gui/doc/encoding-clipboard-file.gif‎

152 KB
Loading

0 commit comments

Comments
 (0)