forked from amjadtbssm/MediaCleaner
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (160 loc) · 9.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<title>MediaCleaner - Your free Media Collection Cleaner</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./assets/css/bootstrap.min.css">
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/icon/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/icon/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/icon/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="./assets/icon/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="./assets/icon/favicon.png">
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./index.html"><span class="glyphicon glyphicon-film"></span> MediaCleaner</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="./index.html"><span class="glyphicon glyphicon-home"></span> Home</a></li>
<li> <button type="button" class="btn btn-danger btn-sm navbar-btn" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-info-sign"></span> About MediaCleaner</button></li>
</ul>
</div>
</div>
</nav>
<div id="homeslides" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#homeslides" data-slide-to="0" class="active"></li>
<li data-target="#homeslides" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="./images/img1.jpg" alt="Media Cleaner">
</div>
<div class="item">
<img src="./images/img2.jpg" alt="Media Cleaner">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#homeslides" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#homeslides" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container"><br>
<div class="row test">
<div class="col-sm-8">
<div class="panel panel-danger text-center">
<div class="panel-heading">MediaCleaner - Your free Media Collection Cleaner</div>
<div class="panel-body text-left">
<img class="img-responsive" src="MCBanner.png" style="float:left;">
<h3>Your free Media Collection Cleaner</h3>
<p>Remove unwanted media files, clean your media collection with ease and gain more free space for your favorites!</p>
<p>MediaCleaner supports all major media files which are common now a days like MP4, MP3, Wav(Wave), MPG(MPEG), MKV, FLV, WMV, AVI and DVD VOB files.</p>
<p>MediaCleaner has all the basic features of a Media Player like play, pause, stop, next and previous functions. It also has a volume control. The player can also be muted by clicking the speaker icon on the main interface dialog. The files deleted from hard disk are sent to recycle bin and the files deleted from Flash/USB Stick or Removable media are permanently deleted. (Be careful when deleting from removable media/usb stick.)</p>
<hr />
<h3>The main interface</h3>
<p>The main interface is based on the state of the art music collection cleaning utility <a href="https://amjadtbssm.github.io/MusicCleaner/" target="_blank"><span class="glyphicon glyphicon-music"></span> Music Cleaner</a>. You select a folder/directory of your media collection by clicking <b>Select Folder to Clean</b> and set your Copy/Move to folder in <b>Settings</b>. Now you can <b>Rename, Delete, Copy and Move</b> your media files without leaving the software.
<img class="img-responsive" src="main_window.png">
<h3>The Settings Dialog</h3>
<p>In the settings dialog you can set your Copy and Move to folder. When your click <b>Copy</b> in MediaCleaner files will be copied to the <b>Copy to Folder/Directory</b> set in the settings window and same is the case with Move to Option which moves the files to <b>Move to Folder/Directory</b>. If you type a path instead of browsing the folder will be created by Media Cleaner if it does not exists.</p>
<img class="img-responsive" src="settings_window.png">
<h3>The about Dialog</h3>
<p>This dialog shows the program information</p>
<img class="img-responsive" src="about.png">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-danger text-center">
<div class="panel-heading">Products</div>
<div class="panel-body text-center">
<a href="https://amjadtbssm.github.io/MusicCleaner/" target="_blank"><span class="glyphicon glyphicon-music"></span> Music Cleaner</a>
<p><a href="https://amjadtbssm.github.io/MusicCleaner/" target="_blank"><img src="music_cleaner_box.png" alt="" style="align:center;"></a></p>
<a href="https://amjadtbssm.github.io/MediaCleaner/" target="_blank"><span class="glyphicon glyphicon-film"></span> Media Cleaner</a>
<p><a href="https://amjadtbssm.github.io/MediaCleaner/" target="_blank"><img src="media_cleaner_box.png" alt="" style="align:center;"></a></p>
</div>
</div>
<div class="panel panel-danger text-center">
<div class="panel-heading">Download the latest version</div>
<div class="panel-body text-center">
<p>Download the latest version of MediaCleaner from Github release page.</p>
<a href="https://github.com/amjadtbssm/MediaCleaner/releases/" target="_blank"><button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-download-alt"></span> Download Now!</button></a>
</div>
</div>
<div class="panel panel-danger text-center">
<div class="panel-heading">Made with love in Pakistan</div>
<div class="panel-body text-center">
<p>This product is OpenSource, to contribute to its development please visit its source page on <a href="https://github.com/amjadtbssm/MediaCleaner/" target="_blank">GitHub</a>.</p>
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal2"><span class="glyphicon glyphicon-star"></span> About Me</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">About MediaCleaner</h4>
</div>
<div class="modal-body">
<p>
<img class="img-responsive" width="150" Height="150" src="./assets/logo.png" style="float:left;">
<h4>Your free Media Collection Cleaner</h4>
Remove unwanted media files, clean your media collection with ease and gain more free space for your favorites!
</p>
<p>MediaCleaner supports all major media files which are common now a days like MP4, MP3, Wav(Wave), MPG(MPEG), MKV, FLV, WMV, AVI and DVD VOB files.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<!-- Second Modal -->
<div class="modal fade" id="myModal2" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">About Me</h4>
</div>
<div class="modal-body">
<p>
<img class="img-responsive" width="150" Height="150" src="./assets/author.png" style="float:left;">
Hi There I’m AMjAD TABASSUM, a hobbiest programmer and Freelance Graphic Designer living in Islamic Republic of Pakistan. Feel free to contact me for bug reports as well as feature requests by following me on my blog or through GitHub by visiting my <a href="https://github.com/amjadtbssm" target="_blank">profile</a> page. You can also visit my <a href="https://amjadtbssm.blogspot.com" target="_blank">blog</a> for more cool stuff.
</p>
<p>If you want me to build software for you, I am available for hire. For further details you can E-Mail me on [email protected] or contact me via GitHub.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Ok</button>
</div>
</div>
</div>
</div>
<!-- End Second Modal -->
<br>
<div class="alert alert-danger text-center">
<a href="https://amjadtbssm.github.io" class="alert-link"><strong>Copyright (c) AMjAD TABASSUM, All rights reserved</strong></a>
</div>
</body>
</html>