initial commit

Skhmt · Sep 9, 2016 · 570f685 · 570f685
commit 570f685
Show file tree

Hide file tree

Showing 38 changed files with 22,002 additions and 0 deletions.
diff --git a/app.html b/app.html
@@ -0,0 +1,35 @@
+<!-- app.html -->
+
+<!DOCTYPE html>
+<html style="padding: 0; margin: 0;">
+<head>
+	<title>
+		KoalaBot
+	</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+	<script src="lib/jquery-3.1.0.min.js"></script>
+  <script src="lib/vue-2.0.0-rc5.js"></script>
+  <script src="lib/bootstrap-3.3.7.min.js"></script>
+  <script src="lib/velocity-1.2.3.min.js"></script>
+  <script src="lib/velocity.ui-5.0.4.js"></script>
+  <script src="lib/jquery.knob.min.js"></script>
+	<link rel="stylesheet" href="css/font-awesome-4.6.3.css">
+  <link rel="stylesheet" href="css/bootstrap.slone.css">
+  <link rel="stylesheet" href="css/app.css">
+
+</head>
+<body style="padding: 0; margin: 0;">
+
+  <div id="app" class="fillWindow">
+    <transition @before-enter="fadeBeforeEnter" @enter="fadeEnter" @leave="fadeLeave" :css="false">
+      <login v-if="!loggedIn"></login>
+    </transition>
+    <transition @before-enter="fadeBeforeEnter" @enter="fadeEnter" @leave="fadeLeave" :css="false">
+      <bot v-show="loggedIn"></bot>
+    </transition>
+  </div>
+
+  <script src="js/app.js"></script>
+</body>
+</html>
diff --git a/css/app.css b/css/app.css
@@ -0,0 +1,78 @@
+*:focus {
+	outline: 0 !important;
+}
+
+::-webkit-scrollbar-track
+{
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+	border-radius: 10px;
+	background-color: #3B3E45;
+}
+
+::-webkit-scrollbar
+{
+	width: 12px;
+	background-color: #3B3E45;
+}
+
+::-webkit-scrollbar-thumb
+{
+	border-radius: 10px;
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+	background-color: #ABB2BF;
+}
+
+.noSelect {
+  -webkit-user-select: none;
+  cursor: default;
+}
+
+.musicColor {
+  color: #98c379;
+  text-shadow: 0 0 5px #000;
+}
+
+.fillWindow {
+  height: 100vh;
+  width: 100vw;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  word-wrap: break-word;
+}
+
+.chatLine {
+  margin: -1px;
+  padding: 5px 10px 5px 10px;
+}
+
+.streamerQueue {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
+  white-space: nowrap;
+  padding: 2px 4px 2px 4px;
+}
+.streamerQueue-item {
+  transition: all 1s;
+  display: block;
+  margin-right: 10px;
+}
+.streamerQueue-enter {
+  opacity: 0;
+  transform: translateX(30px);
+}
+.streamerQueue-leave-active {
+  opacity: 0;
+  transform: translateX(30px);
+  position: absolute;
+}
+.streamerQueue-move {
+  transition: transform 1s;
+}
+
+.input-one {
+  border-color: black;
+  background-color: #282c34;
+  box-shadow: none !important;
+}