jekyll-theme-newtype 0.1.3 → 0.1.4

data/_sass/newtype.scss

@@ -1,37 +1,3 @@
-/*
-* Based on: https://github.com/whatsnewsaes
-*/
-
-/* Base files. */
-@import "skeleton/base/normalize";
-@import "skeleton/base/variables";
-@import "skeleton/base/functions";
-@import "skeleton/base/base-styles";
-@import "skeleton/base/utils";
-@import "skeleton/base/typography";
-
-/* Modules */
-@import "skeleton/modules/grid";
-@import "skeleton/modules/buttons";
-@import "skeleton/modules/forms";
-@import "skeleton/modules/lists";
-@import "skeleton/modules/code";
-@import "skeleton/modules/tables";
-@import "skeleton/modules/spacing";
-@import "skeleton/modules/media-queries";
-
+@import "typography";
+@import "layout";
 @import "syntax";
-
-.header{
-    margin-top: 4em;
-}
-
-.header-icon{
-    max-height: 12em;
-    border-radius: 50%;
-}
-
-.navbar > li{
-    list-style-type: none;
-    font-size: 14pt;
-}

data/_sass/typography.scss

@@ -0,0 +1,67 @@
+@import url('https://fonts.googleapis.com/css?family=Inknut+Antiqua:500,900|Roboto+Slab');
+
+@function approx($a, $b, $sublevel, $suplevel, $i) {
+    @return $a + ($b - $a)*($sublevel - $i)/($sublevel - $suplevel);
+}
+
+@mixin font-by-level($i) {
+    @if($i <= $title-level) {
+        font-family: $title-font;
+        font-size: approx($subtitle-fontsize, $title-fontsize,
+                          $title-level, 0,
+                          $i);
+        font-weight: $title-fontweight;
+    } @elseif($i <= $subtitle-level) {
+        font-family: $subtitle-font;
+        font-size: approx($regular-fontsize, $subtitle-fontsize,
+                          $regular-level, $subtitle-level,
+                          $i);
+        font-weight: $subtitle-fontweight;
+    } @else {
+        font-family: $regular-font;
+        font-size: approx($regular-fontsize, $subtitle-fontsize,
+                          $regular-level, $subtitle-level,
+                          $i);
+        font-weight: $regular-fontweight;
+    }
+}
+
+
+body {
+    font-family: $regular-font;
+}
+
+@for $i from 1 through $regular-level {
+    h#{$i} {
+        @include font-by-level($i)
+    }
+}
+
+p span {
+    @include font-by-level($regular-level);
+}
+
+strong {
+    @include font-by-level($strong-level);
+}
+
+a {
+    text-decoration: none;
+    color: $regular-color;
+}
+
+
+.site-navigation {
+    background-color: $nav-backcolor;
+    color: $nav-forecolor;
+}
+
+.site-navigation > * {
+    color: $nav-forecolor;
+    @include font-by-level($navigation-level);
+}
+
+.site-title {
+    text-transform: uppercase;
+    @include font-by-level(0);
+}

data/_sass/vars.scss

@@ -0,0 +1,32 @@
+// Layout vars
+
+$tablet-width: 1000px;
+$page-width: 210mm;
+$logo-width: 65mm;
+$left-margin: 2cm;
+$right-margin: 2cm;
+$logo-title-margin: 1rem;
+
+// Typography vars
+
+$title-color: black;
+$regular-color: black;
+$title-font: "Inknut Antiqua", serif;
+$subtitle-font: "Inknut Antiqua", serif;
+$regular-font: "Roboto Slab", serif;
+$nav-backcolor: black;
+$nav-forecolor: white;
+
+$title-level: 1;
+$subtitle-level: 3;
+$regular-level: 10;
+
+$navigation-level: 8;
+$link-level: $regular-level - 1;
+$strong-level: $regular-level - 1;
+$regular-fontsize: 14pt;
+$subtitle-fontsize: 20pt;
+$title-fontsize: 36pt;
+$regular-fontweight: 400;
+$subtitle-fontweight: 500;
+$title-fontweight: 900;

data/assets/style.scss

@@ -1,4 +1,5 @@
 ---
 ---
 
+@import "vars";
 @import "newtype";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-newtype
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - Serge Kozlukov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-01-28 00:00:00.000000000 Z
+date: 2018-02-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -61,10 +61,11 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- _includes/disqus.html
 - _includes/footer.html
 - _includes/head.html
 - _includes/header.html
-- _includes/navbar.html
+- _includes/navigation.html
 - _includes/post_preview.html
 - _includes/sidebar.html
 - _layouts/category_index.html
@@ -73,25 +74,16 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/slides.html
+- _sass/layout.scss
 - _sass/newtype.scss
-- _sass/skeleton/base/_base-styles.scss
-- _sass/skeleton/base/_functions.scss
-- _sass/skeleton/base/_normalize.scss
-- _sass/skeleton/base/_typography.scss
-- _sass/skeleton/base/_utils.scss
-- _sass/skeleton/base/_variables.scss
-- _sass/skeleton/modules/_buttons.scss
-- _sass/skeleton/modules/_code.scss
-- _sass/skeleton/modules/_forms.scss
-- _sass/skeleton/modules/_grid.scss
-- _sass/skeleton/modules/_lists.scss
-- _sass/skeleton/modules/_media-queries.scss
-- _sass/skeleton/modules/_spacing.scss
-- _sass/skeleton/modules/_tables.scss
-- _sass/skeleton/normalize.scss
-- _sass/skeleton/skeleton.scss
 - _sass/syntax.scss
+- _sass/typography.scss
+- _sass/vars.scss
 - assets/bullet.svg
+- assets/fonts/cmunbxo.otf
+- assets/fonts/cmunsi.otf
+- assets/fonts/cmunss.otf
+- assets/fonts/cmunsx.otf
 - assets/revealjs/.gitignore
 - assets/revealjs/.travis.yml
 - assets/revealjs/CONTRIBUTING.md
@@ -195,6 +187,8 @@ files:
 - assets/revealjs/test/test-pdf.js
 - assets/revealjs/test/test.html
 - assets/revealjs/test/test.js
+- assets/site_icon.png
+- assets/site_logo.png
 - assets/social-github.svg
 - assets/social-twitter.png
 - assets/social-twitter.svg

data/_includes/navbar.html

@@ -1,9 +0,0 @@
-<div class="container" >
-    <ul class="navbar">
-        {% for page in site.pages %}
-        {% if page.navbar %}
-        <li><a href="{{ page.url }}">{{ page.title }}</a></li>
-        {% endif %}
-        {% endfor %}
-    </ul>
-</div>

data/_sass/skeleton/base/_base-styles.scss

@@ -1,37 +0,0 @@
-// Base Styles
-//––––––––––––––––––––––––––––––––––––––––––––––––––
-// NOTE
-// html is set to 62.5% so that all the REM measurements throughout Skeleton
-// are based on 10px sizing. So basically 1.5rem = 15px :)
-
-html {
-  font-size: 62.5%;
-}
-
-body {
-  font-size: 1.5em; // currently ems cause chrome bug misinterpreting rems on body element
-  line-height: 1.6;
-  font-weight: 400;
-  font-family: $font-family;
-  color: $font-color;
-}
-
-// Links
-//––––––––––––––––––––––––––––––––––––––––––––––––––
-
-a {
-  color: $link-color;
-  &:hover {
-    color: darken($link-color, 5%);
-  }
-}
-
-// Misc
-//––––––––––––––––––––––––––––––––––––––––––––––––––
-
-hr {
-  margin-top: 3rem;
-  margin-bottom: 3.5rem;
-  border-width: 0;
-  border-top: 1px solid $light-grey;
-}

data/_sass/skeleton/base/_functions.scss

@@ -1,17 +0,0 @@
-/*
-* Skeleton V2.0.4
-* Copyright 2014, Dave Gamache
-* www.getskeleton.com
-* Free to use under the MIT license.
-* http://www.opensource.org/licenses/mit-license.php
-* 12/9/2014
-* Sass Version by Seth Coelen https://github.com/whatsnewsaes
-*/
-
-@function grid-column-width($n) {
-  @return $column-width * $n - ($column-margin*($total-columns - $n)/$total-columns);
-}
-
-@function grid-offset-length($n) {
-  @return grid-column-width($n) + $column-margin;
-}

data/_sass/skeleton/base/_normalize.scss

@@ -1,428 +0,0 @@
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
-//
-// 1. Set default font family to sans-serif.
-// 2. Prevent iOS and IE text size adjust after device orientation change,
-//    without disabling user zoom.
-//
-
-html {
-  font-family: sans-serif; // 1
-  -ms-text-size-adjust: 100%; // 2
-  -webkit-text-size-adjust: 100%; // 2
-}
-
-//
-// Remove default margin.
-//
-
-body {
-  margin: 0;
-}
-
-// HTML5 display definitions
-// ==========================================================================
-
-//
-// Correct `block` display not defined for any HTML5 element in IE 8/9.
-// Correct `block` display not defined for `details` or `summary` in IE 10/11
-// and Firefox.
-// Correct `block` display not defined for `main` in IE 11.
-//
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-//
-// 1. Correct `inline-block` display not defined in IE 8/9.
-// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
-//
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block; // 1
-  vertical-align: baseline; // 2
-}
-
-//
-// Prevent modern browsers from displaying `audio` without controls.
-// Remove excess height in iOS 5 devices.
-//
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-//
-// Address `[hidden]` styling not present in IE 8/9/10.
-// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
-//
-
-[hidden],
-template {
-  display: none;
-}
-
-// Links
-// ==========================================================================
-
-//
-// Remove the gray background color from active links in IE 10.
-//
-
-a {
-  background-color: transparent;
-}
-
-//
-// Improve readability of focused elements when they are also in an
-// active/hover state.
-//
-
-a {
-  &:active {
-    outline: 0;
-  }
-  &:hover {
-    outline: 0;
-  }
-}
-
-// Text-level semantics
-// ==========================================================================
-
-//
-// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
-//
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-//
-// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
-//
-
-b,
-strong {
-  font-weight: bold;
-}
-
-//
-// Address styling not present in Safari and Chrome.
-//
-
-dfn {
-  font-style: italic;
-}
-
-//
-// Address variable `h1` font-size and margin within `section` and `article`
-// contexts in Firefox 4+, Safari, and Chrome.
-//
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-//
-// Address styling not present in IE 8/9.
-//
-
-mark {
-  background: #ff0;
-  color: #000;
-}
-
-//
-// Address inconsistent and variable font size in all browsers.
-//
-
-small {
-  font-size: 80%;
-}
-
-//
-// Prevent `sub` and `sup` affecting `line-height` in all browsers.
-//
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-// Embedded content
-// ==========================================================================
-
-//
-// Remove border when inside `a` element in IE 8/9/10.
-//
-
-img {
-  border: 0;
-}
-
-//
-// Correct overflow not hidden in IE 9/10/11.
-//
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-// Grouping content
-// ==========================================================================
-
-//
-// Address margin not present in IE 8/9 and Safari.
-//
-
-figure {
-  margin: 1em 40px;
-}
-
-//
-// Address differences between Firefox and other browsers.
-//
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-}
-
-//
-// Contain overflow in all browsers.
-//
-
-pre {
-  overflow: auto;
-}
-
-//
-// Address odd `em`-unit font size rendering in all browsers.
-//
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-// Forms
-// ==========================================================================
-
-//
-// Known limitation: by default, Chrome and Safari on OS X allow very limited
-// styling of `select`, unless a `border` property is set.
-//
-
-//
-// 1. Correct color not being inherited.
-//    Known issue: affects color of disabled elements.
-// 2. Correct font properties not being inherited.
-// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
-//
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; // 1
-  font: inherit; // 2
-  margin: 0; // 3
-}
-
-//
-// Address `overflow` set to `hidden` in IE 8/9/10/11.
-//
-
-button {
-  overflow: visible;
-}
-
-//
-// Address inconsistent `text-transform` inheritance for `button` and `select`.
-// All other form control elements do not inherit `text-transform` values.
-// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
-// Correct `select` style inheritance in Firefox.
-//
-
-button,
-select {
-  text-transform: none;
-}
-
-//
-// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-//    and `video` controls.
-// 2. Correct inability to style clickable `input` types in iOS.
-// 3. Improve usability and consistency of cursor style between image-type
-//    `input` and others.
-//
-
-button,
-html input[type="button"], // 1
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button; // 2
-  cursor: pointer; // 3
-}
-
-//
-// Re-set default cursor for disabled elements.
-//
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-//
-// Remove inner padding and border in Firefox 4+.
-//
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-//
-// Address Firefox 4+ setting `line-height` on `input` using `!important` in
-// the UA stylesheet.
-//
-
-input {
-  line-height: normal;
-}
-
-//
-// It's recommended that you don't attempt to style these elements.
-// Firefox's implementation doesn't respect box-sizing, padding, or width.
-//
-// 1. Address box sizing set to `content-box` in IE 8/9/10.
-// 2. Remove excess padding in IE 8/9/10.
-//
-
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box; // 1
-  padding: 0; // 2
-}
-
-//
-// Fix the cursor style for Chrome's increment/decrement buttons. For certain
-// `font-size` values of the `input`, it causes the cursor style of the
-// decrement button to change from `default` to `text`.
-//
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-//
-// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
-// 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
-//
-
-input[type="search"] {
-  -webkit-appearance: textfield; // 1
-  box-sizing: content-box; //2
-}
-
-//
-// Remove inner padding and search cancel button in Safari and Chrome on OS X.
-// Safari (but not Chrome) clips the cancel button when the search input has
-// padding (and `textfield` appearance).
-//
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-//
-// Define consistent border, margin, and padding.
-//
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-//
-// 1. Correct `color` not being inherited in IE 8/9/10/11.
-// 2. Remove padding so people aren't caught out if they zero out fieldsets.
-//
-
-legend {
-  border: 0; // 1
-  padding: 0; // 2
-}
-
-//
-// Remove default vertical scrollbar in IE 8/9/10/11.
-//
-
-textarea {
-  overflow: auto;
-}
-
-//
-// Don't inherit the `font-weight` (applied by a rule above).
-// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
-//
-
-optgroup {
-  font-weight: bold;
-}
-
-// Tables
-// ==========================================================================
-
-//
-// Remove most spacing between table cells.
-//
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}