jekyll-theme-hydejack 6.6.1 → 7.0.0.pre.beta.0

data/_sass/_syntax.scss

@@ -4,7 +4,7 @@
  */
 
 .highlight .c { color: #999988; font-style: italic; }
-.highlight .err { color: #a61717; background-color: #e3d2d2; }
+// .highlight .err { color: #a61717; background-color: #e3d2d2; }
 .highlight .k { font-weight: bold; }
 .highlight .o { font-weight: bold; }
 .highlight .cm { color: #999988; font-style: italic; }

data/_sass/_variables.scss

@@ -1,6 +1,6 @@
-$gray: #9a9a9a;
-$gray-bg: #f9f9f9;
-$gray-text: #787878;
+$gray: #888;
+$gray-bg: rgba(0,0,0,.025);
+$gray-text: #666;
 
 $root-font-size: 16px;
 $root-font-size-medium: 17px;
@@ -10,18 +10,16 @@ $root-line-height: 1.75;
 $body-color: #333;
 $body-bg: #fff;
 
-$border-color: #e5e5e5;
-$border-color-light: #eee;
+$border-color: #eee;
 
 $code-font-family: Menlo, Monaco, Consolas, monospace;
 $code-color: inherit;
+$code-bg: $gray-bg;
 
-$break-point-1: 40em;
+$break-point-1: 42em;
 $break-point-2: 54em;
-$break-point-3: 60em;
+$break-point-3: 64em;
 $break-point-4: 72em;
-$break-point-5: 92em;
-$break-point-dynamic: 97.5em;
+$break-point-5: 90em;
+$break-point-dynamic: 98.5em;
 $break-point-font-large: 125em;
-
-$dynamic-width: calc(50% - 28rem);

data/_sass/hydejack/__inline/_avatar.scss

@@ -0,0 +1,27 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_avatar.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+.avatar {
+  
+  float: right;
+  width: 6.5rem;
+  height: 6.5rem;
+  margin: 0 0 .5rem 1rem;
+  border-radius: 100%;
+  
+//   position: relative; 
+//   z-index: 1; 
+  @media screen and (min-width: $break-point-1) {
+    width: 7rem;
+    height: 7rem;
+  }
+  
+}

data/_sass/hydejack/__inline/_base.scss

@@ -0,0 +1,99 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_base.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+/*
+ * Global resets
+ *
+ * Update the foundational and global aspects of the page.
+ */
+
+
+
+
+@media screen {
+  body::before {
+    content: '';
+    width: .5rem;
+    background: $border-color;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+  }
+}
+
+html {
+  @media screen and (min-width: $break-point-1) {
+    font-size: $root-font-size-medium;
+  }
+
+  @media screen and (min-width: $break-point-font-large) {
+    font-size: $root-font-size-large;
+  }
+}
+
+
+// @media print { html { font-size: $root-font-size; } } 
+// Link styles
+a, .a {
+  position: relative; 
+  padding-bottom: .15rem; 
+  border-bottom: 1px solid; 
+//   transition: color 500ms, border-color 250ms; 
+  
+}
+
+// .author { margin-top: 3rem; } 
+.img {
+  overflow: hidden; 
+  background-color: $gray-bg; 
+  
+
+  img {
+    margin: 0; 
+    width: 100%; 
+    height: 100%; 
+//     object-fit: cover; 
+//     object-position: center; 
+  }
+}
+
+
+// Fade in animation
+.fade-in {
+  animation-duration: 500ms;
+  animation-name: fade-in;
+  animation-fill-mode: forwards;
+}
+
+@keyframes fade-in {
+  from { transform: translateY(-3rem); opacity: 0; }
+  50%  { transform: translateY(-3rem); opacity: 0; }
+  to   { transform: translateY(0);     opacity: 1; }
+}
+
+// Utility classes
+.fl { float: left; }
+.fr { float: right; }
+.mb05 { margin-bottom: .5rem }
+.mb4 { margin-bottom: 4rem }
+.mb6 { margin-bottom: 6rem }
+.mt0 { margin-top: 0 }
+.mt3 { margin-top: 3rem }
+.pb0 { padding-bottom: 0 }
+
+
+.clearfix, .clearafter::after { @include clearfix(); } // both
+
+.sr-only {
+  display: none; 
+  
+}

data/_sass/hydejack/__inline/_break-layout.scss

@@ -0,0 +1,12 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_break-layout.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+

data/_sass/hydejack/__inline/_content.scss

@@ -0,0 +1,43 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_content.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+
+.content {
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 5rem 1rem 12rem;
+
+  @media screen {
+    padding-left: 1.5rem;
+    max-width: 38rem;
+    min-height: 100vh;
+  }
+
+  @media screen and (min-width: $break-point-2) {
+    max-width: 42rem;
+  }
+
+  @media screen and (min-width: $break-point-3) {
+    margin-left: 22rem;
+    margin-right: 4rem;
+    padding-left: 1rem;
+  }
+
+  @media screen and (min-width: $break-point-5) {
+    max-width: 48rem;
+  }
+
+  @media screen and (min-width: $break-point-dynamic) {
+    margin: auto;
+  }
+}
+

data/_sass/hydejack/__inline/_footer.scss

@@ -0,0 +1,12 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_footer.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+

data/_sass/hydejack/__inline/_katex.scss

@@ -0,0 +1,12 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_katex.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+

data/_sass/hydejack/__inline/_mark-external.scss

@@ -0,0 +1,36 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_mark-external.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+// <<< link
+@media screen {
+  a[href*="//"]:not(.no-mark-external), a.no-push-state:not(.no-mark-external) {
+    &::after {
+      content: "\00A0\ea7e";
+      font-family: 'icomoon'!important;
+      speak: none;
+      font-style: normal;
+      font-weight: normal;
+      font-variant: normal;
+      text-transform: none;
+      line-height: 1;
+      font-size: smaller;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      opacity: 0.33;
+      transition: opacity 500ms;
+    }
+    &:hover::after, &:focus::after {
+      opacity: 1;
+      transition: opacity 100ms;
+    }
+  }
+}
+// >>

data/_sass/hydejack/__inline/_menu.scss

@@ -0,0 +1,50 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_menu.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.navbar > .content {
+  padding-top: 0;
+  padding-bottom: 0;
+  min-height: 0;
+  height: 0;
+  color: $gray;
+}
+
+.nav-btn-bar {
+  margin-left: -.875rem;
+}
+
+.nav-btn {
+  display: inline-block;
+  padding: 1.75rem .875rem;
+  border-bottom: none;
+  color: $gray!important;
+}
+
+
+
+
+#_menu {
+  @media screen and (min-width: $break-point-3) {
+    position: absolute; 
+    left: -9999px; 
+//     &:focus { position: static; } 
+  }
+//   @media print { display: none; } 
+}

data/_sass/hydejack/__inline/_sidebar.scss

@@ -0,0 +1,129 @@
+/*
+ * THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+ *
+ * To change the contents of this file,
+ * edit `_sass/hydejack/_sidebar.pre.scss`
+ * and run `npm run build:css`.
+ *
+ * During development you can run `npm run watch:css`
+ * to continuosly rebuild this file.
+ */
+
+.sidebar {
+  color: rgba(255,255,255,.75); 
+  text-align: left; 
+  // Sidebar links
+  a {
+    color: #fff; 
+    border-bottom-color: rgba(255, 255, 255, 0.2); 
+//     &:hover { border-bottom-color: #fff; } 
+  }
+
+  
+}
+
+hy-drawer {
+  position: relative; 
+  padding: 1rem 0; 
+  @media screen {
+    padding: 2rem 1rem; 
+//     min-height: 640px; 
+//     min-height: 100vh; 
+    
+  }
+
+  @media screen and (min-width: $break-point-3) {
+    
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 18rem;
+    margin-left: 0;
+    
+
+//     > .hy-drawer-content.hy-drawer-left { box-shadow: none; } 
+//     --hy-drawer-box-shadow: none; 
+  }
+
+  @media screen and (min-width: $break-point-dynamic) {
+    width: calc(50% - 28rem); 
+//     > .hy-drawer-content.hy-drawer-left  { width: calc(50% - 28rem); left: calc(-50% + 28.5rem); } 
+//     --hy-drawer-width: calc(50% - 28rem); 
+//     --hy-drawer-slide-width: calc(-50% + 28.5rem); 
+  }
+}
+
+.sidebar-bg {
+  
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: #202020 center / cover;
+
+  /* make sidebar slightly darker to increase text readability (when using a background image) */
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, 0.05);
+  }
+  
+
+  &.sidebar-overlay::after {
+    /* 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%); 
+//     background: -webkit-linear-gradient(top, rgba(32,32,32,0) 0%,rgba(32,32,32,0.5) 100%); 
+    background: linear-gradient(to bottom, rgba(32,32,32,0) 0%,rgba(32,32,32,0.5) 100%);
+//     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00202020', endColorstr='#80202020',GradientType=0 ); 
+  }
+}
+
+.sidebar-sticky {
+  
+  position: relative;
+  z-index: 3;
+
+  @media screen {
+    position: absolute;
+    right: 1.5rem;
+    left: 1.5rem;
+    bottom: 1rem;
+  }
+
+  @media screen and (min-width: $break-point-dynamic) {
+    left: auto;
+    width: 15rem;
+  }
+  
+
+//   @media print { padding: 0 1.5rem; } 
+}
+
+/* About section */
+.sidebar-about > h1 {
+  color: #fff;
+  font-size: 2rem;
+}
+
+.sidebar-nav > ul {
+  list-style: none;
+  padding-left: 0;
+  margin-bottom: .5rem;
+}
+
+a.sidebar-nav-item {
+  font-weight: bold;
+  display: block;
+  line-height: 1.75;
+  padding: .25rem 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+// >>>>>
+