2018-09-28 01:21:32 +02:00
<!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" >
2018-09-28 01:55:37 +02:00
2018-09-28 01:21:32 +02:00
< script type = "text/javascript" >
2018-09-28 01:55:37 +02:00
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 >
2018-09-28 01:21:32 +02:00
< / head >
2018-09-28 01:55:37 +02:00
< body onload = "setupLb()" >
2018-09-28 01:21:32 +02:00
< div class = "laser" > < / div >
2018-09-28 01:55:37 +02:00
< div id = "lightbox" onclick = "closeLb()" > < img src = "" > < / div >
2018-09-28 01:21:32 +02:00
< 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" >
2018-09-28 01:57:04 +02:00
< a href = "https://www.oculus.com/experiences/rift/1629560483789871/" > < / a >
< a href = "https://store.steampowered.com/app/803010/Supermedium__Virtual_Reality_Browser/" > < / a >
2018-09-28 01:21:32 +02:00
< / 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" >
2018-09-28 01:55:37 +02:00
< img src = "assets/sshot1.jpg" >
< img src = "assets/sshot2.jpg" >
< img src = "assets/sshot3.jpg" >
2018-09-28 01:21:32 +02:00
< / 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" >
2018-09-28 01:55:37 +02:00
< img src = "assets/sshot4.jpg" >
< img src = "assets/sshot5.jpg" >
< img src = "assets/sshot6.jpg" >
2018-09-28 01:21:32 +02:00
< / 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" >
2018-09-28 01:57:04 +02:00
< a href = "https://www.oculus.com/experiences/rift/1629560483789871/" > < / a >
< a href = "https://store.steampowered.com/app/803010/Supermedium__Virtual_Reality_Browser/" > < / a >
2018-09-28 01:21:32 +02:00
< / 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 >
