Basic structure and views routing

AFDudley · Jun 5, 2013 · 16047d1 · 16047d1
1 parent c6a39df
commit 16047d1
Show file tree

Hide file tree

Showing 10 changed files with 25,960 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html ng-app="bt">
+    <head>
+        <title>Binary Tactics</title>
+
+        <link rel="stylesheet"href="res/css/main.css" type="text/css" media="all" />     
+    </head>
+
+    <body ng-controller="bt.ng.controller">
+
+        <!-- Includes current view -->
+        <div class="section">
+            Select view:
+            <select ng-model="bt.navigation.nextView" ng-change=" bt.navigation.selectView() " ng-options="v.name for v in bt.config.views"></select>
+        </div>
+
+        <div ng-include src=" bt.navigation.selectedView.url " ng-animate=" 'slide' "></div>
+
+        <!-- 3rd party: JS inclusions -->
+        <script type="text/javascript" src="res/js/3rd_party/angular.115.js"></script>
+        <!-- No needed yet: <script type="text/javascript" src="res/js/3rd_party/jquery.202.js"></script> -->
+        <!-- BT: JS inclusions -->
+        <script type="text/javascript" src="res/js/bt_init.js"></script>
+        <script type="text/javascript" src="res/js/bt_config.js"></script>
+    </body>
+</html>
diff --git a/res/css/main.css b/res/css/main.css
@@ -0,0 +1,69 @@
+    /* =====================================================================================================================
+     *  Binary tactics: Initialization
+     * ================================================================================================================== */
+
+
+/* Overriding default values
+ * ---------------------------------------------------------------------------------------------------------------------- */
+
+* { margin: 0px; padding: 0px; }
+
+
+/*      Elements animations
+// =========================================================================================================== */
+
+    /* DOM manipulation animations: Slide in/out */
+    .slide-enter {
+        position: relative;
+        -webkit-transition: all linear 0.5s;
+        -moz-transition: all linear 0.5s;
+        -ms-transition: all linear 0.5s;
+        -o-transition: all linear 0.5s;
+        transition: all linear 0.5s;
+    }
+    .slide-leave {
+        position: relative;
+        -webkit-transition: all linear 0.25s;
+        -moz-transition: all linear 0.25s;
+        -ms-transition: all linear 0.25s;
+        -o-transition: all linear 0.25s;
+        transition: all linear 0.25s;
+    }    
+    .slide-enter {
+        left: -200%;
+    }
+    .slide-enter-active {
+        left: 0px;
+    }
+    .slide-leave {
+        left: 0px;
+    }
+    .slide-leave-active {
+        left: 100%;
+    }
+
+
+/* Generic
+ * ---------------------------------------------------------------------------------------------------------------------- */
+
+BODY {
+    width: 100%;
+    overflow-x: hidden;
+
+    background: #444444;
+}
+
+/* TEMP
+ * ---------------------------------------------------------------------------------------------------------------------- */
+
+div.section {
+    padding: 20px;
+    margin: 10px;
+
+    border: 1px solid #000000;
+    background-color: #eeeeee;
+
+    font-family: monospace;
+    font-size: 11px;
+    color: c6ff00;
+}