juni/junisaber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add site index.html to git

Browse Source
This commit is contained in:
Kevin Ngo
2018-12-09 04:24:49 -08:00
parent ad94549905
commit 1d74dfe2ee
5 changed files with 203 additions and 1496 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -41,8 +41,8 @@ yarn.lock
exports/
*.sw*
/index.html
/build
dump.rdb
.ghpages
play.html

134
index.html Normal file
View File

@@ -0,0 +1,134 @@
<!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/site/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/site/assets/hero.jpg">
<link rel="shortcut icon" href="site/assets/favicon.png" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Teko:400,700" rel="stylesheet">
<link href="site/index.css" rel="stylesheet">
<link rel="preload" href="site/assets/grid.jpg" as="image">
<link rel="preload" href="site/assets/sslogo.png" as="image">
<link rel="preload" href="site/assets/steamhover.png" as="image">
<link rel="preload" href="site/assets/oculushover.png" as="image">
</head>
<body>
<div class="laser"></div>
<div id="lightbox" onclick="closeLb()"><img src=""></div>
<div id="all">
<img src="site/assets/supermedium-logo.png" class="imgfill headerglow">
<img src="site/assets/sslogo.png" class="imgfill">
<h1>An open source clone of Beat Saber with 6000 songs</h1>
<div id="video">
<img src="site/assets/sshot2.jpg">
</div>
<section>
<h1>
<span class="cyan">Play now for free on </span><span class="pink"><img src="site/assets/supermedium.png" class="supermedium-h1"></span> <span class="pink">The&nbsp;Virtual&nbsp;Reality&nbsp;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="site/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="site/assets/sshot1.jpg">
<img src="site/assets/sshot2.jpg">
<img src="site/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="site/assets/sshot4.jpg">
<img src="site/assets/sshot5.jpg">
<img src="site/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="site/assets/game1.jpg"></a>
<a href="https://supermedium.github.io/supersays/src/" title="Super Says"><img src="site/assets/game2.jpg"></a>
<a href="https://supermedium.com/blog/oasis" title="Gunters of Oasis"><img src="site/assets/game3.jpg"></a>
</div>
</section>
<footer>
<img src="site/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>

65
package-lock.json generated
View File

@@ -12187,6 +12187,16 @@
"requires": {
"debug": "^2.2.0",
"minimatch": "^3.0.2"
},
"dependencies": {
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"requires": {
"ms": "2.0.0"
}
}
}
},
"restore-cursor": {
@@ -12273,6 +12283,14 @@
"rocambole-token": "^1.2.1"
},
"dependencies": {
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"requires": {
"ms": "2.0.0"
}
},
"mout": {
"version": "0.11.1",
"resolved": "https://registry.npmjs.org/mout/-/mout-0.11.1.tgz",
@@ -12290,6 +12308,14 @@
"semver": "^4.3.1"
},
"dependencies": {
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"requires": {
"ms": "2.0.0"
}
},
"semver": {
"version": "4.3.6",
"resolved": "http://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
@@ -12315,6 +12341,16 @@
"debug": "^2.1.3",
"repeat-string": "^1.5.0",
"rocambole-token": "^1.2.1"
},
"dependencies": {
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"requires": {
"ms": "2.0.0"
}
}
}
},
"rollup": {
@@ -12437,6 +12473,14 @@
"resolved": "https://registry.npmjs.org/cli-width/-/cli-width-1.1.1.tgz",
"integrity": "sha1-pNKT72frt7iNSk1CwMzwDE0eNm0="
},
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"requires": {
"ms": "2.0.0"
}
},
"doctrine": {
"version": "0.6.4",
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-0.6.4.tgz",
@@ -13366,6 +13410,14 @@
"supports-color": "^2.0.0"
}
},
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"requires": {
"ms": "2.0.0"
}
},
"deglob": {
"version": "1.1.2",
"resolved": "http://registry.npmjs.org/deglob/-/deglob-1.1.2.tgz",
@@ -14303,6 +14355,14 @@
"resolved": "https://registry.npmjs.org/bytes/-/bytes-2.2.0.tgz",
"integrity": "sha1-/TVGSkA/b5EXwt42Cez/nK4ABYg="
},
"debug": {
"version": "2.2.0",
"resolved": "http://registry.npmjs.org/debug/-/debug-2.2.0.tgz",
"integrity": "sha1-+HBX6ZWxofauaklgZkE3vFbwOdo=",
"requires": {
"ms": "0.7.1"
}
},
"http-errors": {
"version": "1.3.1",
"resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.3.1.tgz",
@@ -14317,6 +14377,11 @@
"resolved": "http://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.13.tgz",
"integrity": "sha1-H4irpKsLFQjoMSrMOTRfNumS4vI="
},
"ms": {
"version": "0.7.1",
"resolved": "http://registry.npmjs.org/ms/-/ms-0.7.1.tgz",
"integrity": "sha1-nNE8A62/8ltl7/3nzoZO6VIBcJg="
},
"qs": {
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-5.1.0.tgz",

5
package.json
View File

@@ -3,8 +3,10 @@
"version": "1.0.0",
"scripts": {
"build": "cross-env NODE_ENV=production webpack",
"deploy": "ghpages git@github.com:supermedium/supersaber.git -p .ghpages && rm -rf .ghpages",
"lint": "semistandard -v | snazzy",
"lint:fix": "semistandard --fix",
"predeploy": "shx mkdir -p .ghpages && cp -r index.html play.html assets build site vendor .ghpages",
"start": "webpack-dev-server --host 0.0.0.0 --progress --colors --hot --inline --port 3000"
},
"dependencies": {
@@ -26,8 +28,7 @@
"ansi-html": "0.0.7",
"autoprefixer": "^7.2.3",
"babel": "6.23.0",
"babel-core": "6.24.1",
"babel-loader": "7.0.0",
"babel-core": "6.24.1", "babel-loader": "7.0.0",
"babel-minify-webpack-plugin": "0.2.0",
"babel-preset-es2015": "6.24.1",
"babel-preset-stage-0": "6.24.1",

1493
play.html
View File

File diff suppressed because it is too large Load Diff