website

resources/styles/extensions.scss

@@ -11,6 +11,7 @@ body {
 			   user-select: none;
 		webkit-user-select: none;
 	}
+
 }
 
 canvas {

resources/styles/website.scss

@@ -1,9 +1,11 @@
+@import 'bootstrap';
 @import 'fonts.scss';
 @import './utils/screen.scss';
 @import './utils/glitch.scss';
 
 
 body {
+	background: black;
 	font-family: 'Press Start 2P';
 	margin: 0;
 
@@ -14,13 +16,30 @@ body {
 }
 
 canvas {
+	background: black;
 	position: absolute;
 	top:0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
+	z-index: -1 !important;
+}
+
+.app {
+	height: 100%;
+	height: 100vh;
+	text-align: center;
+	color: white;
+}
+
+.app-content {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	margin-left: -150px;
+	margin-top: -155px;
 }
 
 .link {
@@ -29,6 +48,25 @@ canvas {
 	text-decoration: underline;
 }
 
+.bump {
+			animation:bump 1.5s ease-in-out;
+	   -moz-animation:bump 1.5s ease-in-out infinite;
+	-webkit-animation:bump 1.5s ease-in-out infinite;
+}
+
+.extension-badge {
+	position: relative;
+	background: rgba(255,255,255,0.75);
+	border-radius: 4px;
+	border: 1px solid rgba(200,200,200,0.75);
+	display: inline-block;
+
+	img {
+		display: inline-block;
+		width: 250px;
+	}
+}
+
 @keyframes bump
 {
 0%   {transform: scale(1);}

webpack.config.js

@@ -54,7 +54,7 @@ module.exports = [
 	    },
 
 	    output: {
-	        path: path.resolve(__dirname, 'dist', 'extension'),
+	        path: path.resolve(__dirname, 'dist', 'website'),
 	        publicPath: '/',
 	        filename: '[name].js'
 	    },