134 lines
5.4 KiB
HTML
134 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Super Saber</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<meta name="description" content="Beat Saber clone in WebVR by Supermedium">
|
|
<meta name="keywords" content="vr, webvr, beat, saber, aframe, play, game">
|
|
<meta name="og:title" content="Super Saber">
|
|
<meta name="og:image" content="https://supermedium.com/supersaber/assets/hero.jpg">
|
|
<meta name="og:description" content="Beat Saber clone in WebVR by Supermedium">
|
|
<meta property="og:url" content="https://supermedium.com/supersaber/">
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:site" content="https://supermedium.com/supersaber">
|
|
<meta name="twitter:creator" content="@supermediumvr">
|
|
<meta name="twitter:title" content="Super Saber">
|
|
<meta name="twitter:description" content="Beat Saber clone in WebVR by Supermedium">
|
|
<meta name="twitter:image" content="https://supermedium.com/supersaber/assets/hero.jpg">
|
|
|
|
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon">
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Teko:400,700" rel="stylesheet">
|
|
<link href="style.css" rel="stylesheet">
|
|
|
|
<link rel="preload" href="assets/grid.jpg" as="image">
|
|
<link rel="preload" href="assets/sslogo.png" as="image">
|
|
<link rel="preload" href="assets/steamhover.png" as="image">
|
|
<link rel="preload" href="assets/oculushover.png" as="image">
|
|
|
|
<script type="text/javascript">
|
|
var lb;
|
|
function setupLb(){
|
|
lb = document.getElementById('lightbox');
|
|
var sshots = document.querySelectorAll('.screenshots>img');
|
|
for (var i = 0; i < sshots.length; i++){
|
|
sshots[i].addEventListener('click', showImg);
|
|
}
|
|
}
|
|
function showImg(ev){
|
|
lb.querySelector('img').src = ev.target.src;
|
|
lb.classList.add('opened');
|
|
}
|
|
function closeLb(){
|
|
lb.classList.remove('opened')
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="setupLb()">
|
|
<div class="laser"></div>
|
|
<div id="lightbox" onclick="closeLb()"><img src=""></div>
|
|
<div id="all">
|
|
<img src="assets/supermedium-logo.png" class="imgfill headerglow">
|
|
<img src="assets/sslogo.png" class="imgfill">
|
|
<div id="video">
|
|
<img src="assets/sshot2.jpg">
|
|
</div>
|
|
<section>
|
|
<h1>
|
|
<span class="cyan">Now on </span><span class="pink"><img src="assets/supermedium.png" class="supermedium-h1"></span> <span class="pink">The Virtual Reality Browser</span>
|
|
</h1>
|
|
|
|
<div class="storebuttons">
|
|
<a href="https://www.oculus.com/experiences/rift/1629560483789871/"></a>
|
|
<a href="https://store.steampowered.com/app/803010/Supermedium__Virtual_Reality_Browser/"></a>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<p id="intro">
|
|
<img src="assets/sslogosmall.png">is a lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur et libero id interdum. Aenean id mauris cursus, fermentum lorem nec, congue nisi. Suspendisse semper vitae nisi a interdum. In finibus magna mi. Pellentesque sit amet diam dolor. Sed in venenatis magna.
|
|
</p>
|
|
<div class="screenshots">
|
|
<img src="assets/sshot1.jpg">
|
|
<img src="assets/sshot2.jpg">
|
|
<img src="assets/sshot3.jpg">
|
|
</div>
|
|
</section>
|
|
|
|
<section class="short">
|
|
<div id="features">
|
|
<div>
|
|
<h3 class="cyanglow">ONE COOL FEATURE</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="pinkglow">+2000 SONGS</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="cyanglow">JUST PLAY</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
|
|
</div>
|
|
</div>
|
|
<div class="screenshots">
|
|
<img src="assets/sshot4.jpg">
|
|
<img src="assets/sshot5.jpg">
|
|
<img src="assets/sshot6.jpg">
|
|
</div>
|
|
</section>
|
|
|
|
<section class="short">
|
|
<h2>How to Play</h2>
|
|
<ul>
|
|
<li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p></li>
|
|
<li><p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
<li><p>Duis aute irure dolor in reprehenderit in voluptate velit esse proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="other">Other VR Games from Supermedium</h2>
|
|
<div class="screenshots">
|
|
<a href="http://supermedium.com/" title="Sound Boxing"><img src="assets/game1.jpg"></a>
|
|
<a href="https://supermedium.github.io/supersays/src/" title="Super Says"><img src="assets/game2.jpg"></a>
|
|
<a href="https://supermedium.com/blog/oasis" title="Gunters of Oasis"><img src="assets/game3.jpg"></a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<img src="assets/supermedium-logo.png" class="imgfill">
|
|
<div class="storebuttons">
|
|
<a href="https://www.oculus.com/experiences/rift/1629560483789871/"></a>
|
|
<a href="https://store.steampowered.com/app/803010/Supermedium__Virtual_Reality_Browser/"></a>
|
|
</div>
|
|
<p>
|
|
<br>
|
|
<b>Beat Saber</b> is an original game by <a href="http://www.hyperbolicmagnetism.com/">Hyperbolic Magnetism</a>, and <b>Super Saber</b> is a clone made by fans in WebVR</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |