7 files changed, 134 insertions, 0 deletions
diff --git a/static/css/base.css b/static/css/base.css
new file mode 100644
index 0000000..dd08deb
--- /dev/null
+++ b/static/css/base.css
@@ -0,0 +1,16 @@
+/*
+ * skaschool website custom css
+ * base.css (linked in 'base.html')
+ *
+ * Weitian LI
+ */
+
+body {
+    position: relative; /* For scrollyspy */
+    padding-top: 52px; /* Account for fixed navbar */
+}
+
+.navbar-btn {
+    margin-left: 8px;
+}
+
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..344ff07
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,101 @@
+/*
+ * skaschool website custom css
+ * index.css
+ *
+ * Weitian LI
+ */
+
+.skaschool-home {
+    background: url(../images/skaschool-bg.jpg) no-repeat center center fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/skaschool-bg.jpg', sizingMethod='scale');
+    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/skaschool-bg.jpg', sizingMethod='scale')";
+}
+
+.masthead {
+    color: #CCCCCC;
+    padding: 30px 15px;
+    position: relative;
+    text-align: center;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
+}
+.masthead h1 {
+    color: #EEEEEE;
+}
+.masthead .btn-outline-inverse {
+    margin: 10px;
+}
+.masthead-links {
+    list-style: none outside none;
+    margin-top: 10px;
+    margin-bottom: 20px;
+    padding: 0 15px;
+    text-align: center;
+}
+.masthead-links li {
+    display: inline;
+}
+.masthead-links li + li {
+    margin-left: 10px;
+}
+.masthead-links a {
+    color: #EEEEEE;
+}
+@media (min-width: 768px) {
+  .masthead {
+      padding-top: 80px;
+      padding-bottom: 140px;
+      text-align: left;
+  }
+  .masthead .lead {
+      font-size: 20px;
+      margin-right: 25%;
+  }
+  .masthead .btn-outline-inverse {
+      font-size: 18px;
+      margin: 18px 5px 18px 0;
+      padding: 16px 20px;
+      width: auto;
+  }
+  .masthead-links {
+      padding: 0;
+      text-align: left;
+  }
+}
+
+/* Outline button for use within the docs */
+.btn-outline {
+    color: #563d7c;
+    background-color: #FFFFFF;
+    border-color: #e5e5e5;
+}
+.btn-outline:hover,
+.btn-outline:focus,
+.btn-outline:active {
+    color: #fff;
+    background-color: #563d7c;
+    border-color: #563d7c;
+}
+
+/* Inverted outline button (white on dark) */
+.btn-outline-inverse {
+    color: #E5E5E5;
+    background-color: transparent;
+    border-color: #E5E5E5;
+}
+.btn-outline-inverse:hover,
+.btn-outline-inverse:focus,
+.btn-outline-inverse:active {
+    color: #252525;
+    text-shadow: none;
+    background-color: #E5E5E5;
+    border-color: #E5E5E5;
+}
+
+footer {
+    color: #CCCCCC;
+}
+
diff --git a/static/images/apple-touch-icon-144-precomposed.png b/static/images/apple-touch-icon-144-precomposed.png
new file mode 100644
index 0000000..1486856
--- /dev/null
+++ b/static/images/apple-touch-icon-144-precomposed.png
diff --git a/static/images/favicon.png b/static/images/favicon.png
new file mode 100644
index 0000000..928ba9b
--- /dev/null
+++ b/static/images/favicon.png
diff --git a/static/images/skaschool-bg.jpg b/static/images/skaschool-bg.jpg
new file mode 100644
index 0000000..fc27544
--- /dev/null
+++ b/static/images/skaschool-bg.jpg
diff --git a/static/images/skaschool-bg2.jpg b/static/images/skaschool-bg2.jpg
new file mode 100644
index 0000000..1c2fdb3
--- /dev/null
+++ b/static/images/skaschool-bg2.jpg
diff --git a/static/js/index.js b/static/js/index.js
new file mode 100644
index 0000000..1f955a2
--- /dev/null
+++ b/static/js/index.js
@@ -0,0 +1,17 @@
+/*
+ * js code for 'index.html' page
+ *
+ * Weitian LI
+ */
+
+$(document).ready(function() {
+    // add class "skaschool-home" to "body"
+    if (! $("body").hasClass("skaschool-home")) {
+        $("body").addClass("skaschool-home");
+    }
+    // add class "masthead" to "main"
+    if (! $("main").hasClass("masthead")) {
+        $("main").addClass("masthead");
+    }
+});
+