inkstream 0.1.0 → 0.1.1

data/assets/scss/bootstrap/scss/vendor/_rfs.scss

@@ -0,0 +1,212 @@
+// stylelint-disable property-blacklist, scss/dollar-variable-default
+
+// SCSS RFS mixin
+//
+// Automated font-resizing
+//
+// See https://github.com/twbs/rfs
+
+// Configuration
+
+// Base font size
+$rfs-base-font-size: 1.25rem !default;
+$rfs-font-size-unit: rem !default;
+
+// Breakpoint at where font-size starts decreasing if screen width is smaller
+$rfs-breakpoint: 1200px !default;
+$rfs-breakpoint-unit: px !default;
+
+// Resize font-size based on screen height and width
+$rfs-two-dimensional: false !default;
+
+// Factor of decrease
+$rfs-factor: 10 !default;
+
+@if type-of($rfs-factor) != "number" or $rfs-factor <= 1 {
+  @error "`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.";
+}
+
+// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
+$rfs-class: false !default;
+
+// 1 rem = $rfs-rem-value px
+$rfs-rem-value: 16 !default;
+
+// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
+$rfs-safari-iframe-resize-bug-fix: false !default;
+
+// Disable RFS by setting $enable-responsive-font-sizes to false
+$enable-responsive-font-sizes: true !default;
+
+// Cache $rfs-base-font-size unit
+$rfs-base-font-size-unit: unit($rfs-base-font-size);
+
+// Remove px-unit from $rfs-base-font-size for calculations
+@if $rfs-base-font-size-unit == "px" {
+  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
+}
+@else if $rfs-base-font-size-unit == "rem" {
+  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);
+}
+
+// Cache $rfs-breakpoint unit to prevent multiple calls
+$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
+
+// Remove unit from $rfs-breakpoint for calculations
+@if $rfs-breakpoint-unit-cache == "px" {
+  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
+}
+@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {
+  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
+}
+
+// Responsive font-size mixin
+@mixin rfs($fs, $important: false) {
+  // Cache $fs unit
+  $fs-unit: if(type-of($fs) == "number", unit($fs), false);
+
+  // Add !important suffix if needed
+  $rfs-suffix: if($important, " !important", "");
+
+  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+  @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
+    font-size: #{$fs}#{$rfs-suffix};
+  }
+  @else {
+    // Variables for storing static and fluid rescaling
+    $rfs-static: null;
+    $rfs-fluid: null;
+
+    // Remove px-unit from $fs for calculations
+    @if $fs-unit == "px" {
+      $fs: $fs / ($fs * 0 + 1);
+    }
+    @else if $fs-unit == "rem" {
+      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
+    }
+
+    // Set default font-size
+    @if $rfs-font-size-unit == rem {
+      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
+    }
+    @else if $rfs-font-size-unit == px {
+      $rfs-static: #{$fs}px#{$rfs-suffix};
+    }
+    @else {
+      @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
+    }
+
+    // Only add media query if font-size is bigger as the minimum font-size
+    // If $rfs-factor == 1, no rescaling will take place
+    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
+      $min-width: null;
+      $variable-unit: null;
+
+      // Calculate minimum font-size for given font-size
+      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
+
+      // Calculate difference between given font-size and minimum font-size for given font-size
+      $fs-diff: $fs - $fs-min;
+
+      // Base font-size formatting
+      // No need to check if the unit is valid, because we did that before
+      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
+
+      // If two-dimensional, use smallest of screen width and height
+      $variable-unit: if($rfs-two-dimensional, vmin, vw);
+
+      // Calculate the variable width between 0 and $rfs-breakpoint
+      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
+
+      // Set the calculated font-size.
+      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
+    }
+
+    // Rendering
+    @if $rfs-fluid == null {
+      // Only render static font-size if no fluid font-size is available
+      font-size: $rfs-static;
+    }
+    @else {
+      $mq-value: null;
+
+      // RFS breakpoint formatting
+      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
+        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
+      }
+      @else if $rfs-breakpoint-unit == px {
+        $mq-value: #{$rfs-breakpoint}px;
+      }
+      @else {
+        @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
+      }
+
+      @if $rfs-class == "disable" {
+        // Adding an extra class increases specificity,
+        // which prevents the media query to override the font size
+        &,
+        .disable-responsive-font-size &,
+        &.disable-responsive-font-size {
+          font-size: $rfs-static;
+        }
+      }
+      @else {
+        font-size: $rfs-static;
+      }
+
+      @if $rfs-two-dimensional {
+        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
+          @if $rfs-class == "enable" {
+            .enable-responsive-font-size &,
+            &.enable-responsive-font-size {
+              font-size: $rfs-fluid;
+            }
+          }
+          @else {
+            font-size: $rfs-fluid;
+          }
+
+          @if $rfs-safari-iframe-resize-bug-fix {
+            // stylelint-disable-next-line length-zero-no-unit
+            min-width: 0vw;
+          }
+        }
+      }
+      @else {
+        @media (max-width: #{$mq-value}) {
+          @if $rfs-class == "enable" {
+            .enable-responsive-font-size &,
+            &.enable-responsive-font-size {
+              font-size: $rfs-fluid;
+            }
+          }
+          @else {
+            font-size: $rfs-fluid;
+          }
+
+          @if $rfs-safari-iframe-resize-bug-fix {
+            // stylelint-disable-next-line length-zero-no-unit
+            min-width: 0vw;
+          }
+        }
+      }
+    }
+  }
+}
+
+// The font-size & responsive-font-size mixin uses RFS to rescale font sizes
+@mixin font-size($fs, $important: false) {
+  @include rfs($fs, $important);
+}
+
+@mixin responsive-font-size($fs, $important: false) {
+  @include rfs($fs, $important);
+}
+
+$rfs-is-included: false !default;
+
+@if $rfs-is-included {
+  @warn "Watch out, RFS is included more than once!";
+}
+
+$rfs-is-included: true;

data/assets/scss/theme/_about.scss

@@ -0,0 +1,28 @@
+/* ============= About Page ============= */
+.about-section {
+	.heading {
+		font-size: 2rem;
+	}
+	p, li {
+		font-size: 1.125rem;
+		line-height: 1.6;
+	}
+    h1 {
+        font-size: 2.125rem;
+    }
+    h2 {
+        font-size: 2rem;
+    }
+    h3 {
+        font-size: 1.75rem;
+    }
+    h4 {
+        font-size: 1.5rem;
+    }
+    h5 {
+        font-size: 1.25rem;
+    }
+    h6 {
+        font-size: 1.125rem;
+    }
+}

data/assets/scss/theme/_base.scss

@@ -0,0 +1,207 @@
+/* ============= Base ============= */
+
+/*********** Theme Generic **********/
+body { 
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: $theme-text-color-secondary;
+    
+}
+
+h1, h2, h3, h4, h5, h6 {
+	color: $theme-text-color-primary;
+	font-weight: bold;
+}
+
+
+.btn {
+	font-weight: bold;
+	padding: .375rem 1rem;
+	height: 2.75rem;
+	@include transition(all 0.4s ease-in-out);
+}
+
+.btn:focus, .btn.focus {
+	box-shadow: none !important;
+}
+
+.btn-primary {
+	color: #fff;
+}
+
+.form-control {
+	padding-top: 0.875rem;
+	padding-bottom: 0.875rem;
+	height: 2.75rem;
+	border-color: $theme-border-color;
+}
+
+.theme-bg-light {
+	background: $theme-bg-light !important;
+}
+.theme-bg-dark {
+	background: $theme-bg-dark !important;
+}
+/* Header */
+.header {
+	position: fixed;
+	left: 0;
+	top: 0;
+	height:100vh;
+	width: $sidebar-width;
+	background: $theme-color-primary;
+	color: #fff;
+	
+	
+	
+	.blog-name {
+		font-weight: bold;
+		font-size: 1.5rem;
+		color: #fff;
+		a {
+			color: #fff;
+			&:hover {
+				text-decoration: none;
+			}
+		}
+	}
+	
+	.btn-primary {
+		background: rgba(0, 0, 0, 0.3);
+		border-color: transparent;
+		font-size: 1rem;
+		padding-top: 0.5rem;
+		&:hover {
+			background: rgba(0, 0, 0, 0.4);
+			border-color: transparent;
+		}
+	}
+	
+	
+	.navbar {
+	    padding: 2rem 1rem;
+    }
+    
+    .navbar-dark {
+	    
+	    .navbar-toggler {
+		    @include border-radius(2px);
+		    @include opacity(0.8);
+		    border: 1px solid rgba(256, 256, 256, 0.8);
+		    padding: .25rem .6rem;
+		    
+		    &:hover {
+			    @include opacity(1);
+			    
+		    }
+	    }
+	    
+	    
+	    .navbar-toggler-icon {
+		   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(256,256,256, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+	    }
+    }
+    
+    .nav-item {
+	    font-weight: bold;
+	    &.active {
+		    .nav-link {
+			   
+		       color: rgba(0, 0, 0, 0.5); 
+		       &:hover {
+				    text-decoration: none;
+			    }
+		    }
+		    
+		    
+	    }
+	    .nav-link {
+		    color: rgba(256, 256, 256, 0.8);
+		    &:hover {
+			    text-decoration: underline;
+			    color: rgba(0, 0, 0, 0.6); 
+		    }
+	    }
+	    
+	    
+    }
+}
+
+.profile-section {
+	.profile-image {
+		max-width: 160px;
+	}
+
+	.bio {
+		font-size: 0.875rem;
+		a {
+			color: #fff;
+			text-decoration: underline;
+			
+			&:hover {
+				color: rgba(0, 0, 0, 0.6);
+				
+			}
+		}
+	}
+	
+	
+}
+.social-list {
+
+	a {
+		width: 32px;
+		height: 32px;
+		padding-top: 5px;
+		display: inline-block;
+		text-align: center;
+		@include border-radius(50%);
+		@include transition(all 0.4s ease-in-out);
+		background-color: #fff;
+		&:hover {
+			color: darken($theme-color-primary, 10%);
+			background-color: rgba(256, 256, 256, 0.8);
+		}
+		
+	}
+}
+
+/* Main wrapper */
+.main-wrapper {
+	margin-left: $sidebar-width;
+	background: #fff;
+	
+	.container {
+		max-width: $single-col-max-width;
+	}
+}
+
+.cta-section {
+	.heading {
+		font-size: 2rem;
+		font-weight: bold;
+	}
+}
+
+.promo-section {
+	margin-bottom: 40px;
+	.promo-image {
+		max-width: 320px;
+	}
+	.promo-section-inner {
+		background: $theme-color-primary;
+	}
+}
+
+/* Footer */
+.footer {
+	//position: fixed;
+	//left: 0;
+	//width: 100%;
+	//bottom: 0;
+	color: rgba(256, 256, 256, 0.7);
+	a {
+		color: #fff;
+
+	}
+}

data/assets/scss/theme/_blog.scss

@@ -0,0 +1,140 @@
+.blog-list {
+	.item {
+		.title {
+			font-size: 1.275rem;
+			a {
+			    color: $theme-text-color-primary;	
+			    &:hover {
+				    color: $theme-text-color-primary;
+			    }
+			}
+			
+		}
+		.post-thumb {
+			max-width: 110px;
+			@include border-radius(2px);
+		}
+		
+		
+		.intro {
+			font-size: 0.875rem;
+		}
+		.more-link {
+			font-size: 0.8125rem;
+		}
+	}
+}
+
+.meta {
+	color: $theme-text-color-light;
+	font-size: 0.8125rem;
+	span {
+		display: inline-block;
+		a {
+			color: $theme-text-color-light;
+			&:hover {
+				color: $theme-text-color-secondary;
+			}
+		}
+		&:after {
+			content: "";
+			display: inline-block;
+			width: 3px;
+			height: 3px;
+			@include border-radius(50%);
+			background: $theme-text-color-light;
+			margin-left: 0.5rem;
+			margin-right: 0.5rem;
+			position: relative;
+			top: -3px;
+		}
+		&:last-child {
+			&:after {
+				display:none;
+			}
+		}
+	}
+	
+}
+
+.blog-nav {
+	.nav-link {
+		background: $theme-color-primary;
+		color: #fff;
+		font-size: 1rem;
+		padding: 1rem;
+		font-weight:bold;
+		position: relative;
+		&:hover {
+			background: darken($theme-color-primary, 10%);
+		}
+	}
+	.nav-link-prev {
+		border-right: 1px solid darken($theme-color-primary, 20%);
+	}
+	.arrow-prev {
+		position: absolute;
+		left: 1rem;
+		top: 1.25rem;
+		color: #fff;
+	}
+	
+	.arrow-next {
+		position: absolute;
+		right: 1rem;
+		top: 1.25rem;
+		color: #fff;
+	}
+}
+
+
+.blog-post {
+	.title {
+		font-weight: bold;
+		font-size: 2rem;
+	}
+	.blog-post-body {
+		p, li {
+			font-size: 1.125rem;
+			line-height: 1.6;
+		}
+        h1 {
+	        font-size: 2.125rem;
+        }
+        h2 {
+	        font-size: 2rem;
+        }
+        h3 {
+	        font-size: 1.75rem;
+        }
+        h4 {
+	        font-size: 1.5rem;
+        }
+        h5 {
+	        font-size: 1.25rem;
+        }
+        h6 {
+	        font-size: 1.125rem;
+        }
+	}
+	.image-caption {
+		color: $theme-text-color-light;
+		font-size: 0.875rem;
+		a {
+			color: $theme-text-color-light;
+			text-decoration: underline;
+			&:hover {
+				color: $theme-text-color-secondary;
+			}
+		}
+	}
+	.blockquote {
+		font-family: Georgia,"Times New Roman",Times,serif;
+		border-left: 2px solid $theme-text-color-primary;
+		font-size: 1.5rem;
+		p {
+			font-size: 1.5rem;
+		}
+		
+	}
+}