mirror of
https://github.com/captbaritone/webamp.git
synced 2026-01-23 02:15:01 +00:00
94 lines
4.4 KiB
HTML
Executable file
94 lines
4.4 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Webamp • Winamp 2 in your browser</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="Winamp 2.9 reimplemented in HTML5 and JavaScript" />
|
|
<meta property="og:title" content="Webamp • Winamp in your browser" />
|
|
<meta property="og:description" content="Winamp 2.9 reimplemented in HTML5 and JavaScript" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://webamp.org" />
|
|
<meta property="og:image" content="https://webamp.org<%= require('./images/preview.png') %>" />
|
|
<link rel='stylesheet' type='text/css' href="<%= require('!file-loader?name=[path][name]-[hash].[ext]!./css/page.css') %>" />
|
|
<link rel="shortcut icon" sizes="16x16 32x32" href="<%= require('./images/favicon.ico') %>">
|
|
|
|
<!-- See https://goo.gl/OOhYW5 -->
|
|
<!--
|
|
The manifest.json file is generated and injected by `webpack-pwa-manifest`
|
|
<link rel="manifest" href="./manifest.json">
|
|
-->
|
|
|
|
<!-- See https://goo.gl/qRE0vM -->
|
|
<meta name="theme-color" content="#4b4b4b">
|
|
|
|
<!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="application-name" content="Winamp">
|
|
|
|
<!-- Add to homescreen for Safari on iOS -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<meta name="apple-mobile-web-app-title" content="Winamp">
|
|
|
|
<!-- Homescreen icons -->
|
|
<link rel="apple-touch-icon" href="<%= require('./images/manifest/icon-48x48.png') %>">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="<%= require('./images/manifest/icon-72x72.png') %>">
|
|
<link rel="apple-touch-icon" sizes="96x96" href="<%= require('./images/manifest/icon-96x96.png') %>">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="<%= require('./images/manifest/icon-144x144.png') %>">
|
|
<link rel="apple-touch-icon" sizes="192x192" href="<%= require('./images/manifest/icon-192x192.png') %>">
|
|
|
|
<!-- Tile icon for Windows 8 (144x144 + tile color) -->
|
|
<meta name="msapplication-TileImage" content="<%= require('./images/manifest/icon-144x144.png') %>">
|
|
<meta name="msapplication-TileColor" content="#4b4b4b">
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
|
|
<meta name="google-site-verification" content="ycocEnfUpYf8u_UmzpqSe0gNooPs0PBjbD7HKw-qa5I" />
|
|
|
|
<!-- Load and register service worker that adds offline support -->
|
|
<script>
|
|
if ('serviceWorker' in navigator) {
|
|
window.addEventListener('load', function() {
|
|
navigator.serviceWorker.register('/service-worker.js');
|
|
});
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id='app'>
|
|
<div id="loading" style="display: none">
|
|
Loading<span class="ellipsis-anim"><span>.</span><span>.</span><span>.</span></span>
|
|
</div>
|
|
</div>
|
|
<div id='browser-compatibility'>
|
|
<p>Your browser does not support the features we need.</p>
|
|
<p>Try using the most recent version of Chrome, Firefox, Safari or Edge.</p>
|
|
</div>
|
|
<div id="webamp-icon"></div>
|
|
<p class='about'>
|
|
<a target="_blank" href='https://github.com/jberg/butterchurn' id='butterchurn-share' style="background-image: url(<%= require('./images/share/butterchurn-bg.png') %>)">
|
|
<img inline src="demo/images/share/eye.svg" />
|
|
</a>
|
|
<a target="_blank" href='https://twitter.com/captbaritone' id='twitter-share'>
|
|
<img inline src="demo/images/share/twitter.svg" />
|
|
</a>
|
|
<a target="_blank" href='https://github.com/captbaritone/webamp' id='github-share'>
|
|
<img inline src="demo/images/share/github.svg" />
|
|
</a>
|
|
</p>
|
|
<script type="text/javascript">
|
|
// If we can load faster than half a second, don't bother showing the loading indicator.
|
|
setTimeout(function() {
|
|
var loading = document.getElementById('loading');
|
|
if (loading != null) {
|
|
loading.style.display = 'block';
|
|
}
|
|
}, 500)
|
|
</script>
|
|
<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="7py29249dpeddu8" async></script>
|
|
<!-- Scripts get injected by html-webpack-plugin -->
|
|
</body>
|
|
|
|
</html>
|