qablog 0.1.0

data/assets/css/main-blue.scss

@@ -0,0 +1,8 @@
+---
+# Front matter comment to ensure Jekyll properly reads file.
+---
+@charset "UTF-8";
+
+@import "variables-blue";
+@import "bootstrap";
+@import "base";

data/assets/css/main-default.scss

@@ -0,0 +1,8 @@
+---
+# Front matter comment to ensure Jekyll properly reads file.
+---
+@charset "UTF-8";
+
+@import "variables-default";
+@import "bootstrap";
+@import "base";

data/assets/css/main-white.scss

@@ -0,0 +1,8 @@
+---
+# Front matter comment to ensure Jekyll properly reads file.
+---
+@charset "UTF-8";
+
+@import "variables-white";
+@import "bootstrap";
+@import "base";

data/assets/js/main.js

@@ -0,0 +1,93 @@
+let layer1, layer2, layer3, layer4;
+let themeBase;
+
+$(document).ready(() => {
+  layer1 = d3.select("#bg-layer1");
+  layer2 = d3.select("#bg-layer2");
+  layer3 = d3.select("#bg-layer3");
+  layer4 = d3.select("#bg-layer4");
+  themeBase = localStorage.getItem("themeBase") || document.getElementById("css-theme").getAttribute("href").match("-(default|blue).css")[1];
+  setTheme(themeBase);
+//  makeStrips([layer1, layer2, layer3, layer4]);
+  $(document).scroll(updateBackground);
+  $(window).resize(updateBackground);
+  $("table").addClass("table table-hover");
+  $("img").addClass("img img-responsive");
+  $(".content-div > h1, .content-div > a > h1").addClass("h1-strip");
+  setTimeout(updateBackground, 500);
+});
+
+function drawLine(x, y, w, h, layer) {
+  let line = layer.append("rect")
+    .attr("x", x)
+    .attr("y", y)
+    .attr("width", w)
+    .attr("height", h)
+    .attr("fill", "url(#Gradient1)");
+}
+
+function updateBackground() {
+  // Update stripes
+  let contentX = ($(".content-div").offset().left);
+  let layer1Y = window.pageYOffset / 5;
+  let layer2Y = window.pageYOffset / 4;
+  let layer3Y = window.pageYOffset / 3;
+  let layer4Y = window.pageYOffset / 2;
+  layer1.attr("transform", `translate(${contentX}, ${-layer1Y})`);
+  layer2.attr("transform", `translate(${contentX}, ${-layer2Y})`);
+  layer3.attr("transform", `translate(${contentX}, ${-layer3Y})`);
+  layer4.attr("transform", `translate(${contentX}, ${-layer4Y})`);
+  // Update transparent overlays over h1
+  $(".h1-overlay").remove();
+  $(".h1-strip")
+    .filter((index, node) => $(node).isInViewport())
+    .map((index, node) => {
+      let {left, top, right, bottom, x, y, width, height} = node.getBoundingClientRect();
+      let style = window.getComputedStyle?getComputedStyle(node, null):node.currentStyle;
+      let marginTop = parseInt(style.marginTop) || 0;
+      let overlay = document.createElement("div");
+      overlay.classList.add("h1-overlay");
+      overlay.style.left = 0;
+      overlay.style.top = `${window.scrollY+top-marginTop}px`;
+      overlay.style.height = `${height+marginTop}px`;
+      document.body.appendChild(overlay);
+  });
+}
+
+function makeStrips(layers) {
+  let layerProbs = new Array(layers.length).fill(0).map((_, index) => index / layers.length);
+  for (let i = 10; i < 100; i *= 1.05) {
+    let index = Math.floor(Math.random() * layers.length);
+    let randomLayer = layers[index];
+    if (Math.random() > layerProbs[index]) {
+      drawLine(-i, 100, 1, 1000 * (Math.random() + 1), randomLayer);
+    }
+  }
+  updateBackground();
+}
+
+function toggleTheme() {
+  themeBase = themeBase == "blue" ? "default" : "blue";
+  localStorage.setItem("themeBase", themeBase);
+  setTheme(themeBase);
+}
+function toggleThemeTo(themeBase) {
+  localStorage.setItem("themeBase", themeBase);
+  setTheme(themeBase);
+}
+function setTheme(themeBase) {
+  let oldTheme = document.getElementById("css-theme").getAttribute("data-toggle")
+  let href = document.getElementById("css-theme").getAttribute("href").replace(oldTheme, themeBase);
+  let css = document.getElementById("css-theme");
+  css.setAttribute("href", href);
+  css.setAttribute("data-toggle",themeBase)
+}
+
+// https://medium.com/talk-like/detecting-if-an-element-is-in-the-viewport-jquery-a6a4405a3ea2
+$.fn.isInViewport = function() {
+  var elementTop = $(this).offset().top;
+  var elementBottom = elementTop + $(this).outerHeight();
+  var viewportTop = $(window).scrollTop();
+  var viewportBottom = viewportTop + $(window).height();
+  return elementBottom > viewportTop && elementTop < viewportBottom;
+};

metadata

@@ -0,0 +1,146 @@
+--- !ruby/object:Gem::Specification
+name: qablog
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- ATM
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2021-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.9.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.9.0
+description:
+email:
+- naik.atmaram@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _layouts/cs.html
+- _layouts/default.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/_base.scss
+- _sass/_bootstrap.scss
+- _sass/_variables-blue.scss
+- _sass/_variables-default.scss
+- _sass/_variables-white.scss
+- _sass/bootstrap/_alerts.scss
+- _sass/bootstrap/_badges.scss
+- _sass/bootstrap/_breadcrumbs.scss
+- _sass/bootstrap/_button-groups.scss
+- _sass/bootstrap/_buttons.scss
+- _sass/bootstrap/_carousel.scss
+- _sass/bootstrap/_close.scss
+- _sass/bootstrap/_code.scss
+- _sass/bootstrap/_component-animations.scss
+- _sass/bootstrap/_dropdowns.scss
+- _sass/bootstrap/_forms.scss
+- _sass/bootstrap/_glyphicons.scss
+- _sass/bootstrap/_grid.scss
+- _sass/bootstrap/_input-groups.scss
+- _sass/bootstrap/_jumbotron.scss
+- _sass/bootstrap/_labels.scss
+- _sass/bootstrap/_list-group.scss
+- _sass/bootstrap/_media.scss
+- _sass/bootstrap/_mixins.scss
+- _sass/bootstrap/_modals.scss
+- _sass/bootstrap/_navbar.scss
+- _sass/bootstrap/_navs.scss
+- _sass/bootstrap/_normalize.scss
+- _sass/bootstrap/_pager.scss
+- _sass/bootstrap/_pagination.scss
+- _sass/bootstrap/_panels.scss
+- _sass/bootstrap/_popovers.scss
+- _sass/bootstrap/_print.scss
+- _sass/bootstrap/_progress-bars.scss
+- _sass/bootstrap/_responsive-embed.scss
+- _sass/bootstrap/_responsive-utilities.scss
+- _sass/bootstrap/_scaffolding.scss
+- _sass/bootstrap/_tables.scss
+- _sass/bootstrap/_theme.scss
+- _sass/bootstrap/_thumbnails.scss
+- _sass/bootstrap/_tooltip.scss
+- _sass/bootstrap/_type.scss
+- _sass/bootstrap/_utilities.scss
+- _sass/bootstrap/_variables.scss
+- _sass/bootstrap/_wells.scss
+- _sass/bootstrap/mixins/_alerts.scss
+- _sass/bootstrap/mixins/_background-variant.scss
+- _sass/bootstrap/mixins/_border-radius.scss
+- _sass/bootstrap/mixins/_buttons.scss
+- _sass/bootstrap/mixins/_center-block.scss
+- _sass/bootstrap/mixins/_clearfix.scss
+- _sass/bootstrap/mixins/_forms.scss
+- _sass/bootstrap/mixins/_gradients.scss
+- _sass/bootstrap/mixins/_grid-framework.scss
+- _sass/bootstrap/mixins/_grid.scss
+- _sass/bootstrap/mixins/_hide-text.scss
+- _sass/bootstrap/mixins/_image.scss
+- _sass/bootstrap/mixins/_labels.scss
+- _sass/bootstrap/mixins/_list-group.scss
+- _sass/bootstrap/mixins/_nav-divider.scss
+- _sass/bootstrap/mixins/_nav-vertical-align.scss
+- _sass/bootstrap/mixins/_opacity.scss
+- _sass/bootstrap/mixins/_pagination.scss
+- _sass/bootstrap/mixins/_panels.scss
+- _sass/bootstrap/mixins/_progress-bar.scss
+- _sass/bootstrap/mixins/_reset-filter.scss
+- _sass/bootstrap/mixins/_reset-text.scss
+- _sass/bootstrap/mixins/_resize.scss
+- _sass/bootstrap/mixins/_responsive-visibility.scss
+- _sass/bootstrap/mixins/_size.scss
+- _sass/bootstrap/mixins/_tab-focus.scss
+- _sass/bootstrap/mixins/_table-row.scss
+- _sass/bootstrap/mixins/_text-emphasis.scss
+- _sass/bootstrap/mixins/_text-overflow.scss
+- _sass/bootstrap/mixins/_vendor-prefixes.scss
+- assets/css/main-blue.scss
+- assets/css/main-default.scss
+- assets/css/main-white.scss
+- assets/img/icons/favicon.ico
+- assets/js/main.js
+homepage: http://www.qalens.com
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.4
+signing_key:
+specification_version: 4
+summary: Theme for QA blogs
+test_files: []