move game to play.html. move landing site to index
Kevin Ngo
133
about/index.html
@@ -1,133 +0,0 @@
|
||||
<!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">
|
||||
</head>
|
||||
<body>
|
||||
<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">Play now for free 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">lets you search and play community-created Beat Saber songs from Beat Saver. You can play it for free via Supermedium where it loads in seconds, and you don't need to install any mods!</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">SLICE TO THE BEAT</h3>
|
||||
<p>Just like in Beat Saber, swing your light sabers to the beat.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="pinkglow">+2500 SONGS</h3>
|
||||
<p>Play from over 2500 community songs sourced from beatsaver.com!</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="cyanglow">PLAY FOR FREE</h3>
|
||||
<p>Super Saber instantly loads from start to finish in just seconds, no installs!</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>Have an HTC Vive or Oculus Rift</p></li>
|
||||
<li><p>Install Supermedium from Steam or Oculus Store</p>
|
||||
<li><p>Navigate to Super Saber from Supermedium</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>Super Saber</b> is shamelessly based on <b>Beat Saber</b>, an original game from by the awesome team at <a href="http://www.hyperbolicmagnetism.com/">Hyperbolic Magnetism</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var lb;
|
||||
function setupLb () {
|
||||
lb = document.getElementById('lightbox');
|
||||
const sshots = document.querySelectorAll('.screenshots>img');
|
||||
for (let 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')
|
||||
}
|
||||
setupLb();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 196 KiB After Width: | Height: | Size: 196 KiB |
|
Before Width: | Height: | Size: 192 KiB After Width: | Height: | Size: 192 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 283 KiB After Width: | Height: | Size: 283 KiB |
|
Before Width: | Height: | Size: 89 KiB After Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 153 KiB After Width: | Height: | Size: 153 KiB |
|
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 81 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 150 KiB After Width: | Height: | Size: 150 KiB |
@@ -19,7 +19,7 @@ nunjucks.addGlobal('IS_PRODUCTION', process.env.NODE_ENV === 'production');
|
||||
nunjucks.addGlobal('COLORS', COLORS);
|
||||
|
||||
// Initial Nunjucks render.
|
||||
fs.writeFileSync('index.html', nunjucks.render('index.html'));
|
||||
fs.writeFileSync('play.html', nunjucks.render('index.html'));
|
||||
|
||||
// For development, watch HTML for changes to compile Nunjucks.
|
||||
// The production Express server will handle Nunjucks by itself.
|
||||
@@ -29,7 +29,7 @@ if (process.env.NODE_ENV !== 'production') {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
fs.writeFileSync('index.html', nunjucks.render('index.html'));
|
||||
fs.writeFileSync('play.html', nunjucks.render('index.html'));
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
|
||||