jekyll-theme-hydebetty 1.0.1

data/_sass/_variables.scss

@@ -0,0 +1,63 @@
+// Copyright (c) 2019 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/>.
+
+$gray: #888;
+$gray-bg: rgba(0,0,0,.025);
+$gray-text: #666;
+$menu-text: #bbb;
+$body-color: #333;
+$body-bg: #fff;
+$border-color: #ebebeb;
+
+$root-font-size: 16px;
+$root-font-size-medium: 17px;
+$root-font-size-large: 18px;
+$root-font-size-print: 11pt;
+$root-line-height: 1.75;
+
+$font-weight: 400;
+$font-weight-bold: 700;
+$font-weight-heading: 400;
+
+$code-font-family: Menlo, Monaco, Consolas, monospace;
+
+// Breakpoints and content width. All units must be in rem!
+// NOTE: Duplicated values from `_js/src/drawer.js`.
+$content-width: 38rem;
+$content-width-2: 42rem;
+$content-width-5: 48rem;
+
+$content-margin-3: 3rem;
+$content-margin-5: 4rem;
+
+$content-padding: 1rem;
+
+$sidebar-width: 21rem;
+
+$break-point-1: 42em;
+$break-point-2: 54em;
+$break-point-3: 64em;
+$break-point-4: 72em;
+$break-point-5: 88em;
+$break-point-font-large: 124em;
+
+// The sidebar width starts adjusting dynamically when the content is at the center of the window.
+// This is the case when the window size has a `min-width` of content area + twice the sidebar (left, right):
+//
+// $break-point-dynamic: $content-width-5 + (2 * $content-margin-5) + (2 * $sidebar-width); // = 98rem
+//
+// HACK: Since Chrome doesn't treat rem values in media queries correctly,
+// we hard-code the pixel value for the values above.
+$break-point-dynamic: 1666px; // = 98 * 17px

data/_sass/hydejack/__inline__/_avatar.scss

@@ -0,0 +1,48 @@
+// 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 {
+  
+  width: 6.5rem;
+  height: 6.5rem;
+  border-radius: 100%;
+  overflow: hidden;
+  
+
+  
+
+  
+  @media screen and (min-width: $break-point-5) {
+    width: 7rem;
+    height: 7rem;
+  }
+  
+}
+
+
+.content .avatar {
+  float: right;
+  margin-left: .5rem;
+}
+

data/_sass/hydejack/__inline__/_base.scss

@@ -0,0 +1,73 @@
+// 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/>.
+
+
+
+
+@media screen {
+  body::before {
+    content: '';
+    width: .5rem;
+    background: var(--border-color);
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+  }
+
+  @media (min-width: $break-point-3) {
+    body::before { width: $sidebar-width; }
+  }
+
+  @media (min-width: $break-point-dynamic) {
+    $r28: ($content-width-5 / 2) + $content-margin-5;
+    body::before { width: calc(50% - #{$r28}); }
+  }
+}
+
+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-print; } } 
+.fade-in {
+  animation-duration: 500ms;
+  animation-timing-function: ease;
+  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; }
+}
+

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

@@ -0,0 +1,25 @@
+// 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/>.
+
+

data/_sass/hydejack/__inline__/_content.scss

@@ -0,0 +1,59 @@
+// 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 {
+  position: relative;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 6rem $content-padding 12rem;
+
+  @media screen {
+    padding-left: $content-padding + .5rem;
+    max-width: $content-width;
+    min-height: 100vh;
+  }
+
+  @media screen and (min-width: $break-point-2) {
+    max-width: $content-width-2;
+  }
+
+  @media screen and (min-width: $break-point-3) {
+    padding-left: $content-padding;
+    margin-left: $sidebar-width + $content-margin-3;
+    margin-right: $content-margin-3;
+  }
+
+  @media screen and (min-width: $break-point-5) {
+    margin-left: $sidebar-width + $content-margin-5;
+    margin-right: $content-margin-5;
+    max-width: $content-width-5;
+  }
+
+  @media screen and (min-width: $break-point-dynamic) {
+    margin: auto;
+  }
+}
+
+

data/_sass/hydejack/__inline__/_footer.scss

@@ -0,0 +1,25 @@
+// 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/>.
+
+

data/_sass/hydejack/__inline__/_images.scss

@@ -0,0 +1,38 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+//
+// To change the contents of this file,
+// edit `_sass/hydejack/_images.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 .img {
+  overflow: hidden; 
+  img {
+    margin: 0; 
+    width: 100%; 
+    height: 100%; 
+//     object-fit: cover; 
+//     object-position: center; 
+    background-color: var(--gray-bg); 
+    
+  }
+}
+
+

data/_sass/hydejack/__inline__/_katex.scss

@@ -0,0 +1,25 @@
+// 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.
+
+// 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/>.
+
+

data/_sass/hydejack/__inline__/_links.scss

@@ -0,0 +1,45 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
+//
+// To change the contents of this file,
+// edit `_sass/hydejack/_links.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-push-state a, .a {
+  position: relative; 
+  padding-bottom: .15rem; 
+  border-bottom: 1px solid; 
+//   transition: color 1s, border-color 250ms; 
+  
+
+  &.no-hover {
+    border-bottom: none; 
+    padding-bottom: 0; 
+//     transition: none; 
+//     &:hover { transition: none; } 
+  }
+}
+
+/*
+img {
+  background-color: var(--gray-bg); 
+  
+}
+*/

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

@@ -0,0 +1,25 @@
+// 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.
+
+// 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/>.
+
+

data/_sass/hydejack/__inline__/_menu.scss

@@ -0,0 +1,67 @@
+// 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.
+
+// 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/>.
+
+
+.fixed-common {
+  position: fixed;
+  left: 0;
+  width: 100%;
+  z-index: 2;
+}
+
+.fixed-top {
+  @extend .fixed-common;
+  top: 0;
+}
+
+.fixed-bottom {
+  @extend .fixed-common;
+  bottom: 0;
+}
+
+.navbar > .content {
+  padding-top: 0;
+  padding-bottom: 0;
+  min-height: 0;
+  color: var(--menu-text);
+}
+
+.nav-btn-bar {
+  margin: 0 -1rem 0 -.875rem;
+}
+
+.nav-btn {
+  background: none;
+  border: none;
+  padding: 1.75rem .875rem;
+  color: var(--menu-text)!important;
+  cursor: pointer;
+}
+
+.animation-main {
+  opacity: 0;
+  pointer-events: none;
+}
+
+