jekyll-theme-adobe-hyde 0.2.1

data/_layouts/library.html

@@ -0,0 +1,26 @@
+---
+layout: default
+---
+<div class="post">
+  <header class="post-header">
+    <h1>{{ page.title }}</h1>
+  </header>
+
+  <article class="post-content">
+    {{ page.brief | markdownify }}
+
+    {{ page.description | markdownify }}
+
+    {{ content }}
+
+    {% include associated_typedefs.html %}
+
+    {% include associated_enumerations.html %}
+
+    {% include associated_classes.html %}
+
+    {% include associated_functions.html %}
+
+    {% include associated_libraries.html %}
+  </article>
+</div>

data/_layouts/method.html

@@ -0,0 +1,5 @@
+---
+layout: function
+---
+
+{{content}}

data/_layouts/page.html

@@ -0,0 +1,31 @@
+---
+layout: default
+---
+<article class="post">
+
+    <header class="post-header">
+        <h1 class="post-title">{{ page.title | markdownify }}</h1>
+    </header>
+
+    <div class="post-content">
+        {{ content }}
+    </div>
+
+    {% if page.comments %}
+        <div id="disqus_thread"></div>
+        <script type="text/javascript">
+            {% if site.safe == false %}var disqus_developer = 1;{% endif %}
+            var disqus_shortname = '{{ site.comments.disqus.short_name }}'; // required: replace example with your forum shortname
+
+            /* * * DON'T EDIT BELOW THIS LINE * * */
+            (function() {
+                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+                dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
+                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+            })();
+        </script>
+        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+        <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
+    {% endif %}
+
+</article>

data/_layouts/post.html

@@ -0,0 +1,32 @@
+---
+layout: default
+---
+<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header class="post-header">
+    <h1 class="post-title" itemprop="name headline">{{ page.title }}</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 page.comments %}
+        <div id="disqus_thread"></div>
+        <script type="text/javascript">
+            {% if site.safe == false %}var disqus_developer = 1;{% endif %}
+            var disqus_shortname = '{{ site.comments.disqus.short_name }}'; // required: replace example with your forum shortname
+
+            /* * * DON'T EDIT BELOW THIS LINE * * */
+            (function() {
+                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+                dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
+                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+            })();
+        </script>
+        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+        <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
+    {% endif %}
+
+</article>

data/_sass/_base.scss

@@ -0,0 +1,201 @@
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+    margin: 0;
+    padding: 0;
+}
+
+* {
+	margin: 0;
+}
+html, body {
+	height: 100%;
+}
+
+/**
+ * Basic styling
+ */
+body {
+    font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+    color: $text-color;
+    background-color: $background-color;
+    -webkit-text-size-adjust: 100%;
+    -webkit-font-feature-settings: "kern" 1;
+    -moz-font-feature-settings: "kern" 1;
+    -o-font-feature-settings: "kern" 1;
+    font-feature-settings: "kern" 1;
+    font-kerning: normal;
+}
+
+pre, code {
+    // font: $base-font-weight #{$base-font-size}/#{$base-line-height} $code-font-family;
+    font-family: $code-font-family;
+}
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6, blockquote,
+ul, ol, dl, p, figure
+%vertical-rhythm {
+    margin-bottom: $spacing-unit / 2;
+}
+
+
+
+/**
+ * Images
+ */
+img {
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+
+
+/**
+ * Figures
+ */
+figure > img {
+    display: block;
+}
+
+figcaption {
+    font-size: $small-font-size;
+}
+
+
+
+/**
+ * Lists
+ */
+ul, ol {
+    margin-left: $spacing-unit;
+}
+
+li {
+    > ul,
+    > ol {
+         margin-bottom: 0;
+    }
+}
+
+
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+    font-family: $header-font-family;
+    font-weight: $base-font-weight;
+}
+
+
+
+/**
+ * Links
+ */
+a {
+    color: $link-color;
+    text-decoration: none;
+}
+a:hover {
+    text-decoration: underline;
+}
+
+
+/**
+ * Blockquotes
+ */
+blockquote {
+    color: $quote-text-color;
+    background-color: $quote-background-color;
+    border-left: 4px solid $quote-accent-color;
+    padding-left: $spacing-unit / 2;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-right: 8px;
+
+    > :last-child {
+        margin-bottom: 0;
+    }
+}
+
+/**
+ * Code formatting
+ */
+
+dt {
+	font-weight: bold;
+	margin-top: 8px;
+}
+
+dd {
+	margin-left: 8px;
+}
+
+pre {
+    // padding: 8px 0px 8px 0px;
+    overflow-x: auto;
+    margin: 0;
+
+    > code {
+        line-height:0.8;
+        border: 0;
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+
+.wrapper {
+    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
+    max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
+    margin-right: auto;
+    margin-left: auto;
+    padding-right: $spacing-unit;
+    padding-left: $spacing-unit;
+    @extend %clearfix;
+
+    @include media-query($on-laptop) {
+        max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
+        max-width:         calc(#{$content-width} - (#{$spacing-unit}));
+        padding-right: $spacing-unit / 2;
+        padding-left: $spacing-unit / 2;
+    }
+}
+
+
+/**
+ * Clearfix
+ */
+%clearfix {
+
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+
+
+
+/**
+ * Icons
+ */
+.icon {
+
+    > svg {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        vertical-align: middle;
+
+        path {
+            fill: $icon-fill-color;
+        }
+    }
+}

data/_sass/_layout.scss

@@ -0,0 +1,762 @@
+/**
+ * Site header
+ */
+.site-header {
+    background-color: $header-background-color;
+    border-bottom: 1px solid $header-border-color;
+    min-height: $header-height;
+    margin-bottom: 10px;
+    padding-bottom: 14px;
+    padding-top: 16px;
+
+    // Positioning context for the mobile navigation icon
+    position: relative;
+}
+
+.site-title {
+    /*
+    font-size: 26px;
+    font-weight: 300;
+    line-height: 56px;
+    letter-spacing: -1px;
+    margin-bottom: 0;
+    float: left;
+    */
+
+    float: left;
+    width: 50%;
+    margin-top: 3px;
+    margin-bottom: 3px;
+    min-height: $header-height;
+
+    /*
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    */
+
+    background-image: $header-image;
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.site-nav {
+    float: right;
+    line-height: $header-height;
+    margin-top: 3px;
+
+    .menu-icon {
+        display: none;
+    }
+
+    .page-link {
+        color: $site-nav-link-color;
+        line-height: $base-line-height;
+
+        // Gaps between nav items, but not on the last one
+        &:not(:last-child) {
+            margin-right: 20px;
+        }
+    }
+
+    @include media-query($on-palm) {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        background-color: $site-menu-background-color;
+        border: 1px solid $site-menu-border-color;
+        border-radius: 5px;
+        text-align: right;
+
+        .menu-icon {
+            display: block;
+            float: right;
+            width: 36px;
+            height: 26px;
+            line-height: 0;
+            padding-top: 10px;
+            text-align: center;
+
+            > svg {
+                width: 18px;
+                height: 15px;
+
+                path {
+                    fill: $site-menu-fill-color;
+                }
+            }
+        }
+
+        .trigger {
+            clear: both;
+            display: none;
+        }
+
+        &:hover .trigger {
+            display: block;
+            padding-bottom: 5px;
+        }
+
+        .page-link {
+            display: block;
+            padding: 5px 10px;
+
+            &:not(:last-child) {
+                margin-right: 0;
+            }
+            margin-left: 20px;
+        }
+    }
+}
+
+
+
+/**
+ * Site footer
+ */
+.site-footer {
+    border-top: 1px solid $footer-border-color;
+    padding: 20px 0;
+    background-color: $footer-background-color;
+}
+
+.footer-heading {
+    font-size: $base-font-size;
+    margin-bottom: 0;
+}
+
+.contact-list,
+.social-media-list {
+    list-style: none;
+    margin-left: 0;
+}
+
+.footer-table {
+    font-size: $small-font-size;
+    color: $footer-text-color;
+    width: 100%;
+
+    > tbody {
+        > tr {
+            > td {
+                > a {
+                    color: $footer-link-color;
+                }
+            }
+        }
+    }
+}
+
+.footer-left {
+    text-align: left;
+    vertical-align: top;
+    width: 33%;
+}
+
+.footer-center {
+    text-align: center;
+    vertical-align: top;
+    width: 34%;
+}
+
+.footer-right {
+    text-align: right;
+    vertical-align: top;
+    width: 33%;
+}
+
+
+/**
+ * Main content
+ */
+// Make footer "sticky". I.e., push to bottom of page when there is little content,
+// and push to the end of content otherwise.
+.main-content {
+    min-height: 100%;
+    margin-bottom: -$footer-height;
+    background-color: $background-color;
+}
+
+.main-content:after {
+    content: "";
+    display: block;
+}
+
+.site-footer, .main-content:after {
+    height: $footer-height;
+    box-sizing: border-box;
+}
+
+
+/**
+ * Top bar
+ */
+ .top-bar {
+    display: flex;
+    width: 100%;
+    box-sizing: border-box;
+
+    @include media-query($on-palm) {
+        flex-direction: column;
+    }
+}
+
+.top-bar-breadcrumb {
+    flex:0 0 auto;
+}
+
+.top-bar-spacer {
+    flex: 1 1 auto;
+}
+
+.top-bar-theme {
+    flex:0 0 auto;
+}
+
+
+/**
+ * Breadcrumbs
+ */
+.breadcrumb {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+    > li {
+        display: inline;
+    }
+    > li.active {
+        font-style: oblique;
+    }
+    > li.crumb:before {
+        content: "\2009|\a0";
+    }
+}
+
+
+/**
+ * Page content
+ */
+.page-content {
+    padding: $spacing-unit / 2 0;
+}
+
+.post-list {
+    margin-left: 0;
+    list-style: none;
+
+    > li {
+        margin-bottom: $spacing-unit;
+    }
+}
+
+.post-meta {
+    font-size: $small-font-size;
+    color: $post-meta-text-color;
+}
+
+.post-link {
+    display: block;
+    font-size: 24px;
+}
+
+/**
+ * Posts
+ */
+.post-header {
+    margin-bottom: $spacing-unit / 2;
+
+    > .code {
+        font-family: $code-font-family;
+    }
+}
+
+.post-title {
+    font-size: 2.5em;
+
+    @include media-query($on-laptop) {
+        font-size: 2.3em;
+    }
+}
+
+.post-content {
+    margin-bottom: $spacing-unit;
+
+    h1 {
+        font-size: 2em;
+        margin-top: 30px;
+        margin-bottom: 10px;
+
+        @include media-query($on-laptop) {
+            font-size: 1.8em;
+        }
+    }
+
+    h2 {
+        font-size: 1.8em;
+
+        @include media-query($on-laptop) {
+            font-size: 1.6em;
+        }
+    }
+
+    h3 {
+        font-size: 1.6em;
+
+        @include media-query($on-laptop) {
+            font-size: 1.4em;
+        }
+    }
+
+    h4 {
+        font-size: 1.4em;
+
+        @include media-query($on-laptop) {
+            font-size: 1.2em;
+        }
+    }
+
+    h5 {
+        font-size: 1.2em;
+
+        @include media-query($on-laptop) {
+            font-size: 1.0em;
+        }
+    }
+}
+
+/**
+ * Tables
+ */
+
+table {
+    border-collapse: collapse;
+}
+
+.indent {
+    margin-left: $spacing-unit / 2;
+}
+
+/**
+ * Definition tables are indented on the left, and have horizontal lines between
+ * every row.
+ */
+.definition-table {
+    margin-left: $spacing-unit / 2;
+    margin-bottom: $spacing-unit / 2;
+    border-bottom: 1px solid $table-separator-color;
+    border-top: 1px solid $table-separator-color;
+    width: 100%;
+
+    > tbody {
+        > tr {
+            border-top: 1px solid $table-separator-color;
+
+            > th {
+                text-align: left;
+            }
+            > td {
+                > p {
+                    margin: 0;
+                    display: inline;
+                }
+                padding-right: 1.5em;
+                vertical-align: top;
+            }
+            > td.type {
+                font-family: $code-font-family;
+                white-space: nowrap;
+                vertical-align: top;
+            }
+            > td.field {
+                font-family: $code-font-family;
+                white-space: nowrap;
+                vertical-align: top;
+            }
+            > td.decl {
+                text-indent: -3em;
+                padding-left: 3em;
+                font-family: $code-font-family;
+                vertical-align: top;
+            }
+            > td.defn {
+                padding-right: 0;
+            }
+        }
+    }
+}
+
+/**
+ * Associated tables are those that enumerate library subcomponents and
+ * associated elements.
+ */
+ .associated-table {
+    margin-left: $spacing-unit / 2;
+    margin-bottom: $spacing-unit / 2;
+    border-bottom: 1px solid $table-separator-color;
+    border-top: 1px solid $table-separator-color;
+    width: 100%;
+
+    > tbody {
+        > tr {
+            border-top: 1px solid $table-separator-color;
+
+            > th {
+                text-align: left;
+            }
+            > td {
+                > p {
+                    margin: 0;
+                    display: inline;
+                }
+            }
+            > td.name {
+                text-indent: -3em;
+                padding-left: 3em;
+                font-family: $code-font-family;
+                // white-space: nowrap;
+                vertical-align: top;
+                padding-right: 1.5em;
+            }
+            > td.brief {
+            }
+        }
+    }
+}
+
+/**
+ * Declaration tables are identical to definition tables, but without the
+ * indent.
+ */
+ .declaration-table {
+    margin-bottom: $spacing-unit / 2;
+    border-bottom: 1px solid $table-separator-color;
+    border-top: 1px solid $table-separator-color;
+    width: 100%;
+
+    > tbody {
+        > tr {
+            border-top: 1px solid $table-separator-color;
+
+            > th {
+                text-align: left;
+            }
+            > td {
+                > p {
+                    margin: 0;
+                    display: inline;
+                }
+            }
+            > td.decl {
+                font-family: $code-font-family;
+                white-space: nowrap;
+                vertical-align: top;
+                padding-right: 1.5em;
+            }
+            > td.defn {
+            }
+        }
+    }
+}
+
+/**
+ * State transition tables, like the one in the transaction docs.
+ */
+ .state-transition {
+    margin-bottom: $spacing-unit / 2;
+    border-bottom: 1px solid $table-separator-color;
+    border-top: 1px solid $table-separator-color;
+    width: 100%;
+
+    > thead {
+     > tr {
+        border-bottom: 1px solid $table-separator-color;
+     }
+    }
+
+    > tbody {
+        > tr {
+            border-top: 1px solid $table-separator-color;
+            > td {
+            }
+        }
+    }
+}
+
+/**
+ * Parameter Notes, like the one in the collection connect_insert docs.
+ */
+ .parameter-table {
+    margin-bottom: $spacing-unit / 2;
+    border-bottom: 1px solid $table-separator-color;
+    border-top: 1px solid $table-separator-color;
+    width: 100%;
+
+    > thead {
+        > tr {
+            border-bottom: 1px solid $table-separator-color;
+
+            > th {
+                font-weight: bold;
+                text-align: left;
+            }
+        }
+    }
+
+    > tbody {
+        > tr {
+            border-top: 1px solid $table-separator-color;
+            border-spacing: 0.1em;
+            > td {
+                vertical-align: top;
+                padding-right: 0.5em;
+            }
+        }
+    }
+}
+
+/**
+ * Directory tables, like the ones that structure the `eng` folder.
+ */
+ .directory-table {
+    margin-left: 1em;
+
+    > tbody {
+        > tr {
+            > td {
+                padding-right: 0.2em;
+                line-height: 1.0;
+                vertical-align: top;
+            }
+        }
+    }
+}
+
+/**
+ * Description list for method descriptions
+ */
+.description-list {
+    > li {
+        padding-bottom: 0.5em;
+        > p {
+            margin: 0;
+            display: inline;
+        }
+    }
+}
+
+/**
+ * Annotations.
+ */
+span.annotation {
+    color: green;
+    font-style: italic;
+}
+
+/**
+ * Parameter tables are identical to definition tables, but without the
+ * horizontal lines.
+ */
+.parameter-table {
+    margin-left: $spacing-unit / 2;
+    margin-bottom: $spacing-unit / 2;
+    width: 100%;
+
+    > tbody {
+        > tr {
+            > th {
+                text-align: left;
+            }
+            > td {
+                vertical-align: top;
+
+                > p {
+                    margin: 0;
+                    display: inline;
+                }
+            }
+            > td.decl {
+                font-family: $code-font-family;
+                padding-right: 1.5em;
+            }
+            > td.defn {
+            }
+        }
+    }
+}
+
+/**
+ * Example tables are indented on the left, and have horizontal lines between
+ * every row.
+ */
+.example-table {
+    margin-bottom: $spacing-unit / 2;
+    border-bottom: 1px solid $table-separator-color;
+    border-top: 1px solid $table-separator-color;
+    width: 100%;
+
+    > tbody {
+        > tr {
+            border-top: 1px solid $table-separator-color;
+
+            > th {
+                text-align: left;
+            }
+            > td {
+                vertical-align: top;
+
+                > p {
+                    margin: 0;
+                    display: inline;
+                }
+            }
+            > td.decl_func {
+                font-family: $code-font-family;
+            }
+            > td.decl_link {
+                font-family: $code-font-family;
+                padding-left: 1.5em;
+            }
+            > td.defn {
+                padding-left: 1.5em;
+            }
+        }
+    }
+}
+
+/**
+ * Contributors listed in the About page
+ */
+.contributors-table {
+    > tbody {
+        > tr {
+            > td {
+                padding-left: 1.5em;
+                padding-bottom: 1em;
+
+                > img {
+                    width: 5em;
+                    height: 5em;
+                }
+            }
+        }
+    }
+}
+
+/**
+ * Styling for some of the auto generated stuff
+ */
+
+.declaration-list {
+    > p {
+        display: inline;
+    }
+}
+
+/**
+ * Front page iconography
+ */
+.icon-table {
+    margin: auto;
+    border-collapse: separate;
+    border-spacing: 3em 0;
+
+        > tbody {
+        > tr {
+        > td {
+        > a {
+            text-decoration: none;
+        }
+        }
+        }
+        }
+
+
+    @include media-query($on-palm) {
+        border-spacing: 1em 0;
+    }
+}
+
+.icon-box {
+    background: $icon-primary-color;
+    color: $icon-text-color;
+    border-radius: 1em;
+    @include media-query($on-palm) {
+        border-radius: .3em;
+    }
+
+    > .top {
+        border-radius: 1em 1em 0 0;
+        @include media-query($on-palm) {
+            border-radius: .3em .3em 0 0;
+        }
+        > .fa {
+            display: inline-block;
+            width: 1.7em;
+            text-align: center;
+            line-height: 1.4em;
+            font-size: 5em;
+            vertical-align: middle;
+
+            @include media-query($on-palm) {
+                font-size: 2em;
+            }
+        }
+    }
+    > .bottom {
+        background: $icon-secondary-color;
+        border-radius: 0 0 1em 1em;
+        border-left: 1px solid $icon-border-color;
+        border-right: 1px solid $icon-border-color;
+        border-bottom: 1px solid $icon-border-color;
+        font-weight: bold;
+        text-align: center;
+        padding-top: .7em;
+        padding-bottom: .7em;
+
+        @include media-query($on-palm) {
+            padding-top: .2em;
+            padding-bottom: .2em;
+            border-radius: 0 0 .3em .3em;
+        }
+    }
+
+    &:hover {
+        background: $icon-hover-primary-color;
+        color: $icon-hover-text-color;
+
+        > .bottom {
+            background: $icon-hover-secondary-color;
+            border-left: 1px solid $icon-hover-border-color;
+            border-right: 1px solid $icon-hover-border-color;
+            border-bottom: 1px solid $icon-hover-border-color;
+        }
+    }
+}
+
+.rss-subscribe {
+    text-align: right;
+}
+
+/**
+ * Dialogs, for lack of a better name
+ */
+
+.warning-box {
+    margin: 0;//1em;
+    margin-bottom: $spacing-unit / 2;
+    padding: 0.5em 1em;
+    border-radius: 0.5em;
+    border: 1px solid #f0f000;
+    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f977+0,fcfccf+100 */
+    background: #f9f977; /* Old browsers */
+    background: -moz-linear-gradient(top,  #f9f977 0%, #fcfccf 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #f9f977 0%,#fcfccf 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #f9f977 0%,#fcfccf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f977', endColorstr='#fcfccf',GradientType=0 ); /* IE6-9 */
+    &:before {
+        content: "Warning: ";
+    }
+}