jekyll-theme-hydejack 6.0.0.pre.alpha

data/_sass/hydejack/_sidebar.scss

@@ -0,0 +1,121 @@
+/*
+ * Sidebar
+ *
+ * Flexible banner for housing site name, intro, and "footer" content. Starts
+ * out above content in mobile and later moves to the side with wider viewports.
+ */
+
+.sidebar {
+  // color: rgba(255,255,255,.75);
+  // text-align: left;
+
+  &::before {
+    /* make sidebar slightly darker to increase text readability (when using a background image) */
+    // content: "";
+    // position: absolute;
+    // z-index: 2;
+    // top: 0;
+    // left: 0;
+    // bottom: 0;
+    // right: 0;
+    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202020+0,202020+100&0+0,0.5+100 */
+    background: -moz-linear-gradient(top, rgba(32,32,32,0) 0%, rgba(32,32,32,0.5) 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top, rgba(32,32,32,0) 0%,rgba(32,32,32,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom, rgba(32,32,32,0) 0%,rgba(32,32,32,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00202020', endColorstr='#80202020',GradientType=0 ); /* IE6-9 */
+  }
+
+  // /* Sidebar links */
+  // a {
+  //   color: #fff;
+  // }
+}
+
+// #_yDrawer {
+//   position: relative;
+//
+//   @media screen {
+//     padding: 2rem 1rem;
+//     min-height: 640px; // fallback
+//     min-height: 100vh;
+//   }
+//
+//   @media screen and (min-width: $break-point-1) {
+//     position: fixed;
+//     top: 0;
+//     left: 0;
+//     bottom: 0;
+//     width: 18rem; // duplicate!
+//     margin-left: 0;
+//   }
+//
+//   @media screen and (min-width: $break-point-dynamic) {
+//     width: $dynamic-width;
+//   }
+//
+//   &.loaded {
+//     min-height: 0;
+//     padding: 0;
+//   }
+// }
+//
+// .sidebar-bg {
+//   position: absolute;
+//   top: 0;
+//   right: 0;
+//   bottom: 0;
+//   left: 0;
+//   background: #202020 center / cover;
+// }
+//
+// .sidebar-sticky {
+//   position: relative;
+//   z-index: 3;
+//
+//   @media screen {
+//     position: absolute;
+//     right:  1rem;
+//     bottom: 1rem;
+//     left:   1rem;
+//   }
+// }
+//
+// /* About section */
+// .sidebar-about > h1 {
+//   color: #fff;
+//   font-size: 2rem;
+// }
+//
+// .sidebar-nav > ul {
+//   list-style: none;
+//   padding-left: 0;
+//
+//   > li:last-child > .sidebar-nav-item {
+//     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+//   }
+// }
+//
+.sidebar-nav-item {
+  // font-weight: bold;
+  // display: block;
+  // line-height: 1.75;
+  // margin: 0 -2rem;
+  // padding: .25rem 2rem;
+  // border-top: 1px solid rgba(255, 255, 255, 0.2);
+  // border-bottom: none;
+
+  &:hover, &:focus {
+    border-bottom: none;
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+}
+
+@media print {
+  .sidebar {
+    page-break-inside: avoid;
+  }
+
+  .sidebar-nav, .sidebar-social {
+    display: none;
+  }
+}

data/_sass/hydejack/_social-inline.scss

@@ -0,0 +1,27 @@
+.sidebar-social > ul  {
+  list-style: none;
+  padding-left: 0;
+  // margin-left: -0.5rem;
+  // margin-right: -0.5rem;
+
+  > li {
+    display: inline-block;
+
+    > a {
+      display: inline-block;
+      text-align: center;
+      font-size: 1.6rem;
+      line-height: 3rem;
+      width: 3rem;
+      height: 3rem;
+
+      // &::after {
+      //   display: none;
+      // }
+    }
+  }
+
+  li + li {
+    margin-top: 0;
+  }
+}

data/_sass/hydejack/_social.scss

@@ -0,0 +1,27 @@
+.sidebar-social > ul  {
+  // list-style: none;
+  // padding-left: 0;
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+
+  > li {
+    // display: inline-block;
+
+    > a {
+      // display: inline-block;
+      // text-align: center;
+      // font-size: 1.6rem;
+      // line-height: 3rem;
+      // width: 3rem;
+      // height: 3rem;
+
+      &::after {
+        display: none;
+      }
+    }
+  }
+
+  // li + li {
+  //   margin-top: 0;
+  // }
+}

data/_sass/hydejack/_toc.scss

@@ -0,0 +1,6 @@
+#markdown-toc {
+  @extend .faded;
+  padding-bottom: 1rem;
+  margin-left: -1rem;
+  margin-right: -1rem;
+}

data/_sass/pooleparty/_base-inline.scss

@@ -0,0 +1,59 @@
+// Body resets
+//
+// Update the foundational and global aspects of the page.
+
+article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
+mark{background:#FF0;color:#000}
+
+* {
+  // -webkit-box-sizing: border-box;
+  //    -moz-box-sizing: border-box;
+          box-sizing: border-box;
+
+  // -webkit-tap-highlight-color: transparent;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  // font-size: $root-font-size;
+  line-height: $root-line-height;
+}
+
+body {
+  color: $body-color;
+  background-color: $body-bg;
+}
+
+// No `:visited` state is required by default (browsers will use `a`)
+a {
+  text-decoration: none;
+}
+
+.lead {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+
+img, .img {
+  display: block;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  border: none;
+
+  &.lead {
+    max-width: calc(100% + 2rem);
+    width: calc(100% + 2rem);
+  }
+}
+
+// @media print {
+//   a::after {
+//     content: " (" attr(href) ") ";
+//     font-size: smaller;
+//   }
+// }

data/_sass/pooleparty/_base.scss

@@ -0,0 +1,59 @@
+// Body resets
+//
+// Update the foundational and global aspects of the page.
+
+// article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
+// mark{background:#FF0;color:#000}
+
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+
+  -webkit-tap-highlight-color: transparent;
+}
+
+// html,
+// body {
+//   margin: 0;
+//   padding: 0;
+// }
+//
+// html {
+//   // font-size: $root-font-size;
+//   line-height: $root-line-height;
+// }
+//
+// body {
+//   color: $body-color;
+//   background-color: $body-bg;
+// }
+//
+// // No `:visited` state is required by default (browsers will use `a`)
+// a {
+//   text-decoration: none;
+// }
+//
+// .lead {
+//   margin-left: -1rem;
+//   margin-right: -1rem;
+// }
+//
+// img, .img {
+//   display: block;
+//   max-width: 100%;
+//   margin: 0 0 1rem;
+//   border: none;
+//
+//   &.lead {
+//     max-width: calc(100% + 2rem);
+//     width: calc(100% + 2rem);
+//   }
+// }
+
+@media print {
+  a::after {
+    content: " (" attr(href) ") ";
+    font-size: smaller;
+  }
+}

data/_sass/pooleparty/_code.scss

@@ -0,0 +1,86 @@
+// Code
+//
+// Inline and block-level code snippets. Includes tweaks to syntax highlighted
+// snippets from Pygments/Rouge and Gist embeds.
+
+code, pre, .code {
+  font-family: $code-font-family;
+}
+
+code, .code {
+  padding: .25em .5em;
+  font-size: .85em;
+  // Could be mistaken for a link if the user choses a similar link-color, so better no colored inline code.
+  // color: $code-color;
+  background-color: #f9f9f9;
+  // No border radius to prevent repaint on code scroll
+  // border-radius: 3px;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  display: block;
+  line-height: 1.1;
+
+  /* Prevent code linebreaks and allow side-scrolling (much better readability on mobile) */
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+
+  /* Make code same width as regular text, and scroll the full page width on mobile */
+  @include figure();
+
+  backface-visibility: hidden; // wat?
+}
+
+pre code {
+  padding: 0;
+  font-size: .75em;
+  color: inherit;
+  background-color: transparent;
+}
+
+figure, .figure {
+  margin-left: 0;
+  margin-right: 0;
+
+  > *:first-child {
+    padding: 1rem;
+    background: #f9f9f9;
+  }
+
+  > figcaption, > .figcaption {
+    font-size: smaller;
+    color: #9a9a9a;
+    text-align: center;
+    font-style: italic;
+    margin-top: 0.5rem;
+    padding: 0 1rem;
+  }
+}
+
+.highlight {
+  margin-bottom: 1rem;
+}
+
+// Gist via GitHub Pages
+// .gist .gist-file {
+//   font-family: Menlo, Monaco, "Courier New", monospace !important;
+// }
+// .gist .markdown-body {
+//   padding: 15px;
+// }
+// .gist pre {
+//   padding: 0;
+//   background-color: transparent;
+// }
+// .gist .gist-file .gist-data {
+//   font-size: .8rem !important;
+//   line-height: 1.4;
+// }
+// .gist code {
+//   padding: 0;
+//   color: inherit;
+//   background-color: transparent;
+//   border-radius: 0;
+// }

data/_sass/pooleparty/_footer-inline.scss

@@ -0,0 +1,3 @@
+footer {
+  margin-bottom: 2rem;
+}

data/_sass/pooleparty/_footnotes.scss

@@ -0,0 +1,33 @@
+// Markdown footnotes
+//
+// See the example content post for an example.
+
+// Footnote number within body text
+a[href^="#fn:"],
+// Back to footnote link
+a[href^="#fnref:"] {
+  display: inline-block;
+  margin-left: .1rem;
+  font-weight: bold;
+}
+
+// List of footnotes
+.footnotes {
+  > ol {
+    color: #7a7a7a;
+  }
+
+  &::before {
+    content: "";
+    display: block;
+    margin: 1.5rem 0;
+    border: 0;
+    border-top: 1px solid #eee;
+    border-bottom: 1px solid #fff;
+  }
+}
+
+// Prevent supscripts from increasing the line height
+sup {
+  line-height: 1;
+}

data/_sass/pooleparty/_layout-inline.scss

@@ -0,0 +1,11 @@
+// Layout
+//
+// Styles for managing the structural hierarchy of the site.
+
+.container {
+  // max-width: 38rem;
+  padding-left:  1rem;
+  padding-right: 1rem;
+  margin-left:  auto;
+  margin-right: auto;
+}