prettydocs-jekyll 0.0.2

data/_sass/partials/_footer.scss

@@ -0,0 +1,8 @@
+.footer {
+    background: darken($text-color, 15%);
+    color: rgba(256, 256, 256, 0.6);
+    padding: 15px 0;
+    a {
+        color: $color-primary;
+    }
+}

data/_sass/partials/_header.scss

@@ -0,0 +1,91 @@
+.header {
+    background: $text-color;
+    color: rgba(256, 256, 256, 0.85);
+    border-top: 5px solid $color-primary;
+    padding: 30px 0;
+    a {
+        color: #fff;
+    }
+}
+.branding {
+    text-transform: uppercase;
+    margin-bottom: 10px;
+    .logo {
+        font-size: 28px;
+        margin-top: 0;
+        margin-bottom: 0;
+        a {
+            text-decoration: none;
+        }
+    }
+    .text-highlight {
+        color: $color-primary;
+        .body-green & {
+            color: $color-green;
+        }
+        .body-blue & {
+            color: $color-blue;
+        }
+        .body-orange & {
+            color: $color-orange;
+        }
+        .body-red & {
+            color: $color-red;
+        }
+        .body-pink & {
+            color: $color-pink;
+        }
+        .body-purple & {
+            color: $color-purple;
+        }
+    }
+    .text-bold {
+        font-weight: 800;
+        color: #fff;
+    }
+    .icon {
+        font-size: 24px;
+        color: $color-primary;
+        .body-green & {
+            color: $color-green;
+        }
+        .body-blue & {
+            color: $color-blue;
+        }
+        .body-orange & {
+            color: $color-orange;
+        }
+        .body-red & {
+            color: $color-red;
+        }
+        .body-pink & {
+            color: $color-pink;
+        }
+        .body-purple & {
+            color: $color-purple;
+        }
+    }
+}
+
+.breadcrumb {
+    background: none;
+    margin-bottom: 0;
+    padding: 0;
+    li {
+        color: rgba(256, 256, 256, 0.5);
+        &.active {
+            color: rgba(256, 256, 256, 0.5);
+        }
+        a {
+            color: rgba(256, 256, 256, 0.5);
+            &:hover {
+                color: #fff;
+            }
+        }
+    } 
+    
+}
+
+.breadcrumb>li+li:before {
+    color: rgba(0, 0, 0, 0.4);
+}

data/_sass/partials/_helper.scss

@@ -0,0 +1,42 @@
+.bordered {
+    display: inline-block;
+    color: rgba(255, 255, 255, .6);
+    border: 1px solid rgba(255, 255, 255, .6);
+    border-radius: 0;
+    &.dark-border {
+        color: rgba(51, 51, 51, .6);
+        border-color: rgba(51, 51, 51, .6);
+    }
+}
+
+.tags a {
+	border: 1px solid #DDD;
+	display: inline-block;
+	color: $dark;
+	background: $light;
+	-webkit-box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
+	box-shadow: 0 1px 1px 0 rgba(180,180,180,0.1);
+	-webkit-transition: all .1s ease-in-out;
+	-moz-transition: all .1s ease-in-out;
+	-o-transition: all .1s ease-in-out;
+	-ms-transition: all .1s ease-in-out;
+	transition: all .1s ease-in-out;
+	border-radius: 2px;
+	margin: 0 3px 6px 0;
+	padding: 5px 10px;
+}
+
+.tags a:hover {
+	border-color: $primary;
+}
+
+.row-centered {
+    text-align:center;
+}
+
+.col-centered {
+    display:inline-grid;
+    float:none;
+    /* inline-block space fix */
+    margin-right:-4px;
+}

data/_sass/partials/_landing.scss

@@ -0,0 +1,61 @@
+/* ======= Landing Page ======= */
+.landing-page {
+    .header {
+        background: $text-color;
+        color: rgba(256, 256, 256, 0.85);
+        padding: 60px 0;
+        a {
+            color: #fff;
+        }
+    }
+    .branding {
+        text-transform: uppercase;
+        margin-bottom: 20px;
+        .logo {
+            font-size: 38px;
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+        .text-bold {
+            font-weight: 800;
+            color: #fff;
+        }
+        .icon {
+            font-size: 32px;
+            color: $color-primary;
+        }
+    }
+    
+    .tagline {
+        font-weight: 600;
+        font-size: 20px;
+        p {
+            margin-bottom: 5px;
+        }
+        .text-highlight{
+            color: darken($color-primary, 20%);
+        }
+    }
+    
+    .fa-heart {
+        color: $color-pink;
+    }
+    
+    .cta-container {
+        margin-top: 30px;
+    }
+    
+    .social-container {
+        margin-top: 30px;
+        .twitter-tweet {
+            display: inline-block;
+            margin-right: 5px;
+            position: relative;
+            top:5px;
+        }
+        .fab-like{
+            display: inline-block;
+        }
+    }
+    
+}

data/_sass/partials/_post.scss

@@ -0,0 +1,32 @@
+#post {
+    margin-top: 15px;
+    padding-top: 15px;
+    @media(min-width:767px) {
+        margin-top: 30px;
+        padding-top: 30px;
+    }
+}
+
+.post-content {
+    ul,
+    ol {
+        text-align: left !important;
+        list-style-position: inside;
+    }
+
+    h3 {
+        font-size: 24px;
+    }
+
+    .presentation {
+        text-align: center;
+    }
+
+    .frame {
+        border:1px solid #CCC;
+        max-width: 100%;
+        width: 595px;
+        height: 485px;
+        overflow: hidden;
+    }
+}

data/_sass/partials/_resources.scss

@@ -0,0 +1,10 @@
+.resources {
+    a:hover { 
+        text-decoration:none; 
+    }
+
+    .content {
+        padding-bottom: 15px;
+        padding-top: 15px;
+    }
+}

data/_sass/partials/_toc.scss

@@ -0,0 +1,163 @@
+.toc-sidebar {
+    width: 230px;
+}
+
+.toc-menu {
+    list-style: none;
+    padding-left: 0;
+    
+    & > li {
+        margin-bottom: 5px;
+        & > a {
+            display: block;
+            padding: 5px 15px;
+            border-left: 4px solid transparent;
+            color: $text-color-secondary;
+            &:hover, &:focus {
+                color: $color-primary;
+                text-decoration: none;
+                background: none;
+                .body-green & {
+                    color: $color-green;
+                }
+                .body-blue & {
+                    color: $color-blue;
+                }
+                .body-orange & {
+                    color: $color-orange;
+                }
+                .body-red & {
+                    color: $color-red;
+                }
+                .body-pink & {
+                    color: $color-pink;
+                }
+                .body-purple & {
+                    color: $color-purple;
+                }
+            }
+        }
+        &.active {
+            & > a {
+                background: none;
+                border-left: 4px solid $color-primary;
+                color: $color-primary;
+                font-weight: 600;
+                .body-green & {
+                    color: $color-green;
+                    border-color: $color-green;
+                }
+                .body-blue & {
+                    color: $color-blue;
+                    border-color: $color-blue;
+                }
+                .body-orange & {
+                    color: $color-orange;
+                    border-color: $color-orange;
+                }
+                .body-red & {
+                    color: $color-red;
+                    border-color: $color-red;
+                }
+                .body-pink & {
+                    color: $color-pink;
+                    border-color: $color-pink;
+                }
+                .body-purple & {
+                    color: $color-purple;
+                    border-color: $color-purple;
+                }
+            }
+            
+            
+        }
+    }
+}
+
+.toc-sub-menu {
+    list-style: none;
+    padding-left: 0;
+    & > li {
+        margin-bottom: 10px;
+        font-size: 12px;
+        &:first-child {
+            padding-top: 5px;
+        }
+        & > a {
+            display: block;
+            color: $text-color-secondary;
+            padding: 0;
+            padding-left: 34px;
+            background: none;
+            &:hover{
+                color: $color-primary;
+                text-decoration: none;
+                background: none;
+                .body-green & {
+                    color: $color-green;
+                }
+                .body-blue & {
+                    color: $color-blue;
+                }
+                .body-orange & {
+                    color: $color-orange;
+                }
+                .body-red & {
+                    color: $color-red;
+                }
+                .body-pink & {
+                    color: $color-pink;
+                }
+                .body-purple & {
+                    color: $color-purple;
+                }
+            }
+            &:focus {
+                background: none;
+            }
+        }
+        &.active {
+            & > a {
+                background: none;
+                color: $color-primary;
+                .body-green & {
+                    color: $color-green;
+                }
+                .body-blue & {
+                    color: $color-blue;
+                }
+                .body-orange & {
+                    color: $color-orange;
+                }
+                .body-red & {
+                    color: $color-red;
+                }
+                .body-pink & {
+                    color: $color-pink;
+                }
+                .body-purple & {
+                    color: $color-purple;
+                }
+            }
+        }
+    }
+}
+
+.affix-top {
+    position: absolute;
+    top: 15px;
+}
+
+.affix {
+    top: 15px;
+}
+
+.affix, 
+.affix-top,
+.affix-bottom {
+    width: 230px;
+}
+
+.affix-bottom {
+    position: absolute;
+}

data/_sass/prettydocs-jekyll.scss

@@ -0,0 +1,20 @@
+// Modules and Variables
+@import "globals/base";
+@import "globals/mixins";
+@import "partials/helper";
+
+// Sections
+@import "partials/base";
+@import "partials/buttons";
+@import "partials/cards";
+@import "partials/contact";
+@import "partials/doc";
+@import "partials/footer";
+@import "partials/header";
+@import "partials/landing";
+@import "partials/post";
+@import "partials/resources";
+@import "partials/toc";
+
+// 3rd Party
+@import "vendor/timeline";

data/_sass/vendor/_timeline.scss

@@ -0,0 +1,221 @@
+@import "timeline/variables";
+
+@import "timeline/mixins/timeline-element";
+@import "timeline/mixins/timeline-event-variant";
+@import "timeline/mixins/timeline-item-variant";
+@import "timeline/mixins/timeline-label-variant";
+@import "timeline/mixins/timeline-line-variant";
+@import "timeline/mixins/timeline-point-color-variant";
+@import "timeline/mixins/timeline-point-size-variant";
+@import "timeline/mixins/timeline-responsive-variant";
+@import "timeline/mixins/timeline-row-clearfix";
+@import "timeline/mixins/timeline-single-column";
+
+.timeline {
+  @extend .timeline-line-solid;
+  @include timeline-responsive-variant($timeline-item-width-offset, 0, 0, $timeline-item-width-offset);
+  @include timeline-row-clearfix;
+
+  position: relative;
+
+  padding: map-get($timeline-container-paddings, vertical) map-get($timeline-container-paddings, horizontal);
+
+  list-style: none;
+  font-weight: 300;
+
+  &:before {
+    content: "";
+
+    position: absolute;
+
+    top: 0;
+    left: 0;
+    bottom: 0;
+
+    width: 50%;
+    height: 100% !important;
+
+    margin-left: map-get($timeline-line, width) / 2;
+
+    border-right: {
+      width: map-get($timeline-line, width);
+      style: solid;
+      color: map-get($timeline-line, color)
+    }
+  }
+
+  &.timeline-single-column {
+    @include timeline-single-column($timeline-single-column-breakpoint);
+  }
+
+  @each $type, $style in map-get($timeline-line, styles) {
+    &.timeline-line-#{$type} {
+      @include timeline-line-variant($style);
+    }
+  }
+
+  & .timeline-item {
+    @extend .timeline-item-arrow-md;
+    @include timeline-element;
+
+    margin-bottom: $timeline-item-margin-bottom;
+
+    &:nth-of-type(2) {
+      margin-top: $timeline-second-item-margin-top;
+    }
+
+    &.timeline-item-left, &.timeline-item-right {
+      @include timeline-item-start-margins(0, $timeline-second-item-margin-top);
+
+      clear: both !important;
+
+      & + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
+        clear: both;
+      }
+    }
+
+    &.timeline-item-right, &:nth-of-type(even):not(.timeline-item-left) {
+      float: right;
+      clear: right;
+
+      & > .timeline-point {
+        left: -$timeline-point-width;
+
+        &.timeline-point-blank {
+          left: -$timeline-point-blank-width;
+        }
+      }
+    }
+
+    @each $size, $style in $timeline-item-arrow {
+      &.timeline-item-arrow-#{$size} {
+        @include timeline-item-variant(map-get($style, offset-top), map-get($style, width));
+      }
+    }
+
+    & > .timeline-event {
+      @extend .timeline-event-default;
+
+      position: relative;
+      float: left;
+
+      border-radius: $timeline-item-border-radius;
+
+      @each $status, $color in $timeline-colors {
+        &.timeline-event-#{$status} {
+          @include timeline-event-variant(
+                  map-get($timeline-bg-colors, $status),
+                  map-get($timeline-desaturated-colors, $status),
+                  map-get($timeline-colors, $status)
+          );
+        }
+      }
+
+      &:before, &:after {
+        content: "";
+
+        display: inline-block;
+        position: absolute;
+      }
+
+      & .timeline-heading, & .timeline-body, & .timeline-footer {
+        padding: map-get($timeline-item-inner-padding, verical) map-get($timeline-item-inner-padding, horizontal);
+
+        & p, & ul {
+          margin-bottom: 0;
+        }
+      }
+
+      & .timeline-heading {
+        & h4 {
+          font-weight: 400;
+        }
+      }
+
+      & .timeline-footer {
+        & a {
+          cursor: pointer;
+          text-decoration: none;
+        }
+      }
+
+      & .panel, & .table, & .blankslate {
+        margin: 0;
+
+        border: none;
+        border-radius: inherit;
+
+        overflow: hidden;
+      }
+
+      & .table {
+        & th {
+          border-top: 0;
+        }
+      }
+    }
+
+    & > .timeline-point {
+      @extend .timeline-point-default;
+      @include timeline-point-size-variant($timeline-point-width, $timeline-point-height);
+
+      position: absolute;
+      z-index: 100;
+
+      border: {
+        width: $timeline-point-border-width;
+        style: solid;
+        radius: 100%
+      }
+
+      line-height: $timeline-point-height - ($timeline-point-border-width * 2);
+      text-align: center;
+
+      &.timeline-point-blank {
+        @include timeline-point-size-variant($timeline-point-blank-width, $timeline-point-blank-height);
+        @include timeline-point-color-variant(map-get($timeline-desaturated-colors, default), map-get($timeline-desaturated-colors, default));
+      }
+
+      @each $status, $color in $timeline-colors {
+        &.timeline-point-#{$status} {
+          @include timeline-point-color-variant(map-get($timeline-bg-colors, default), map-get($timeline-desaturated-colors, $status));
+        }
+      }
+    }
+  }
+
+  & .timeline-label {
+    @include timeline-element;
+    @include timeline-item-start-margins(0, $timeline-second-item-margin-top);
+
+    top: 1px;
+
+    width: 100%;
+
+    margin: {
+      left: auto;
+      right: auto;
+    }
+    padding: 0;
+
+    text-align: center;
+
+    @each $status, $color in $timeline-colors {
+      & .label-#{$status} {
+        @include timeline-label-variant(map-get($timeline-desaturated-colors, $status));
+      }
+    }
+  }
+}
+
+@media all and (orientation: portrait) {
+  .timeline {
+    @include timeline-single-column;
+  }
+}
+
+@media (max-width: $timeline-single-column-breakpoint) {
+  .timeline {
+    @include timeline-single-column;
+  }
+}