Changeset View
Changeset View
Standalone View
Standalone View
index.html
1 | 1 | --- | |||
---|---|---|---|---|---|
2 | <!doctype html> | 2 | title: "KDE JuK Media Player" | ||
3 | 3 | layout: default | |||
4 | <html lang="en"> | 4 | css-include: /css/main.css | ||
5 | <head> | 5 | --- | ||
6 | <meta charset="utf-8" /> | 6 | | ||
7 | <meta name="viewport" content="width=1024" /> | 7 | <section id="kHeader" class="carousel"> | ||
8 | <meta name="apple-mobile-web-app-capable" content="yes" /> | 8 | <div class="carousel-item active"> | ||
9 | 9 | <div class="carousel-item-content pl-4 pr-4"> | |||
10 | <title>KDE JuK Media Player</title> | 10 | <div class="slide-background" style="background-image: url(/assets/img/screenshot.png)"></div> | ||
11 | 11 | <div class="carousel-text-overlay"> | |||
12 | <!-- SEO Ultimate --> | 12 | <h1>{{ site.title }}</h1> | ||
13 | <meta name="author" content="KDE Multimedia" /> | 13 | <p>{{ site.description }}</p> | ||
14 | <meta name="keywords" content="JuK, juk, kde, KDE, Multimedia, download, devlopement, contribute, install, kde-multimedia, kde multimedia, Music, Player, music player, tag, guess, metadata, media player" /> | | |||
15 | <meta name="description" content="JuK is a music player and music manager. It help you maintain your songs and modify their metadata tags" /> | | |||
16 | <meta property="og:type" content="article" /> | | |||
17 | <meta property="og:title" content="KDE JuK Media Player" /> | | |||
18 | <meta property="og:description" content="JuK is a music player and music manager. It help you maintain your songs and modify their metadata tags." /> | | |||
19 | <meta property="og:url" content="http://juk.kde.org/" /> | | |||
20 | <meta property="og:site_name" content="KDE JuK Media Player Homepage" /> | | |||
21 | <!-- | | |||
22 | <meta property="article:published_time" content="2013-10-26" /> | | |||
23 | <meta property="article:modified_time" content="2013-11-04" /> | | |||
24 | --> | | |||
25 | <meta name="twitter:card" content="summary" /> | | |||
26 | <meta name="twitter:url" content="http://juk.kde.org/"> | | |||
27 | <meta name="twitter:creator" content="@iShubhamCh"> | | |||
28 | <meta name="twitter:site" content="@iShubhamCh"> | | |||
29 | <meta name="twitter:title" content="KDE JuK Media Player Homepage"> | | |||
30 | <meta name="twitter:domain" content="http://juk.kde.org"> | | |||
31 | <meta name="twitter:image" content="http://juk.kde.org/favicon.png"> | | |||
32 | | ||||
33 | <meta name="robots" content="index, follow" /> | | |||
34 | <!-- /SEO Ultimate --> | | |||
35 | | ||||
36 | <link rel="shortcut icon" href="favicon.png" type="image/png" /> | | |||
37 | <link rel="icon" href="favicon.png" type="image/png" /> | | |||
38 | | ||||
39 | <!-- including bootstrap files --> | | |||
40 | <link href="css/bootstrap.min.css" rel="stylesheet"> | | |||
41 | <style> | | |||
42 | .page-header { | | |||
43 | border-bottom: 1px solid #EEEEEE; | | |||
44 | margin: 90px 0 20px; | | |||
45 | padding-bottom: 9px; | | |||
46 | } | | |||
47 | | ||||
48 | .carosel img{ | | |||
49 | height:500px; | | |||
50 | width: 900px; | | |||
51 | } | | |||
52 | .shadow { | | |||
53 | -moz-box-shadow: 3px 3px 5px 6px #ccc; | | |||
54 | -webkit-box-shadow: 3px 3px 5px 6px #ccc; | | |||
55 | box-shadow: 3px 3px 5px 6px #ccc; | | |||
56 | } | | |||
57 | | ||||
58 | </style> | | |||
59 | </head> | | |||
60 | | ||||
61 | | ||||
62 | <body> | | |||
63 | <!-- github ribbon | | |||
64 | | ||||
65 | <a href="https://projects.kde.org/projects/kde/kdemultimedia/juk/repository"><img style="position: absolute; top: 50; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me"></a> | | |||
66 | | ||||
67 | --> | | |||
68 | | ||||
69 | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | | |||
70 | <div class="container"> | | |||
71 | <div class="navbar-header"> | | |||
72 | <button data-target=".navbar-ex1-collapse" data-toggle="collapse" class="navbar-toggle" type="button"> | | |||
73 | <span class="sr-only">Toggle navigation</span> | | |||
74 | <span class="icon-bar"></span> | | |||
75 | <span class="icon-bar"></span> | | |||
76 | <span class="icon-bar"></span> | | |||
77 | </button> | | |||
78 | <a href="index.html" class="navbar-brand">KDE - JuK</a> | | |||
79 | </div> | | |||
80 | | ||||
81 | <div class="collapse navbar-collapse navbar-ex1-collapse"> | | |||
82 | <ul class="nav navbar-nav navbar-right"> | | |||
83 | <li class="active"><a href="#juk">About</a></li> | | |||
84 | <li><a href="#development">Development</a></li> | | |||
85 | <li><a href="http://docs.kde.org/stable/en/kdemultimedia/juk/index.html">Wiki/Documentation</a></li> | | |||
86 | <li><a href="#screenshots">Screenshots</a></li> | | |||
87 | <li class="dropdown"> | | |||
88 | <a data-toggle="dropdown" class="dropdown-toggle" href="#">Releases <b class="caret"></b></a> | | |||
89 | <ul class="dropdown-menu"> | | |||
90 | <li><a href="ftp://ftp.kde.org/pub/kde/stable/latest">JuK Latest</a></li> | | |||
91 | <li><a href="http://developer.kde.org/~wheeler/files/src/juk-1.95a.tar.gz">JuK 1.95</a></li> | | |||
92 | <li><a href="http://developer.kde.org/~wheeler/files/src/juk-1.1.tar.gz">JuK 1.1</a></li> | | |||
93 | <li><a href="http://developer.kde.org/~wheeler/files/src/juk-1.0-1.tar.gz">JuK 1.0</a></li> | | |||
94 | </ul> | | |||
95 | </li> | | |||
96 | <li><a href="#contactus">Contact Us</a></li> | | |||
97 | </ul> | | |||
98 | </div> | | |||
99 | | ||||
100 | </div> | 14 | </div> | ||
101 | </nav> | | |||
102 | | ||||
103 | | ||||
104 | | ||||
105 | <div class="container"> | | |||
106 | <div class="row"> | | |||
107 | <div class="col-lg-12"> | | |||
108 | <h1 class="page-header">A KDE Jukebox</h1> | | |||
109 | </div> | 15 | </div> | ||
110 | </div> | 16 | </div> | ||
111 | 17 | </section> | |||
112 | <div class="row"> | 18 | | ||
113 | <div class="col-lg-12"> | 19 | <main aria-label="Content" style="margin-right=none;" id="content" class="container"> | ||
114 | 20 | <h1 id="about">{{ site.title }} - {{ site.description }}</h1> | |||
115 | <!-- sliderman.js --> | 21 | <p style="max-width:none;"><b>Juk</b> is a music player and a music manager. | ||
116 | <script type="text/javascript" src="js/sliderman.1.3.7.js"></script> | | |||
117 | <link rel="stylesheet" type="text/css" href="css/sliderman.css" /> | | |||
118 | <!-- /sliderman.js --> | | |||
119 | <div class="row"> | | |||
120 | <div class="col-md-8"> | | |||
121 | | ||||
122 | <div id="wrapper"> | | |||
123 | | ||||
124 | <div id="examples_outer"> | | |||
125 | | ||||
126 | <div id="slider_container_2"> | | |||
127 | | ||||
128 | <div id="SliderName_2" class="SliderName_2"> | | |||
129 | <img src="img/screenshots/juk-3.10.1-main.png" width="700" height="450" alt="Home" title="Home" /> | | |||
130 | <div class="SliderName_2Description">JuK <strong>Home</strong></div> | | |||
131 | <img src="img/screenshots/juk-3.10.1-notify.png" width="700" height="450" alt="Music Player" title="Music Player" /> | | |||
132 | <div class="SliderName_2Description">JuK <strong>Music Player</strong></div> | | |||
133 | <img src="img/screenshots/juk-3.10.1-tag.png" width="700" height="450" alt="Tag Editor" title="Tag Editor" /> | | |||
134 | <div class="SliderName_2Description">JuK <strong>Tag Editor</strong></div> | | |||
135 | <img src="img/screenshots/juk-3.10.1-tree.png" width="700" height="450" alt="Music Manager" title="Music Manager" /> | | |||
136 | <div class="SliderName_2Description">JuK <strong>Music Manager</strong></div> | | |||
137 | </div> | | |||
138 | <div class="c"></div> | | |||
139 | <div id="SliderNameNavigation_2"></div> | | |||
140 | <div class="c"></div> | | |||
141 | | ||||
142 | <script type="text/javascript"> | | |||
143 | effectsDemo2 = 'rain,stairs,fade'; | | |||
144 | var demoSlider_2 = Sliderman.slider({container: 'SliderName_2', width: 700, height: 450, effects: effectsDemo2, | | |||
145 | display: { | | |||
146 | autoplay: 3000, | | |||
147 | loading: {background: '#000000', opacity: 0.5, image: 'img/loading.gif'}, | | |||
148 | buttons: {hide: true, opacity: 1, prev: {className: 'SliderNamePrev_2', label: ''}, next: {className: 'SliderNameNext_2', label: ''}}, | | |||
149 | description: {hide: true, background: '#000000', opacity: 0.4, height: 50, position: 'bottom'}, | | |||
150 | navigation: {container: 'SliderNameNavigation_2', label: '<img src="img/clear.gif" />'} | | |||
151 | } | | |||
152 | }); | | |||
153 | </script> | | |||
154 | <div class="c"></div> | | |||
155 | </div> | | |||
156 | <div class="c"></div> | | |||
157 | </div> | | |||
158 | | ||||
159 | <div class="c"></div> | | |||
160 | </div> | | |||
161 | </div> | | |||
162 | <div class="col-md-4"> | | |||
163 | <a name="juk"><h2 class="page-header">JuK</h2></a> | | |||
164 | <p>JuK is a music player and a music manager. | | |||
165 | JuK is, well, at its heart, a jukebox. | 22 | JuK is, well, at its heart, a jukebox. | ||
166 | As is typical with many jukebox applications, | 23 | As is typical with many jukebox applications, | ||
167 | JuK allows you to edit the tags of your audio files, | 24 | JuK allows you to edit the tags of your audio files, | ||
168 | and manage your collection and playlists. | 25 | and manage your collection and playlists. | ||
169 | JuK is part of the KDE Multimedia package. | 26 | JuK is part of the KDE Multimedia package. | ||
170 | JuK packages are distributed with basically all current Linux and many Unix distributions. </p> | 27 | JuK packages are distributed with basically all current Linux and many Unix distributions.</p> | ||
171 | </div> | | |||
172 | 28 | | |||
173 | </div> | 29 | <h2>Features</h2> | ||
174 | 30 | | |||
175 | </div> | | |||
176 | </div> | | |||
177 | 31 | | |||
178 | <div class="row"> | 32 | <div class="block"> | ||
179 | <div class="col-md-7"> | 33 | <div class="kAppInfo-content"> | ||
180 | <a name="features"><h2 class="page-header" >Features</h2></a> | | |||
181 | <ul> | 34 | <ul> | ||
182 | <li>Collection list and multiple user defined playlists</li><li>Ability to scan directories to automatically import playlists and music files on start up</li><li>Dynamic Search Playlists that are automatically updated as fields in the collection change.</li><li>A Tree View mode where playlists are automatically generated for sets of albums, artists and genres.</li><li>Playlist history to indicate which files have been played and when.</li><li>Inline search for filtering the list of visible items.</li><li>The ability to guess tag information from the file name or using MusicBrainz online lookup.</li><li>File renamer that can rename files based on the tag content.</li><li>ID3v1, ID3v2 and Ogg Vorbis tag reading and editing support (via TagLib).</li> | 35 | <li>Collection list and multiple user defined playlists</li> | ||
36 | <li>Ability to scan directories to automatically import playlists and music files on start up</li> | ||||
37 | <li>Dynamic Search Playlists that are automatically updated as fields in the collection change.</li> | ||||
38 | <li>A Tree View mode where playlists are automatically generated for sets of albums, artists and genres.</li> | ||||
39 | <li>Playlist history to indicate which files have been played and when.</li> | ||||
40 | <li>Inline search for filtering the list of visible items.</li> | ||||
41 | <li>The ability to guess tag information from the file name or using MusicBrainz online lookup.</li> | ||||
42 | <li>File renamer that can rename files based on the tag content.</li> | ||||
43 | <li>ID3v1, ID3v2 and Ogg Vorbis tag reading and editing support (via TagLib).</li> | ||||
183 | </ul> | 44 | </ul> | ||
184 | </div> | 45 | </div> | ||
46 | </div> | ||||
185 | 47 | | |||
186 | <div class="col-md-4"> | 48 | <h2 id="development">Development</h2> | ||
187 | <a name="development"><h2 class="page-header">Development</h2></a> | 49 | | ||
50 | <div class="block"> | ||||
51 | <div class="kAppInfo-content"> | ||||
188 | <p>If you'd like to get involved in JuK development, please send patches and | 52 | <p>If you'd like to get involved in JuK development, please send patches and | ||
189 | whatnot to <a href="mailto:kde-multimedia@kde.org">kde-multimedia@kde.org</a>.</p> | 53 | whatnot to <a href="mailto:kde-multimedia@kde.org">kde-multimedia@kde.org</a>.</p> | ||
190 | <p>General information on developing in and for KDE, including instructions on how | 54 | <p>General information on developing in and for KDE, including instructions on how | ||
191 | to fetch packages from CVS are included in the <a href="http://techbase.kde.org/Development">KDE | 55 | to fetch packages from CVS are included in the <a href="http://techbase.kde.org/Development">KDE | ||
192 | Developers' Corner</a>.</p> | 56 | Developers' Corner</a>.</p> | ||
193 | Visit here for <a href="http://www.kde.org/applications/multimedia/juk/development"><strong>Development Information</strong></a> | 57 | Visit here for <a href="http://www.kde.org/applications/multimedia/juk/development"><strong>Development Information</strong></a> | ||
194 | </div> | 58 | </div> | ||
195 | | ||||
196 | | ||||
197 | <!-- | | |||
198 | <div class="row"> | | |||
199 | <div class="col-lg-12"> | | |||
200 | <a name="features"><h2 class="page-header" style="margin-top:20px;">Features</h2></a> | | |||
201 | <ul> | | |||
202 | <li>Collection list and multiple user defined playlists</li><li>Ability to scan directories to automatically import playlists and music files on start up</li><li>Dynamic Search Playlists that are automatically updated as fields in the collection change.</li><li>A Tree View mode where playlists are automatically generated for sets of albums, artists and genres.</li><li>Playlist history to indicate which files have been played and when.</li><li>Inline search for filtering the list of visible items.</li><li>The ability to guess tag information from the file name or using MusicBrainz online lookup.</li><li>File renamer that can rename files based on the tag content.</li><li>ID3v1, ID3v2 and Ogg Vorbis tag reading and editing support (via TagLib).</li> | | |||
203 | </ul> | | |||
204 | </div> | | |||
205 | --> | | |||
206 | | ||||
207 | </div> | | |||
208 | | ||||
209 | | ||||
210 | <div class="row"> | | |||
211 | | ||||
212 | <div class="col-lg-12"> | | |||
213 | <a name="screenshots"><h2 class="page-header" style="margin-top:20px;">Screenshots</h2></a> | | |||
214 | </div> | 59 | </div> | ||
215 | 60 | | |||
216 | <div class="col-sm-4"> | | |||
217 | <a href="img/screenshots/juk-3.10.1-main.png"> | | |||
218 | <img src="img/screenshots/juk-3.10.1-main.png" style="width:450px;height:210px;" class="img-responsive shadow"> | | |||
219 | </a> | | |||
220 | <h5 align="center">JuK 3.10.1</h5> | | |||
221 | <p></p> | | |||
222 | </div> | | |||
223 | 61 | | |||
224 | <div class="col-sm-4"> | | |||
225 | <a href="img/screenshots/juk-3.10.1-tag.png"> | | |||
226 | <img style="width:450px;height:210px;" src="img/screenshots/juk-3.10.1-tag.png" class="img-responsive shadow"> | | |||
227 | </a> | | |||
228 | <h5 align="center">Tag Editor</h5> | | |||
229 | <p></p> | | |||
230 | </div> | | |||
231 | 62 | | |||
232 | <div class="col-sm-4"> | 63 | <h2 id="screenshots">Screenshots</h2> | ||
233 | <a href="img/screenshots/juk-3.10.1-tag_multi.png"> | | |||
234 | <img style="width:450px;height:210px;" src="img/screenshots/juk-3.10.1-tag_multi.png" class="img-responsive shadow"> | | |||
235 | </a> | | |||
236 | <h5 align="center">Multi-line Tag Editor</h5> | | |||
237 | <p></p> | | |||
238 | </div> | | |||
239 | <br> | | |||
240 | <div class="col-sm-4"> | | |||
241 | <a href="img/screenshots/juk-3.10.1-tree.png"> | | |||
242 | <img src="img/screenshots/juk-3.10.1-tree.png" style="width:450px;height:210px;" class="img-responsive shadow"> | | |||
243 | </a> | | |||
244 | <h5 align="center">Tree View</h5> | | |||
245 | <p></p> | | |||
246 | </div> | | |||
247 | 64 | | |||
248 | <div class="col-sm-4"> | 65 | <div class="text-center"> | ||
249 | <a href="img/screenshots/juk-3.10.1-cd.png"> | | |||
250 | <img style="width:450px;height:210px;" src="img/screenshots/juk-3.10.1-cd.png" class="img-responsive shadow"> | | |||
251 | </a> | | |||
252 | <h5 align="center">CD Burning</h5> | | |||
253 | <p></p> | | |||
254 | </div> | | |||
255 | 66 | | |||
256 | <div class="col-sm-4"> | 67 | <figure class="mt-4"> | ||
257 | <a href="img/screenshots/juk-3.10.1-cover_mgr.png"> | 68 | <img class="img-fluid" src="assets/img/tag.png" alt="Screenshot JuK Tag Editor" /> | ||
258 | <img style="width:450px;height:210px;" src="img/screenshots/juk-3.10.1-cover_mgr.png" class="img-responsive shadow"> | 69 | <figcaption>Tag Editor</figcaption> | ||
259 | </a> | 70 | </figure> | ||
260 | <h5 align="center">Cover Manager</h5> | 71 | | ||
261 | <p></p> | 72 | <figure class="mt-4"> | ||
73 | <img class="img-fluid" src="assets/img/multiline.png" alt="Screenshot JuK Multiline Tag Editor " /> | ||||
74 | <figcaption>Multi-line Tag Editor</figcaption> | ||||
75 | </figure> | ||||
76 | | ||||
77 | <figure class="mt-4"> | ||||
78 | <img class="img-fluid" src="assets/img/search.png" alt="Screenshot JuK search" /> | ||||
79 | <figcaption>Inline Search</figcaption> | ||||
80 | </figure> | ||||
81 | | ||||
82 | <figure class="mt-4"> | ||||
83 | <img class="img-fluid" src="assets/img/lyrics.png" alt="Screenshot Juk with lyrics" /> | ||||
84 | <figcaption>Lyrics</figcaption> | ||||
85 | </figure> | ||||
86 | | ||||
87 | <figure class="mt-4"> | ||||
88 | <img class="img-fluid" src="assets/img/covermanager.png" alt="Screenshot Juk Cover Manager" /> | ||||
89 | <figcaption>Cover Manager</figcaption> | ||||
90 | </figure> | ||||
91 | | ||||
92 | <figure class="mt-4"> | ||||
93 | <img class="img-fluid" src="assets/img/createplaylist.png" alt="Screenshot Create Playlist" /> | ||||
94 | <figcaption>Create playlist from selected items</figcaption> | ||||
95 | </figure> | ||||
262 | </div> | 96 | </div> | ||
263 | 97 | | |||
264 | </div> | 98 | </main> | ||
265 | 99 | | |||
266 | <div class="row"> | | |||
267 | <div class="col-lg-12"> | | |||
268 | <a name="contactus"><h2 class="page-header" style="margin-top:20px;">Contact Us</h2></a> | | |||
269 | </div> | | |||
270 | <div class="col-lg-12"> | | |||
271 | <p> | | |||
272 | <a href="https://bugs.kde.org/enter_bug.cgi?format=guided&product=juk">Report a bug</a> | | |||
273 | </p> | | |||
274 | <p> | | |||
275 | IRC: <a href="irc://irc.freenode.org/#kde-multimedia">#kde-multimedia on Freenode</a> | | |||
276 | </p> | | |||
277 | <p> | | |||
278 | Mailing List: | | |||
279 | <a href="mailto:kde-multimedia@kde.org">kde-multimedia</a> | | |||
280 | ( | | |||
281 | <a href="https://mail.kde.org/mailman/listinfo/kde-multimedia">subscribe</a> | | |||
282 | , | | |||
283 | <a href="https://mail.kde.org/mailman/listinfo/kde-multimedia/">list information</a> | | |||
284 | ) | | |||
285 | </p> | | |||
286 | </div> | | |||
287 | </div> | | |||
288 | </div> | | |||
289 | | ||||
290 | <!-- footer --> | | |||
291 | | ||||
292 | <div class="container"> | | |||
293 | | ||||
294 | <hr> | | |||
295 | | ||||
296 | <footer> | | |||
297 | <div class="row"> | | |||
298 | <div class="col-lg-12"> | | |||
299 | <p align="center"> | | |||
300 | For Queries: <a href="mailto:kde-multimedia@kde.org">Email</a> or | | |||
301 | </br> | | |||
302 | IRC: <a href="irc://irc.freenode.org/#kde-multimedia">#kde-multimedia on Freenode</a> | | |||
303 | </p> | | |||
304 | </p> | | |||
305 | | ||||
306 | </div> | | |||
307 | </div> | | |||
308 | </footer> | | |||
309 | | ||||
310 | </div> | | |||
311 | </body> | | |||
312 | <!--all js here | | |||
313 | <script src="js/jquery.min.js" ></script> | | |||
314 | <script src="js/bootstrap.min.js"></script> | | |||
315 | --> | | |||
316 | </html> | |