turing-one 0.1.0

data/_sass/content.scss

@@ -0,0 +1,35 @@
+/* Content */
+
+.content {
+  padding: 2em;
+}
+
+.main-content {
+  h1, h2, h3, h4, h5, h6 {
+    &:first-child {
+      margin-top: 1em;
+    }
+  }
+}
+
+ul.module-quick-links {
+  font-weight: 100;
+  display: flex;
+}
+
+table th, td, tr {
+  border: 1px solid $light-gray;
+  padding: 10px;
+}
+
+table {
+  box-shadow: inset 0 0 1em $light-gray, 0 0 1em $medium-gray;
+}
+
+#module-list {
+  align-content: center;
+}
+
+.title {
+  text-align: center;
+}

data/_sass/expander.scss

@@ -0,0 +1,34 @@
+/* Content expand and collapse */
+
+.expander-btn {
+  background-color: inherit;
+  border: none;
+  color: $dark-gray;
+  outline: none;
+}
+
+.expander-btn:hover {
+  color: $medium-gray;
+}
+
+.expander-content {
+  background-color: #FAFAFA;
+  overflow: auto;
+  padding-bottom: 20px;
+}
+
+.arrow-right {
+  transform: rotate(0deg);
+  transition: transform 0.25s linear;
+  height: 20px;
+  width: 20px;
+}
+
+.arrow-right.down {
+  transform: rotate(90deg);
+  transition: transform 0.25s linear;
+}
+
+.expander-btn h4 {
+  margin: 10px 0;
+}

data/_sass/outlines.scss

@@ -0,0 +1,40 @@
+/* Daily Outlines */
+
+.outlines {
+  display: flex;
+  flex-wrap: wrap;
+
+  a {
+    border-bottom: none;
+    background-color: lighten($light-gray, 10);
+    border: 1px solid $light-gray;
+    margin-right: 1em;
+    margin-bottom: 1em;
+    padding: 1em;
+
+    &:hover {
+      background-color: $light-gray;
+      border-color: $medium-gray;
+    }
+  }
+}
+
+.outlines ul {
+  padding-left: 0;
+}
+
+ul.outlines a {
+    width: 18%;
+    text-align: center;
+  @media screen and (max-width: $phone-width) {
+    width: 90%;
+  }
+}
+
+.outline {
+  display: block;
+
+  list-style: none;
+  margin-left: 0;
+  margin-bottom: 0;
+}

data/_sass/sidebar.scss

@@ -0,0 +1,115 @@
+$sidebar-color: rgb(245, 245, 245);
+
+.sidebar-navigation--logo {
+  background-color: $dark-gray;
+  padding: 1em;
+  width: $sidebar-width;
+
+  @media (max-width: $tablet-width) {
+    width: 100%;
+  }
+}
+
+.turing-logo {
+  margin: 0;
+  max-width: 97%;
+  display: block;
+
+  @media (max-width: $tablet-width) {
+    max-width: 200px;
+    margin: 0 auto;
+  }
+}
+
+.sidebar {
+  min-width: $sidebar-width;
+  max-width: $sidebar-width;
+
+  background-color: $sidebar-color;
+  color: invert($sidebar-color);
+  border-right: 1px solid darken($sidebar-color, 20);
+  box-shadow: 1px 1px 2px #eee;
+
+  @media (max-width: $tablet-width) {
+    font-size: 0.85em;
+    min-width: 100%;
+    max-width: 100%;
+    padding-top: 0;
+    border-right: none;
+    border-top: 1px solid darken($sidebar-color, 20);
+    border-bottom: 1px solid darken($sidebar-color, 20);
+  }
+
+  h1 {
+    padding-left: 1em;
+    padding-top: 0.75em;
+    padding-bottom: 0.75em;
+
+    background-color: lighten($sidebar-color, 5);
+    border-bottom: 1px solid $teal;
+    font-size: 1.1em;
+    margin: 0;
+
+    @media (max-width: $tablet-width) {
+      text-align: center;
+    }
+  }
+
+  ul, ol {
+    list-style: none;
+    padding-left: 0;
+
+    @media (max-width: $tablet-width) {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+    }
+  }
+
+  li {
+    margin-bottom: 0;
+
+    line-height: 1.8em;
+  }
+}
+
+.sidebar-navigation--links {
+  a {
+    display: block;
+    padding: 0.5em 1.1em;
+    border-bottom: none;
+
+    color: invert($sidebar-color);
+
+    &:hover {
+      background-color: darken($sidebar-color, 10);
+    }
+
+    &:active {
+      background-color: $teal;
+      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
+    }
+  }
+
+  @media (max-width: $tablet-width) {
+    display: flex;
+    flex-wrap: wrap;
+
+    section {
+      min-width: 300px;
+      width: 50%;
+
+      @media (max-width: $tablet-width - 50px) {
+        width: auto;
+      }
+    }
+  }
+
+  @media (max-width: $tablet-width - 50px) {
+    flex-direction: column;
+  }
+}
+
+.active-link {
+  background-color: lighten(#98a1a2, 20);
+}

data/_sass/syntax.scss

@@ -0,0 +1,85 @@
+code {
+  font-family: monospace;
+  font-size: 1.2em;
+  padding: 3px;
+  background-color: #f4f4f4;
+}
+
+pre {
+  border: 1px solid #d6d6d6;
+
+  padding: 0.5rem 0.8rem;
+  margin-bottom: 1.5rem;
+
+  font-family: monospace;
+  font-size: 1rem;
+
+  line-height: 1.5rem;
+  overflow: auto;
+}
+
+.highlight .hll { background-color: #d6d6d6 }
+.highlight  { background: #f4f4f4; color: #4d4d4c } /*bjm 8-15-16*/
+.highlight .c { color: #8e908c } /* Comment */
+.highlight .err { color: #c82829 } /* Error */
+.highlight .k { color: #8959a8 } /* Keyword */
+.highlight .l { color: #f5871f } /* Literal */
+.highlight .n { color: #4d4d4c } /* Name */
+.highlight .o { color: #3e999f } /* Operator */
+.highlight .p { color: #4d4d4c } /* Punctuation */
+.highlight .cm { color: #8e908c } /* Comment.Multiline */
+.highlight .cp { color: #8e908c } /* Comment.Preproc */
+.highlight .c1 { color: #8e908c } /* Comment.Single */
+.highlight .cs { color: #8e908c } /* Comment.Special */
+.highlight .gd { color: #c82829 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { color: #4d4d4c; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #718c00 } /* Generic.Inserted */
+.highlight .gp { color: #8e908c; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #3e999f; font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #8959a8 } /* Keyword.Constant */
+.highlight .kd { color: #8959a8 } /* Keyword.Declaration */
+.highlight .kn { color: #3e999f } /* Keyword.Namespace */
+.highlight .kp { color: #8959a8 } /* Keyword.Pseudo */
+.highlight .kr { color: #8959a8 } /* Keyword.Reserved */
+.highlight .kt { color: #eab700 } /* Keyword.Type */
+.highlight .ld { color: #718c00 } /* Literal.Date */
+.highlight .m { color: #f5871f } /* Literal.Number */
+.highlight .s { color: #718c00 } /* Literal.String */
+.highlight .na { color: #4271ae } /* Name.Attribute */
+.highlight .nb { color: #4d4d4c } /* Name.Builtin */
+.highlight .nc { color: #eab700 } /* Name.Class */
+.highlight .no { color: #c82829 } /* Name.Constant */
+.highlight .nd { color: #3e999f } /* Name.Decorator */
+.highlight .ni { color: #4d4d4c } /* Name.Entity */
+.highlight .ne { color: #c82829 } /* Name.Exception */
+.highlight .nf { color: #4271ae } /* Name.Function */
+.highlight .nl { color: #4d4d4c } /* Name.Label */
+.highlight .nn { color: #eab700 } /* Name.Namespace */
+.highlight .nx { color: #4271ae } /* Name.Other */
+.highlight .py { color: #4d4d4c } /* Name.Property */
+.highlight .nt { color: #3e999f } /* Name.Tag */
+.highlight .nv { color: #c82829 } /* Name.Variable */
+.highlight .ow { color: #3e999f } /* Operator.Word */
+.highlight .w { color: #4d4d4c } /* Text.Whitespace */
+.highlight .mf { color: #f5871f } /* Literal.Number.Float */
+.highlight .mh { color: #f5871f } /* Literal.Number.Hex */
+.highlight .mi { color: #f5871f } /* Literal.Number.Integer */
+.highlight .mo { color: #f5871f } /* Literal.Number.Oct */
+.highlight .sb { color: #718c00 } /* Literal.String.Backtick */
+.highlight .sc { color: #4d4d4c } /* Literal.String.Char */
+.highlight .sd { color: #8e908c } /* Literal.String.Doc */
+.highlight .s2 { color: #718c00 } /* Literal.String.Double */
+.highlight .se { color: #f5871f } /* Literal.String.Escape */
+.highlight .sh { color: #718c00 } /* Literal.String.Heredoc */
+.highlight .si { color: #f5871f } /* Literal.String.Interpol */
+.highlight .sx { color: #718c00 } /* Literal.String.Other */
+.highlight .sr { color: #718c00 } /* Literal.String.Regex */
+.highlight .s1 { color: #718c00 } /* Literal.String.Single */
+.highlight .ss { color: #718c00 } /* Literal.String.Symbol */
+.highlight .bp { color: #4d4d4c } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #c82829 } /* Name.Variable.Class */
+.highlight .vg { color: #c82829 } /* Name.Variable.Global */
+.highlight .vi { color: #c82829 } /* Name.Variable.Instance */
+.highlight .il { color: #f5871f } /* Literal.Number.Integer.Long */

data/_sass/terminal.scss

@@ -0,0 +1,124 @@
+/*-----------------------------------------------------------------------------------*/
+/* Window
+/*-----------------------------------------------------------------------------------*/
+
+.window {
+  margin: 0px auto 30px auto;
+  background: #EDEDED;
+  border-radius: 5px;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 22px 50px 0px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.2);
+  text-align: left;
+  z-index: 0;
+  visibility: hidden;
+  opacity: 0;
+  visibility: visible;
+  opacity: 1;
+
+  .terminal-container {
+    border-radius: 5px;
+  }
+
+  h1.titleInside {
+    margin: 0px;
+    position: relative;
+    z-index: 2;
+    color: #3c3c3c;
+    font-size: 13px;
+    line-height: 21px;
+    text-decoration: none;
+    text-shadow: 0 1px 1px #e7e7e7;
+    text-align: center;
+    text-transform: capitalize;
+    font-weight: normal;
+  }
+
+  nav.control-window {
+    float: left;
+    padding: 2px 0px 0px 10px;
+    left: 5px;
+    top: 3px;
+    z-index: 10;
+    height: 19px;
+    a {
+      display: inline-block;
+      margin: 2px 3px 3px 1px;
+      width: 12px;
+      height: 12px;
+      border-radius: 100%;
+      text-indent: -9999px;
+      position: relative;
+      border: none;
+      box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
+      &.close {
+        background: #FB5149;
+      }
+      &.minimize {
+        background: #FFB429;
+      }
+      &.maximize {
+        background: #24C238;
+      }
+      &.deactivate {
+        background: #b5b5b5;
+      }
+    }
+  }
+}
+
+/*-----------------------------------------------------------------------------------*/
+/* Terminal Console Layout
+/*-----------------------------------------------------------------------------------*/
+
+div.terminal {
+  background: #333;
+  color: #DDD;
+  white-space: pre-line;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  width: 100%;
+  table {
+    margin-left: 10px;
+    margin-right: 10px;
+    box-shadow: none;
+  }
+  tr {
+    padding: 0;
+  }
+  td {
+    vertical-align: top;
+    border: none;
+    padding: 0;
+  }
+  pre {
+    background: none;
+    border: none;
+    margin-top: 0.5em;
+    padding-left: 0px;
+    padding-top: 0px;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+    overflow-x: auto;
+    span {
+      display: block;
+    }
+    &.line-numbers span {
+      display: inline;
+      color: #586e75;
+    }
+  }
+  overflow-x: auto;
+  overflow-y: hidden;
+  span {
+    &.command {
+      color: #FFF;
+    }
+    &.output {
+      color: #BBB;
+    }
+  }
+  code {
+    background-color: transparent;
+    display: inline;
+    padding: 0;
+  }
+}

data/_sass/variables.scss

@@ -0,0 +1,10 @@
+$teal: #05c2d1;
+$dark-gray: #3c4040;
+$medium-gray: #98a1a2;
+$light-gray: lighten(#98a1a2, 30);
+$yellow: rgb(244, 213, 152);
+
+$tablet-width: 720px;
+$sidebar-width: 220px;
+$content-block-spacing: 2em;
+$phone-width: 480px;