HiddenSounds/index.html

84 lines
2.3 KiB
HTML
Raw Normal View History

2019-05-13 09:15:19 +00:00
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
2019-05-23 12:41:48 +00:00
<link rel="manifest" href="src/site.webmanifest">
<link rel="apple-touch-icon" href="src/icon.png">
2019-05-13 09:15:19 +00:00
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
2019-05-13 11:45:10 +00:00
<style>
#popularSongs, #hiddenSongs {
width: 40%;
margin: 4%;
border: 1px #78ffee solid;
}
#popularSongs h2, #hiddenSongs h2 {
text-align: center;
2019-05-23 12:41:48 +00:00
color: aqua;
2019-05-13 11:45:10 +00:00
}
#popularSongs {
float: left;
}
#hiddenSongs {
float: right;
}
h1 {
text-align: center;
2019-05-23 12:41:48 +00:00
color: aqua;
2019-05-13 11:45:10 +00:00
}
</style>
2019-05-13 09:15:19 +00:00
</head>
<body>
2019-05-23 12:41:48 +00:00
<div class="bg-image"></div>
2019-05-13 09:15:19 +00:00
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
2019-05-13 11:45:10 +00:00
<h1>Hidden Sounds Unofficial (Fan) Website</h1>
<div id="popularSongs">
<h2>Popular Songs</h2>
2019-05-23 12:41:48 +00:00
<div id="popularContainer">
<div class="song">
<p><a href="https://spotify.com/">Artist - Title</a></p>
</div>
</div>
2019-05-13 11:45:10 +00:00
</div>
<div id="hiddenSongs">
<h2>Hidden Songs</h2>
2019-05-23 12:41:48 +00:00
<div id="hiddenContainer">
</div>
2019-05-13 11:45:10 +00:00
</div>
<!--
2019-05-13 09:15:19 +00:00
<script src="js/vendor/modernizr-{{MODERNIZR_VERSION}}.min.js"></script>
<script src="https://code.jquery.com/jquery-{{JQUERY_VERSION}}.min.js" integrity="{{JQUERY_SRI_HASH}}" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-{{JQUERY_VERSION}}.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
2019-05-13 11:45:10 +00:00
-->
2019-05-13 09:15:19 +00:00
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>