forked from ampache/ampache.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
141 lines (139 loc) · 7.21 KB
/
demo.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ampache - Music Streaming Server</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel='stylesheet' id='prettyphoto-css' href="css/prettyPhoto.css" type='text/css' media='all'>
<link href="css/fontello.css" type="text/css" rel="stylesheet">
<!--[if lt IE 7]>
<link href="css/fontello-ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<!-- Google Web fonts -->
<link href='//fonts.googleapis.com/css?family=Quattrocento:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- JQuery -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- Load ScrollTo -->
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<!-- Load LocalScroll -->
<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
<!-- prettyPhoto Initialization -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</head>
<body>
<!--******************** NAVBAR ********************-->
<div class="navbar-wrapper">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
<h1 class="brand"><a href="#top">Ampache <img src="img/logo/ampache-logo.png" style="border: 0px; height: 50px; width: auto;" /></a></h1>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<nav class="pull-right nav-collapse collapse">
<ul id="menu-main" class="nav">
<li><a title="home" href="index.html">Home</a></li>
<li><a title="download" href="https://github.com/ampache/ampache/releases" class="hllink">Download</a></li>
<li><a title="documentation" href="https://github.com/ampache/ampache/wiki">Documentation</a></li>
<li><a title="forum" href="https://groups.google.com/forum/#!forum/ampache">Forum</a></li>
<li><a title="chat" href="https://kiwiirc.com/client/chat.freenode.net:+6697/?nick=Anonymous|?#ampache">Chat</a></li>
<li><a title="demo" href="demo.html" class="hllink">Demo</a></li>
<li><a title="donate" href="donate.html">Donate</a></li>
<li><a title="github" href="https://github.com/ampache/ampache"><img src="img/GitHub-Mark-32px.png" style="border: 0px;" /></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div id="top"></div>
<!-- ******************** HeaderWrap ********************-->
<div id="headerwrap">
<header class="clearfix">
<h1><span><a href="#preview-top" class="playhover"><img src="img/logo/ampache-logo.png" style="height: 210px; width: auto; border: 0; position: relative; z-index: -1; opacity:0.7" /></a><br /> [...] love [...] music [...]</span></h1>
<div class="container">
<div class="row">
<div class="span12">
</div>
</div>
</div>
</header>
</div>
<!--******************** Feature ********************-->
<div class="scrollblock">
<section id="feature">
<div class="container">
<div class="row">
<div class="span12">
<article>
<p>Trust only what you see... or listen.<br />
Only you can know if Ampache is the right solution.<br />
Pick a demonstration server and take a look.</p>
</article>
</div>
</div>
</div>
</section>
</div>
<hr id="preview-top">
<!--******************** Development Section ********************-->
<section id="services" class="single-page scrollblock">
<div class="container">
<div class="align"><i class="icon-desktop-circled"></i></div>
<h1 id="folio-headline"><strike>Our</strike> Servers</h1>
<div class="row">
<div class="span3">
<div class="align"> <a href="http://play.dogmazic.net" title="Dogmazic"><i class="sev_icon"><img src="http://play.dogmazic.net/images/dogmazic.png" style="width: 64px; height: 64px;" /></i></a> </div>
<h2>Dogmazic</h2>
<p>Dogmazic is one of the primary free music download managers in France. Dogmazic was created in December 2004 by the Bordeaux-based Association Musique libre!, a major proponent of the French free music movement.</p>
<a href="http://play.dogmazic.net" class="more-link">View</a>
</div>
<div class="span3">
<div class="align"> <a href="http://www.softaculous.com/softaculous/demos/Ampache" title="Softaculous"><i class="sev_icon"><img src="http://www.softaculous.com/website/images/softaculous_demohead.gif" style="width: 150px; height: 44px;" /></i></a> </div>
<h2>Softaculous</h2>
<p>Ampache Demo (including admin area) on Softaculous.<br />Softaculous is an auto installer for cPanel and DirectAdmin. Softaculous applications typically create tables in a database, install software, adjust permissions, and modify web server configuration files.</p>
<a href="http://www.softaculous.com/softaculous/demos/Ampache" class="more-link">View</a>
</div>
<div class="span3">
<div class="align"> <a href="https://groups.google.com/d/topic/ampache/ACaW9hmffdo/discussion" title="Suggest"><i class="icon-plus-circled sev_icon"></i></a> </div>
<h2>Yours</h2>
<p>Add your public server to this list.<br />
We all love music.</p>
<a href="https://groups.google.com/d/topic/ampache/ACaW9hmffdo/discussion" class="more-link">Suggest</a>
</div>
</div>
</div>
</section>
<hr>
<div class="footer-wrapper">
<div class="container">
<footer>
<small><a href="http://ampache.org">Ampache.org</a> - Theme by Dzyngiri</small>
</footer>
</div>
</div>
<!-- Loading the javaScript at the end of the page -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/site.js"></script>
</body>
</html>