jekyll-theme-hydebetty 1.0.1

data/_sass/hydejack/__inline__/_sidebar.scss

@@ -0,0 +1,144 @@
+// 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.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+hy-drawer {
+  width: 100%; 
+  position: relative; 
+  overflow: hidden; 
+//   z-index: 2; 
+  @media screen {
+    
+  }
+
+  @media screen and (min-width: $break-point-3) {
+    
+    position: fixed;
+    width: $sidebar-width;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    margin-left: 0;
+
+    &.cover {
+      position: relative;
+      width: 100%;
+    }
+    
+
+    
+  }
+
+  @media screen and (min-width: $break-point-dynamic) {
+    $r28: ($content-width-5 / 2) + $content-margin-5;
+
+    width: calc(50% - #{$r28});
+
+    
+  }
+
+  
+}
+
+.sidebar {
+  
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: rgba(255, 255, 255, .75);
+  text-align: center;
+  z-index: 2;
+  min-height: 100vh;
+  
+
+  a {
+    color: #fff; 
+    border-bottom-color: rgba(255, 255, 255, 0.2); 
+//     &:hover { border-bottom-color: #fff; } 
+  }
+}
+
+
+
+.sidebar-bg {
+  
+  position: absolute;
+  top: 0;
+  left: calc(50% - 50vw);
+  width: 100vw;
+  height: 100%;
+  background: #202020 center / cover;
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, 0.05);
+  }
+  
+
+  &.sidebar-overlay::after {
+//     background: -moz-linear-gradient(top, rgba(32,32,32,0) 0%, rgba(32,32,32,0.5) 50%, rgba(32,32,32,0) 100%); 
+//     background: -webkit-linear-gradient(top, rgba(32,32,32,0) 0%,rgba(32,32,32,0.5) 50%, rgba(32,32,32,0) 100%); 
+    background: linear-gradient(to bottom, rgba(32,32,32,0) 0%,rgba(32,32,32,0.5) 50%, rgba(32,32,32,0) 100%);
+  }
+}
+
+
+.sidebar-sticky {
+  position: relative;
+  z-index: 3;
+  max-width: $sidebar-width;
+  padding: 1.5rem;
+  contain: content;
+}
+
+.sidebar-about {
+  .avatar {
+    margin-bottom: 1.5rem
+  }
+
+  > h2 {
+    margin-top: 0;
+  }
+}
+
+.sidebar-nav > ul {
+  list-style: none;
+  padding-left: 0;
+}
+
+a.sidebar-nav-item {
+  display: inline-block;
+  font-weight: var(--font-weight-heading);
+  line-height: 1.75;
+  padding: .25rem;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+
+

data/_sass/hydejack/__inline__/_social.scss

@@ -0,0 +1,58 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+//
+// To change the contents of this file,
+// edit `_sass/hydejack/_social.pre.scss`
+// and run `npm run build:css`.
+//
+// During development you can run `npm run watch:css`
+// to continuosly rebuild this file.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+
+.sidebar-social {
+  &::after {
+    @extend .clearfix
+  }
+
+  > ul {
+    display: inline-block;
+    list-style: none;
+    padding-left: 0;
+    margin-bottom: 0;
+
+    > li {
+      float: left;
+
+      > a {
+        display: inline-block;
+        text-align: center;
+        font-size: 1.4rem;
+        width: 3rem;
+        height: 4rem;
+        padding: .5rem 0;
+        line-height: 4rem - 2 * .5rem;
+      }
+    }
+
+    li + li {
+      margin-top: 0;
+    }
+  }
+}
+
+
+

data/_sass/hydejack/__inline__/_utilities.scss

@@ -0,0 +1,45 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+//
+// To change the contents of this file,
+// edit `_sass/hydejack/_utilities.pre.scss`
+// and run `npm run build:css`.
+//
+// During development you can run `npm run watch:css`
+// to continuosly rebuild this file.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+.fl { float: left; }
+.fr { float: right; }
+.mb4 { margin-bottom: 4rem }
+.mb6 { margin-bottom: 6rem }
+.mt0 { margin-top: 0 }
+.mt2 { margin-top: 2rem }
+.mt3 { margin-top: 3rem }
+.mt4 { margin-top: 4rem }
+.pb0 { padding-bottom: 0 }
+
+.sixteen-nine { @include aspect-ratio(16, 9); }
+
+.sr-only {
+  display: none; 
+  
+}
+
+.border {
+  border: 1px solid var(--border-color); 
+//   transition: border-color 1s ease; 
+}

data/_sass/hydejack/__link__/_avatar.scss

@@ -0,0 +1,38 @@
+// 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.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+.avatar {
+  
+
+  
+  display: inline-block;
+  position: relative;
+  z-index: 1;
+  img { width: 100%; }
+  
+
+  
+}
+
+

data/_sass/hydejack/__link__/_base.scss

@@ -0,0 +1,42 @@
+// 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.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+
+body {
+  /* Prevent side-scrolling on mobile */
+  display: block;
+  position: relative;
+  overflow-x: hidden;
+}
+
+hy-push-state, hy-drawer {
+  display: block;
+  overflow: hidden;
+}
+
+
+
+
+@media print { html { font-size: $root-font-size-print; } } 
+

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

@@ -0,0 +1,64 @@
+// 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.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+
+pre, table:not(.highlight), .katex-display, .break-layout  {
+  $pad: $content-padding * 2;
+
+  @media screen {
+    position: relative;
+    width: calc(100% + #{$pad});
+  }
+
+  @media screen and (min-width: $content-width) {
+    $x: ($content-width / 2) - $pad;
+    width: calc(100% + 50vw - #{$x});
+  }
+
+  @media screen and (min-width: $break-point-2) {
+    $x: ($content-width-2 / 2) - $pad;
+    width: calc(100% + 50vw - #{$x});
+  }
+
+  @media screen and (min-width: $break-point-3) {
+    $x: $sidebar-width + $content-margin-3;
+    width: calc(100vw - #{$x});
+  }
+
+  @media screen and (min-width: $break-point-4) {
+    $x: $content-width-2 + $sidebar-width + $content-margin-3 - $pad;
+    width: calc(100% + 100vw - #{$x});
+  }
+
+  @media screen and (min-width: $break-point-5) {
+    $x: $content-width-5 + $sidebar-width + $content-margin-5 - $pad;
+    width: calc(100% + 100vw - #{$x});
+  }
+
+  @media screen and (min-width: $break-point-dynamic) {
+    $x: ($content-width-5 / 2) - $pad;
+    width: calc(100% + 50vw - #{$x});
+  }
+}
+

data/_sass/hydejack/__link__/_content.scss

@@ -0,0 +1,32 @@
+// 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.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+
+
+.content {
+  @media print {
+    padding-bottom: 1rem;
+  }
+}
+

data/_sass/hydejack/__link__/_footer.scss

@@ -0,0 +1,47 @@
+// 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.
+
+// Copyright (c) 2017 Florian Klampfer <https://qwtel.com/>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+
+main > footer {
+  position: absolute;
+  bottom: 0;
+  left: .5rem;
+  right: 0;
+  padding: 0 1rem;
+  color: var(--text-muted);
+  text-align: center;
+
+  > p {
+    margin-bottom: 0;
+  }
+
+  @media screen and (min-width: $break-point-3) {
+    left: 0;
+  }
+
+  @media print {
+    display: none;
+  }
+}
+