blog.sahithyen.com 0.1.2

data/_sass/modules/_lists.scss

@@ -0,0 +1,32 @@
+// Lists
+//––––––––––––––––––––––––––––––––––––––––––––––––––
+
+ul {
+  list-style: circle inside;
+}
+
+ol {
+  list-style: decimal inside;
+  padding-left: 0;
+  margin-top: 0;
+}
+
+ul {
+  padding-left: 0;
+  margin-top: 0;
+  ul, ol {
+    margin: 1.5rem 0 1.5rem 3rem;
+    font-size: 90%;
+  }
+}
+
+ol {
+  ol, ul {
+    margin: 1.5rem 0 1.5rem 3rem;
+    font-size: 90%;
+  }
+}
+
+li {
+  margin-bottom: 1rem;
+}

data/_sass/modules/_media-queries.scss

@@ -0,0 +1,22 @@
+// Media Queries
+//––––––––––––––––––––––––––––––––––––––––––––––––––
+
+// Note: The best way to structure the use of media queries is to create the queries
+// near the relevant code. For example, if you wanted to change the styles for buttons
+// on small devices, paste the mobile query code up in the buttons section and style it
+// there.
+
+// Larger than mobile
+@media (#{$bp-larger-than-mobile}) {}
+
+// Larger than phablet (also point when grid becomes active)
+@media (#{$bp-larger-than-phablet}) {}
+
+// Larger than tablet
+@media (#{$bp-larger-than-tablet}) {}
+
+// Larger than desktop
+@media (#{$bp-larger-than-desktop}) {}
+
+// Larger than Desktop HD
+@media (#{$bp-larger-than-desktophd}) {}

data/_sass/modules/_spacing.scss

@@ -0,0 +1,26 @@
+// Spacing
+//––––––––––––––––––––––––––––––––––––––––––––––––––
+
+button,
+.button {
+  margin-bottom: 1rem;
+}
+
+input,
+textarea,
+select,
+fieldset {
+  margin-bottom: 1.5rem;
+}
+
+pre,
+blockquote,
+dl,
+figure,
+table,
+p,
+ul,
+ol,
+form {
+  margin-bottom: 2.5rem;
+}

data/_sass/modules/_tables.scss

@@ -0,0 +1,19 @@
+// Tables
+//––––––––––––––––––––––––––––––––––––––––––––––––––
+
+th,
+td {
+  padding: 12px 15px;
+  text-align: left;
+  border-bottom: 1px solid $light-grey;
+}
+
+th:first-child,
+td:first-child {
+  padding-left: 0;
+}
+
+th:last-child,
+td:last-child {
+  padding-right: 0;
+}

data/assets/dropcap.min.js

@@ -0,0 +1,6 @@
+/*
+Copyright 2014 Adobe Systems Incorporated. Licensed under the Apache 2.0 License.
+http://www.apache.org/licenses/LICENSE-2.0.html
+*/
+
+!function(){"use strict";function a(a){var b=parseFloat(a.fontSize),c="normal"===a.lineHeight?r*b:parseFloat(a.lineHeight);return{leading:c-b,lineHeight:c,fontSize:b}}function b(a){var b=a.createElement("div");return b.style.position="fixed",b.style.padding=q,b.style.opacity="0",b.style.fontSize=p,b.style.lineHeight="1",a.body.appendChild(b),b}function c(a){var b=a.ownerDocument.createElement("span");return b.textContent=n,a&&a.appendChild(b),b}function d(a){a.ownerDocument.body.removeChild(a)}function e(a,b,c,d){function e(a,b){var c=4*b,d=a.data[c],e=a.data[c+1],f=a.data[c+2];return 0===d||0===e||0===f}var f=-1,g=document.createElement("canvas");g.width=c,g.height=d,a.appendChild(g);var h=g.getContext("2d");h.font=p+" "+b,h.fillStyle="#ffffff",h.fillRect(0,0,h.canvas.width,h.canvas.height),h.fillStyle="#000000",h.textBaseline="top",h.fillText("E",0,0);for(var i=h.getImageData(Math.ceil(g.width/2),0,1,g.height),j=null,k=g.height-1;k>=0;k--)if(e(i,k)){j=k;break}for(var k=0;k<g.height;k++)if(e(i,k)){f=(j+1-k)/d;break}return f}function f(a,f){var g=s[f];if(g)return g;g={baselineRatio:void 0,capHeightRatio:void 0};var h=b(a);h.style.fontFamily=f;var i=c(h);i.style.fontSize=q;var j=c(h);g.baselineRatio=i.offsetTop/o;try{g.capHeightRatio=e(h,f,j.offsetWidth,o)}catch(a){throw new Error("[dropcap.js] Error computing font metrics: "+a.message)}finally{d(h)}return s[f]=g,g}function g(a){return a+"px"}function h(a){if(a.classList.contains(t))return!0}function i(a){var b="gjpqQ";return b.indexOf(a.textContent)!==-1}function j(a){a.dcapjs&&(a.style.cssFloat="",a.style.padding="",a.style.fontSize="",a.style.lineHeight="",a.style.marginTop="")}function k(b,c,d){if(d||(d=c),1==d&&1==c)return void j(b);var e=b.ownerDocument,k=b,l=k.parentNode,m=window.getComputedStyle(k),n=window.getComputedStyle(l),o=f(e,m.fontFamily),p=f(e,n.fontFamily),r=o.capHeightRatio,s=a(n),t=(p.baselineRatio-p.capHeightRatio)*s.fontSize,u=c*s.lineHeight-s.leading-t-(1-p.baselineRatio)*s.fontSize,v=u/r;k.dcapjs=!0,"rtl"==m.direction?k.style.cssFloat="right":k.style.cssFloat="left",k.style.padding=q,k.style.fontSize=g(v),k.style.lineHeight=q;var w=s.leading/2+t;if(w-=(c-d)*s.lineHeight,k.style.marginTop=g(w),c>d){var x=parseFloat(n.marginTop);l.style.marginTop=g(x+-1*w)}var y=0;i(k)?y=v*(1-o.baselineRatio):h(k)&&(y=v-u),k.style.height=g(u+y);var z=k.dcapjsStrut;z||(z=e.createElement("span"),z.style.display="inline-block",k.appendChild(z),k.dcapjsStrut=z),z.style.height=g(u)}function l(a){function b(a){return a in c.style}var c=window.document.body?window.document.body:document.createElement("div");if(b(a))return a;for(var d=["-webkit-","-moz-","-ms-","-o"],e=0;e<d.length;e++){var f=d[e]+a;if(b(f))return f}return null}var m,n="X",o=100,p=o+"px",q="0px",r=1.15,s={},t="dcjs-descender";m="undefined"!=typeof window?window:"undefined"!=typeof exports?exports:this,m.Dropcap={options:{runEvenIfInitialLetterExists:!0},layout:function(a,b,c){if(0==this.options.runEvenIfInitialLetterExists){var d=l("initial-letter");if(d)return}if(b<1||c&&c<1)throw new RangeError("Dropcap.layout expects the baseline position and height to be 1 or above");if(a instanceof HTMLElement)k(a,b,c);else{if(!(a instanceof NodeList))throw new TypeError("Dropcap.layout expects a single HTMLElement or a NodeList");var e=Array.prototype.forEach;e.call(a,function(a){k(a,b,c)})}}}}();

data/assets/script.js

@@ -0,0 +1,39 @@
+var config = {
+    kitId: 'hvf7lmk',
+    scriptTimeout: 3000,
+    async: false
+  },
+  h = document.documentElement,
+  t = setTimeout(function() {
+    h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
+  }, config.scriptTimeout),
+  tk = document.createElement("script"),
+  f = false,
+  s = document.getElementsByTagName("script")[0],
+  a;
+
+h.className += " wf-loading";
+tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
+tk.async = true;
+
+tk.onload = tk.onreadystatechange = function() {
+  re = this.readyState;
+
+  if (f ||
+    this.readyState &&
+    this.readyState != "complete" &&
+    this.readyState != "loaded") {
+    return;
+  }
+
+  f = true;
+  clearTimeout(t);
+
+  try {
+    Typekit.load(config);
+
+    Dropcap.layout(document.querySelectorAll(".dropcap"), 3);
+  } catch (e) {}
+};
+
+s.parentNode.insertBefore(tk, s);

data/assets/styles.scss

@@ -0,0 +1,237 @@
+---
+---
+
+/*
+Theme Name: Sahithyen's Blog
+Theme URI: http://blog.sahithyen.com
+Author: Sahithyen (sahtihyen@me.com)
+Author URI: http://sahithyen.com
+Description: A minimalistic theme for Sahithyen's Blog
+Version: 1.0
+Tags: black, blue, light, one-column
+*/
+
+/**
+ *
+ * Imports
+ *
+**/
+@import "skeleton";
+@import "variables";
+
+/**
+ *
+ * Main
+ *
+**/
+
+// Typography
+body {
+    font-family: $body-font;
+    font-size: $font-size;
+    line-height: $line-height;
+    color: $content-color;
+}
+@each $heading, $size in $heading-sizes {
+    #{$heading} {
+        font-family: $heading-font;
+        font-size: $size;
+    }
+}
+
+a {
+    color: $active-color;
+    text-decoration: none;
+}
+
+a:hover {
+    color: $primary-color;
+}
+
+.dropcap {
+    color: $primary-color;
+    margin-right: 0.05em;
+}
+
+/* General */
+$top-bar-height: $top-bar-padding-top + ($font-size * $line-height) + $top-bar-padding-bottom + $top-bar-border-size + $search-input-border-size;
+
+body {
+    padding-top: $top-bar-height + $top-bar-margin-bottom;
+}
+
+.wrapper {
+    min-height: 100%;
+    position: relative;
+}
+
+.container {
+    max-width: $container-width;
+    padding-bottom: 90px;
+}
+
+/* Loader */
+
+.ball-scale-multiple,
+.loader {
+    width: $loader-text-width;
+    height: $loader-animation-size + $loader-text-margin-top + ($font-size * $line-height);
+}
+
+.loader {
+    font-family: $active-font;
+    margin: $loader-margin-top auto $loader-margin-bottom;
+}
+
+.ball-scale-multiple {
+    position: relative;
+}
+
+.ball-scale-multiple > div.ball {
+    background-color: $loader-animation-color;
+    border-radius: 100%;
+    animation-fill-mode: both;
+    position: absolute;
+    top: 0;
+    left: ($loader-text-width / 2) - ($loader-animation-size / 2);
+    opacity: 0;
+    margin: 0;
+    width: $loader-animation-size;
+    height: $loader-animation-size;
+    animation: ball-scale-multiple 1s 0s linear infinite;
+}
+
+.ball-scale-multiple > div.ball:nth-child(2) {
+    animation-delay: -0.4s;
+}
+
+.ball-scale-multiple > div.ball:nth-child(3) {
+    animation-delay: -0.2s;
+}
+
+.ball-scale-multiple > div.text {
+    position: absolute;
+    top: $loader-animation-size + $loader-text-margin-top;
+    left: 0;
+    width: $loader-text-width;
+    text-align: center;
+}
+@keyframes ball-scale-multiple {
+    0% {
+        transform: scale(0);
+        opacity: 0;
+    }
+
+    5% {
+        opacity: 1;
+    }
+
+    100% {
+        transform: scale(1);
+        opacity: 0;
+    }
+}
+
+/* Top bar */
+
+.top-bar {
+    font-family: $active-font;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    background-color: $top-bar-color;
+    z-index: 1000;
+}
+
+.top-bar-inner {
+    padding: $top-bar-padding-top $top-bar-padding-sides $top-bar-padding-bottom;
+    margin: 0 $top-bar-margin-sides;
+    border-bottom: $top-bar-border-size solid $top-bar-border-color;
+}
+
+.top-bar .item:first-child {
+    margin-left: 0;
+}
+
+.top-bar .item {
+    margin-left: $top-bar-item-margin;
+}
+
+.top-bar form {
+    margin: 0;
+    padding: 0;
+}
+
+.top-bar input {
+    margin: 0;
+    height: $font-size * $line-height;
+    padding: 0;
+    border: none;
+    border-bottom: $search-input-border-size solid $active-color;
+    border-radius: 0;
+}
+
+.top-bar input:focus {
+    border: none;
+    border-bottom: $search-input-border-size solid $primary-color;
+}
+
+/* Articles */
+
+.content-wrapper {
+    position: relative;
+}
+
+.content-info .category {
+    font-weight: bold;
+}
+@media screen and (min-width: $content-info-left-min-size) {
+    .content-info {
+        display: inline-block;
+        position: absolute;
+        left: -($content-info-width + $content-info-margin);
+        width: $content-info-width;
+        text-align: right;
+    }
+}
+
+/* Archive */
+
+.archive-entry-wrapper {
+    position: relative;
+    min-height: 2 * $font-size * $line-height;
+    margin-bottom: 25px;
+}
+
+.archive-info .category {
+    font-weight: bold;
+}
+@media screen and (min-width: $content-info-left-min-size) {
+    .archive-info {
+        display: inline-block;
+        position: absolute;
+        left: -($content-info-width + $content-info-margin);
+        width: $content-info-width;
+        text-align: right;
+    }
+}
+
+/* Footer */
+
+footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.footer-bar {
+    background-color: $footer-bar-color;
+}
+
+.footer-bar-inner {
+    margin: 0 $footer-bar-margin-sides;
+    padding: $footer-bar-padding-top $footer-bar-padding-sides $footer-bar-padding-bottom;
+    border-top: $footer-bar-border-size solid $footer-bar-border-color;
+}

metadata

@@ -0,0 +1,116 @@
+--- !ruby/object:Gem::Specification
+name: blog.sahithyen.com
+version: !ruby/object:Gem::Version
+  version: 0.1.2
+platform: ruby
+authors:
+- Sahithyen Kanaganayagam
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-01-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: This is the Jekyll theme for https://blog.sahithyen.com/. Feel free to
+  use it!
+email:
+- sahithyen@me.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/footer.html
+- _includes/head.html
+- _includes/navigation.html
+- _includes/scripts.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/_skeleton.scss
+- _sass/_variables.scss
+- _sass/base/_base-styles.scss
+- _sass/base/_functions.scss
+- _sass/base/_normalize.scss
+- _sass/base/_typography.scss
+- _sass/base/_utils.scss
+- _sass/base/_variables.scss
+- _sass/modules/_buttons.scss
+- _sass/modules/_code.scss
+- _sass/modules/_forms.scss
+- _sass/modules/_grid.scss
+- _sass/modules/_lists.scss
+- _sass/modules/_media-queries.scss
+- _sass/modules/_spacing.scss
+- _sass/modules/_tables.scss
+- assets/dropcap.min.js
+- assets/script.js
+- assets/styles.scss
+homepage: https://blog.sahithyen.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: []
+rubyforge_project: 
+rubygems_version: 2.0.14.1
+signing_key: 
+specification_version: 4
+summary: This is the Jekyll theme for https://blog.sahithyen.com/.
+test_files: []