some site copy
This commit is contained in:
Kevin Ngo
243
about/index.html
243
about/index.html
@@ -1,134 +1,133 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Super Saber</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<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="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">
|
||||
<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 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 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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user