testtheme 0.1.1

data/_sass/pages/_community.scss

@@ -0,0 +1,119 @@
+.community {
+  margin: 0;
+
+  @media (max-width: $tablet) {
+    margin: 0;
+  }
+
+  .lead {
+    margin: 50px 0 40px 0;
+  }
+
+  .community-section {
+    margin: 45px 0;
+
+    .external-link-icon {
+      margin: -5px 0 0;
+    }
+
+    a::after {
+      display: none;
+    }
+
+    .external-link-icon {
+      display: inline-block;
+      margin-left: 5px;
+    }
+  }
+
+  .community-title {
+    color: $titleColor;
+    font-size: 1.1rem;
+    font-weight: 500;
+    letter-spacing: .5px;
+    margin: 0 0 15px 0;
+  }
+
+  .contribute-wrapper {
+    display: table;
+    margin: 15px 0 0;
+    padding: 0;
+    text-align: left;
+
+    @media (max-width: $tablet) {
+      margin: 15px auto 0;
+    }
+
+    .contribute-item {
+      margin: 0 0 20px;
+      padding: 0;
+    }
+
+    .external-link-icon {
+      margin: 10px auto 0;
+    }
+
+    .item-content {
+      width: 83%;
+      margin: 0 auto;
+    }
+
+    .item-desc {
+      font-size: .8rem;
+      font-weight: 300;
+      line-height: 1.25;
+      text-align: center;
+    }
+
+    .item-link {
+      display: block;
+      font-weight: 400;
+      text-decoration: none;
+    }
+
+    .item-box {
+      background: $footerText;
+      border-radius: 2px;
+      display: block;
+      margin: 10px auto;
+      padding: 25px 0 20px;
+      text-align: center;
+      width: 95%;
+
+      &:hover {
+        .external-link-icon {
+          background: url('../img/external-link-dark.svg') no-repeat center/cover;
+        }
+      }
+    }
+  }
+
+  .mailto {
+    color: $titleColor;
+    font-weight: 500;
+    letter-spacing: .5px;
+    text-decoration: underline;
+  }
+
+  .youtube-iframe {
+    margin: 20px 0;
+    width: 333px;
+    height: 200px;
+    max-width: 100%;
+    @media (min-width: $tablet) {
+      height: 300px;
+      width: 500px;
+    }
+  }
+
+  table, th, td {
+    border: 0px;
+    margin: 0px;
+    padding-left: 30px;
+  }
+
+  td {
+    width: 350px;
+    text-align: center;
+  }
+}

data/_sass/pages/_contribute.scss

@@ -0,0 +1,5 @@
+.contribute {
+	.lead {
+		margin-top: 20px;
+	}
+}

data/_sass/pages/_docs.scss

@@ -0,0 +1,72 @@
+// Docs layout specific
+.docs {
+  
+  *[id]:before { 
+    display: block; 
+    content: " "; 
+    margin-top: -1em;
+    height: 1em;
+    visibility: hidden; 
+  }
+
+  .doc-header {
+    padding-bottom: 30px;
+    padding-top: 30px;
+  }
+  
+  .doc-description {
+    color: $dark-gray;
+    display: block;
+    margin: 0 0 40px;
+
+    p { 
+      font-size: 18px;
+      font-weight: 400;
+    }
+  }
+
+  .use-description {
+    color: $gray;
+    display: block;
+    margin: 20px 0;
+
+    p { 
+      font-size: 15px;
+      font-weight: 300;
+    }
+  }
+
+  .lang-card-selector {
+    padding: 0 0 30px;
+    width: 100%;
+  }
+
+  .lang-card {
+    display: inline-block;
+    margin: 0 1% 30px;
+    text-align: center;
+    vertical-align: top;
+    width: 30%;
+
+    @media (max-width: $tablet) {
+      margin: 20px 1%;
+      padding: 6px 10px;
+      width: 47%;
+    }
+    
+    .lang-card-title {
+      background: $light-gray;
+      color: $dark-gray;
+      margin-bottom: 4px;
+      padding: 8px;
+      text-align: left;
+    }
+
+    .lang-card-link {
+      display: block;
+      font-size: 14px;
+      padding: 8px;
+      text-align: left;
+    }
+  }
+}

data/_sass/pages/_faq.scss

@@ -0,0 +1,37 @@
+// FAQ page
+.faq-container {
+  padding-bottom: 150px;
+
+  .submenu-content p,li,ul{
+    font-size: 12px;
+    font-weight: 400;
+  }
+
+  .lead,
+  .faq-title {
+    color: $titleColor;
+  }
+
+  .lead {
+    margin: 50px 0 40px 0;
+  }
+
+  .faq-title {
+    margin: 40px 0 0 0;
+  }
+
+  h6 {
+    font-size: .95rem;
+    letter-spacing: 1px;
+  }
+
+  h6.arrow-d,
+  h6.arrow-r {
+    margin: 30px 0 5px 0;
+    color: $black;
+  }
+
+  h6.arrow-d {
+    color: $black;
+  }
+}

data/_sass/pages/_glossary.scss

@@ -0,0 +1,38 @@
+// Glossary page
+.glossary-container {
+  padding-bottom: 15px;
+
+  .submenu-content p,li,ul{
+    font-size: 12px;
+    font-weight: 400;
+    list-style: none;
+  }
+
+  .lead,
+  .glossary-title {
+    color: $titleColor;
+  }
+
+  .lead {
+    margin: 50px 0 40px 0;
+  }
+
+  .glossary-title {
+    margin: 40px 0 40px 0;
+  }
+
+  h6 {
+    font-size: .95rem;
+    letter-spacing: 1px;
+  }
+
+  h6.arrow-d,
+  h6.arrow-r {
+    margin: 0px 0 5px 0;
+    color: $black;
+  }
+
+  h6.arrow-d {
+    color: $black;
+  }
+}

data/_sass/pages/_landing.scss

@@ -0,0 +1,111 @@
+// Landing page
+.landing-content-container {
+  padding-bottom: 60px;
+  padding-top: 30px;
+  position: relative;
+
+  @media (min-width: 767px) {
+    padding-bottom: 90px;
+    padding-top: 90px;
+  }
+
+  .landing-row {
+    padding-top: 60px;
+
+    .landing-row-title {
+      margin-bottom: 15px;
+    }
+
+    p {
+      font-size: 1.2rem;
+      font-weight: 300;
+      line-height: 1.5rem;
+      padding-bottom: 1.5rem;
+    }
+
+    @media (max-width: 767px) {
+      display: flex;
+      flex-direction: column;
+      text-align: center;
+
+      .landing-row-title {
+        margin: 0 auto 30px;
+        order: 1;
+      }
+
+      .landing-image {
+        margin: 0 auto 30px;
+        order: 2;
+      }
+
+      p {
+        margin: 0 auto;
+        order: 3;
+      }
+
+      div {
+        margin: 0 auto;
+        order: 4;
+      }
+    }
+  }
+  .landing-image {
+    height: auto;
+    max-width: 500px;
+    object-fit: contain;
+    object-position: top;
+
+    @media (min-width: $tablet) {
+      //max-width: initial;
+      padding-bottom: 50px;
+    }
+  }
+
+  .landing-image-small {
+    height: auto;
+    max-width: 250px;
+    object-fit: contain;
+    object-position: top;
+
+    @media (min-width: $tablet) {
+      //max-width: initial;
+      padding-bottom: 50px;
+    }    
+  }
+
+  .btn-read-more {
+    margin: 30px 0 40px;
+  }
+}
+
+//Documentation call to action
+.doc-call-container {
+  background-color: lighten($thirdBrandColor, 4%);
+  padding-bottom: 70px;
+  padding-top: 70px;
+
+  .doc-call-title {
+    margin: 0 auto;
+  }
+
+  .doc-call-text {
+    margin: 0 auto;
+    padding-top: 5px;
+  }
+
+  .btn-doc-call {
+    font-size: 14px;
+    margin: 25px auto 45px;
+  }
+
+  .lang-select-row {
+    display: flex;
+    justify-content: center;
+  }
+
+  .lang-selector-text {
+    margin: 0 auto;
+    padding-bottom: 10px;
+    width: 75%;
+  }
+}

data/assets/css/styles.scss

@@ -0,0 +1,71 @@
+---
+sitemap_exclude: y
+---
+
+@import url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css");
+
+// Colors: edit to add your site's color scheme here
+
+// Brand Colors
+$mainBrandColor: #466BB0;
+$secondBrandColor: #286AC7;
+$thirdBrandColor: #98B2E0;
+$inverseBrandColor: #FFFFFF;
+
+// Use as an accent color in small quantities to balance out the main theme.
+$popBrandColor: hsl(3, 90%, 75%);
+$lightPopBrandColor: lighten($popBrandColor, 15%);
+
+// General Colors
+$black: #2E2E2E;
+$white: #FFFFFF;
+$gray: #737373;
+$light-gray: lighten($gray, 52%);
+$dark-gray: darken($gray, 20%);
+
+$linkColor: $mainBrandColor;
+$linkHoverColor: darken($linkColor, 10%);
+$linkColorSecondary: $white;
+$linkColorTertiary: $gray;
+$codeColor: darken($linkColor, 20%);
+$codeBkColor: lighten($thirdBrandColor, 10%);
+$wellColor: #F9F9F9;
+$textColor: #535f61;
+$titleColor: #555555;
+$headingsColor: rgb(21, 91, 103);
+$footerColor: #4e4f4f;
+$footerText: #eaeaea;
+$errorColor: #C40003;
+
+// Import template stylesheets
+
+@import "base/config";
+@import "base/reset";
+@import "base/common";
+@import "base/text";
+@import "base/override";
+@import "base/markdown";
+
+@import "modules/buttons";
+@import "modules/doc-nav";
+@import "modules/footer";
+@import "modules/hero";
+@import "modules/nav";
+@import "modules/search-box";
+@import "modules/section-index";
+@import "modules/syntax-highlighting";
+
+@import "layouts/about";
+@import "layouts/blog";
+@import "layouts/bugs";
+@import "layouts/community";
+@import "layouts/docs";
+@import "layouts/faq";
+@import "layouts/landing";
+@import "layouts/post";
+@import "layouts/search-results";
+@import "layouts/troubleshooting";
+
+// Additional CSS including overrides for imported stylesheet settings goes here
+
+