jursdocs 0.0.4 → 0.0.5

data/_layouts/post.html

@@ -0,0 +1,18 @@
+---
+layout: default
+---
+<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header class="post-header">
+    <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
+    <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
+  </header>
+
+  <div class="post-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  {% if site.disqus.shortname %}
+    {% include disqus_comments.html %}
+  {% endif %}
+</article>

data/_sass/jursdocs.scss

@@ -0,0 +1,20 @@
+$sidebar-width: 20rem;
+$sidebar-padding: 1rem;
+$dark-gray: #373942;
+$brand-color: #ce2922;
+$base-font-color: #333;
+$header-height: 118px;
+
+$success-color: #5cb85c;
+$info-color:    #5bc0de;
+$warning-color: #f0ad4e;
+$danger-color:  #d9534f;
+
+// Import partials.
+@media screen {
+  @import "jursdocs/base", "jursdocs/typography","jursdocs/syntax-highlighting";
+}
+
+@media print {
+  @import "jursdocs/print";
+}

data/_sass/jursdocs/_base.scss

@@ -0,0 +1,611 @@
+* {
+    box-sizing: border-box;
+}
+
+a,
+abbr,
+acronym,
+address,
+applet,
+article,
+aside,
+audio,
+b,
+big,
+blockquote,
+body,
+canvas,
+caption,
+center,
+cite,
+code,
+dd,
+del,
+details,
+dfn,
+div,
+dl,
+dt,
+em,
+embed,
+fieldset,
+figcaption,
+figure,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+hgroup,
+html,
+i,
+iframe,
+img,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+nav,
+object,
+ol,
+output,
+p,
+pre,
+q,
+ruby,
+s,
+samp,
+section,
+small,
+span,
+strike,
+strong,
+sub,
+summary,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+tt,
+u,
+ul,
+var,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+    display: block;
+}
+
+body {
+    color: #333;
+    line-height: 1.5;
+    font-family: 'Lato', sans-serif;
+    @media (max-width:480px) {
+        font-size: 0.875em;
+    }
+}
+
+ol,
+ul {
+    list-style: none;
+}
+
+dl {
+    margin-bottom: 2rem;
+}
+
+dt {
+    font-weight: 700;
+    margin-top: 1em;
+}
+
+blockquote,
+q {
+    quotes: none;
+}
+
+blockquote:after,
+blockquote:before,
+q:after,
+q:before {
+    content: '';
+    content: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+img {
+    max-width: 100%;
+    display: block;
+    margin: 2rem auto;
+}
+
+a {
+    color: $brand-color;
+}
+
+.lead,
+.main-content > p:first-of-type {
+    font-size: 1.3em;
+    font-weight: 600;
+    opacity: 0.6;
+}
+
+.page-header {
+    position: fixed;
+    width: 100%;
+    z-index: 100;
+}
+
+.main-header {
+    display: flex;
+    background-color: $dark-gray;
+    color: #fff;
+    width: 100%;
+    top: 0;
+    z-index: 100;
+    justify-content: space-between;
+}
+
+.logo {
+    flex: 0 0 $sidebar-width;
+    padding: 1rem $sidebar-padding;
+
+    svg {
+        max-height: 25px;
+        display: block;
+        width: auto;
+
+    }
+}
+
+.header-nav {
+    ul {
+        display: flex;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        height: 100%;
+
+    }
+
+    li {
+        display: flex;
+        align-items: center;
+        margin: 0 1em 0 0;
+    }
+
+    a {
+        color: #adb0ba;
+        text-decoration: none;
+        padding: 0 2rem;
+    }
+}
+
+.page-subheader {
+    display: flex;
+    border-bottom: 1px solid rgba(#000, .2);
+    box-shadow: 0 0 4px 0 rgba(#000, .2);
+    width: 100%;
+    top: 57px;
+    background: linear-gradient(rgba(#fff, 1) 0%, rgba(#fff, .95) 50%, rgba(#fff, .75) 100%);
+    z-index: 50;
+
+    .page-title {
+        font-size: 1.2rem;
+        padding: $sidebar-padding;
+    }
+
+    .breadcrumbs {
+        padding: 0 $sidebar-padding;
+        flex: 1 1 auto;
+        order: 2;
+        display: flex;
+        align-items: center;
+
+        a {
+            text-transform: capitalize;
+            margin: 0 0.5em;
+
+            &:first-child {
+                margin-left: 0;
+            }
+
+            &:last-child {
+                margin-right: 0;
+            }
+        }
+    }
+
+    .print-button {
+      display: block;
+      flex: 0 1 30px;
+      width: 30px;
+      order: 3;
+      align-self: center;
+      margin-right: 1rem;
+      opacity: .5;
+      svg {
+        width: 30px;
+        height: auto;
+      }
+    }
+
+    .page-title {
+        flex: 0 0 $sidebar-width;
+        order: 1;
+    }
+}
+
+.wrapper {
+    width: 100%;
+}
+
+.page-content {
+    overflow: auto;
+    min-height: 100vh;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    @media (max-width:574px) {
+        flex-direction: column;
+    }
+
+    .main-content {
+        float: left;
+        padding: calc(2rem + #{$header-height}) 0 2rem;
+        overflow: hidden;
+        flex: 1 1 auto;
+        order: 2;
+        @media (max-width:574px) {
+            order: 1;
+        }
+
+        .main-content-inner {
+            width: 90%;
+            max-width: 42rem;
+            margin: 0 auto;
+        }
+
+        ul {
+            list-style: disc;
+        }
+
+        ol {
+            list-style: decimal;
+        }
+    }
+
+    .sidebar {
+        flex: 0 1 $sidebar-width;
+        border-bottom: 1px solid rgba(#000, .2);
+        box-shadow: 0 0 4px 0 rgba(#000, .2);
+        padding: calc(2rem + #{$header-height}) $sidebar-padding 2rem;
+        background-color: $dark-gray;
+
+        order: 1;
+        @media (max-width:720px) and (min-width:575px) {
+            font-size: 0.85em;
+        }
+        @media (max-width:574px) {
+            order: 2;
+        }
+
+        a {
+            color: #fff;
+            text-decoration: none;
+            font-size: 1em;
+
+            a {
+                font-size: 0.85em;
+            }
+        }
+
+        li {
+            line-height: 1.2;
+
+            a {
+                margin-bottom: 0.5rem;
+                display: block;
+                line-height: 1.2;
+            }
+        }
+
+        nav > ul > li {
+            margin-bottom: 2rem;
+
+            > a {
+                font-size: 1.1em;
+            }
+        }
+
+        ul {
+            margin: 0;
+            padding: 0;
+            list-style: none;
+
+            > li > ul {
+                //margin-left: 1rem;
+
+                a {
+                    opacity: 0.40;
+                }
+            }
+        }
+    }
+}
+
+.home {
+    padding-top: 57px;
+
+    .page-content {
+        min-height: none;
+    }
+}
+
+.hero {
+    background-image: url('HNCK4011.jpg');
+    background-size: cover;
+    background-position: center;
+    min-height: 30rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 61px 2em 0;
+
+    h1 {
+        margin: 0;
+        color: #fff;
+    }
+}
+
+.welcome {
+    text-align: center;
+    max-width: 680px;
+    margin: 4em auto 2em;
+
+    p {
+        font-size: 1em;
+    }
+}
+
+.frontpage-sections {
+
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+
+    .section {
+        flex: 1 1 50%;
+        text-align: center;
+        max-width: 300px;
+        margin: 0 0 4em;
+        min-width: 260px;
+    }
+
+    img {
+        margin: 0 auto 2em;
+        max-width: 10em;
+    }
+
+    .section-header {
+        font-size: 1.3em;
+        text-decoration: none;
+        margin-bottom: 4em;
+    }
+
+    ul {
+        margin: 1em 0 0;
+
+        a {
+            color: $base-font-color;
+            opacity: 0.75;
+            text-decoration: none;
+        }
+    }
+}
+
+footer.site-footer {
+    padding: 2rem;
+    background-color: #efefef;
+}
+
+.btn {
+    background-color: $brand-color;
+    color: #fff;
+    text-decoration: none;
+    padding: 0.3em 1em 0.4em;
+    border-radius: 4px;
+}
+
+#markdown-toc {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    ul {
+        margin-left: 2rem;
+    }
+
+    li {
+        line-height: 1.2;
+
+        a {
+            margin-bottom: 0.5rem;
+            display: block;
+            line-height: 1.2;
+        }
+    }
+
+    a {
+        text-decoration: none;
+        font-size: 1em;
+
+    }
+}
+
+.description_header {
+    font-size: 1.2em;
+    margin: 0 0 0.5em;
+}
+
+.popup,
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  background-color: rgba(#dedede,.9);
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  &.hidden {
+    display: none;
+  }
+  .popup-inner,
+  .overlay-inner {
+    max-width: 30rem;
+    width: 80%;
+    box-shadow: 0 0 4px 0 rgba(#000, .2);
+    padding: 2rem;
+    background-color: #fff;
+    position: relative;
+    h3 {
+      margin: 0 0 1rem;
+    }
+    .close {
+      position: absolute;
+      top: 2rem;
+      right: 1rem;
+      text-decoration: none;
+      display: block;
+      font-size: 3rem;
+      color: #ccc;
+    }
+  }
+}
+
+.overlay {
+  background-color: #ccc;
+  .back_button {
+    position: absolute;
+    top: -3rem;
+    left: 0;
+    text-decoration: none;
+    display: block;
+    font-size: 3rem;
+    color: #000;
+    width: 37px;
+    height: 3rem;
+    line-height: 1;
+    background: none;
+    border: 0;
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.alert {
+  padding: 1rem;
+  margin-bottom: 2rem;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  p:last-child {
+    margin-bottom: 0;
+  }
+  &.alert-success {
+      color: darken($success-color, 25);
+      background-color: lighten($success-color, 35);
+      border-color: lighten($success-color, 30);
+  }
+  &.alert-info {
+    color: darken($info-color, 25);
+    background-color: lighten($info-color, 30);
+    border-color: lighten($info-color, 35);
+  }
+  &.alert-warning {
+    color: darken($warning-color, 25);
+    background-color: lighten($warning-color, 30);
+    border-color: lighten($warning-color, 25);
+
+  }
+  &.alert-danger {
+    color: darken($danger-color, 25);
+    background-color: lighten($danger-color, 35);
+    border-color: lighten($danger-color, 30);
+  }
+}
+
+.callout {
+  padding: 20px;
+  margin: 20px 0;
+  border: 1px solid #eee;
+  border-left-width: 5px;
+  border-radius: 3px;
+  h4 {
+    margin-top: 0;
+    margin-bottom: 5px;
+  }
+  p:last-child {
+    margin-bottom: 0;
+  }
+  code {
+    border-radius: 3px;
+  }
+  + .callout {
+    margin-top: -5px;
+  }
+  &.callout-danger {
+    border-left-color: darken($danger-color, 25);
+    h4 {
+      color: darken($danger-color, 25);
+    }
+  }
+
+  &.callout-warning {
+    border-left-color: darken($warning-color, 25);
+    h4 {
+      color: darken($warning-color, 25);
+    }
+  }
+
+  &.callout-info {
+    border-left-color: darken($info-color, 25);
+    h4 {
+      color: darken($info-color, 25);
+    }
+  }
+}