cratedigger
Version:
3D vinyl records exploration & crate digging experience, using WebGL with Three.js
53 lines (45 loc) • 1.53 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>cratedigger.js</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="vendor.css" />
<link rel="stylesheet" href="index.css" />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="cratedigger">
<div id="cratedigger-canvas"></div>
<div id="cratedigger-loading">
<div class="info-container">
<div class="vertical-center">
<span class="loading-label">Loading records...</span>
</div>
</div>
</div>
<div id="cratedigger-info">
<div class="info-container">
<div class="vertical-center">
<div id="cratedigger-record-artist"></div>
<div id="cratedigger-record-title"></div>
<div id="cratedigger-record-cover"></div>
</div>
</div>
</div>
</div>
<div id="bottom-bar" class="noselect">
<div id="button-prev" class="bottom-bar-item">
PREVIOUS
</div>
<div id="button-show" class="bottom-bar-item">
SHOW
</div>
<div id="button-next" class="bottom-bar-item">
NEXT
</div>
</div>
<script src="vendor.js"></script>
<script src="index.js"></script>
</body>
</html>