jekyll-akademos 0.1.0

data/_sass/_variables.scss

@@ -0,0 +1,206 @@
+// Typography -----------------------------
+
+// Font stacks
+
+$serif: Georgia, "Bitstream Charter", "Nimbus Roman No9 L", "Liberation Serif", serif;
+$sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Nimbus Sans L", "Liberation Sans", sans-serif;
+$mono: Menlo, "Lucida Sans Typewriter", "Lucida Console", "DejaVu Sans Mono", "Liberation Mono", Courier, monospace;
+
+// Applied fonts
+
+$font1: $sans; // Body
+$font2: $serif; // Headings
+$font3: $mono; // Code
+$fontui: $sans; // All UI
+
+// Scale ----------------------------------
+
+$base-font-size: 18px;
+$line-height: 1.44;
+$heading-line-height: 1.2;
+$vrythm: 1.44rem;
+
+$msize: 1rem;
+
+// Minor third
+
+$xxlsize: 2.488rem;
+$xlsize: 1.728rem;
+$lsize: 1.2rem;
+
+// Major second
+
+$ssize: .889rem;
+$xssize: .79rem;
+$xxssize: .702rem;
+
+// Space  ---------------------------------
+
+$sone: 1rem;
+$measure: 46rem;
+$measure-xl: $measure + 14;
+
+// Dividers
+
+$dark1: rgba(#000, .05) !default;
+$dark2: rgba(#000, .1) !default;
+
+$penumbra: 0 1px 3px $dark2 !default;
+
+// Viewports
+
+$tablet: 44.375em;
+$desktop: 75em;
+
+// Colours  -------------------------------
+
+/*
+   Name: Gaia
+   Author: Protesilaos Stavrou (https://protesilaos.com)
+   Theme URL: https://protesilaos.com/gaia
+*/
+
+$dbg: #2D2E2F !default; // Dark background
+$dhl: #3D3E3F !default; // Dark highlight
+$dt2: #7D7E7F !default; // Dark bg text secondary
+$dt1: #ADAEAF !default; // Dark bg text primary
+
+$lbg: #EBEDDF !default; // Light background
+$lhl: #DBDDCF !default; // Light highlight
+$lt2: #9B9D8F !default; // Light bg text secondary
+$lt1: #6B6D5F !default; // Light bg text primary
+
+$red: #9D6936 !default; // Red
+$ora: #B38121 !default; // Orange
+$gre: #8B9C3A !default; // Green
+$blu: #6C9CBA !default; // Blue
+
+$mag: #BD9198 !default; // Magenta
+$yel: #BDAA4A !default; // Yellow
+$cya: #85AF85 !default; // Cyan
+$vio: #8A8DB7 !default; // Violet
+
+// Colour order
+
+$primary1: $red !default;
+$primary2: $gre !default;
+$primary3: $ora !default;
+
+$secondary1: $cya !default;
+$secondary2: $yel !default;
+
+$tertiary1: $blu !default;
+$tertiary2: $vio !default;
+$tertiary3: $mag !default;
+
+// Base defaults
+
+$bg: $lbg !default; // Background
+$text1: $lt1 !default; // Main text
+$text2: $lt2 !default; // Secondary text
+
+$subheading: $red !default; // H2
+$section-heading: $ora !default; // H3 and below
+
+$link: $blu !default;
+$link-alt: $cya !default;
+
+$inline-code: $gre !default;
+
+// Syntax defaults
+// Code blocks appear in the dark variant
+
+$t1: $dt1 !default;
+$t2: $dt2 !default;
+$background: $dbg !default;
+$highlight: $dhl !default;
+
+// Mixins ---------------------------------
+
+@mixin shadow {
+  -webkit-box-shadow: $penumbra;
+  -moz-box-shadow: $penumbra;
+  -ms-box-shadow: $penumbra;
+  box-shadow: $penumbra;
+}
+
+@mixin font-smoothing {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@mixin radius($degree) {
+  -webkit-border-radius: $degree;
+  -moz-border-radius: $degree;
+  -ms-border-radius: $degree;
+  border-radius: $degree;
+}
+
+@mixin transition {
+  -webkit-transition: all ease-in-out 300ms;
+  -moz-transition: all ease-in-out 300ms;
+  -o-transition: all ease-in-out 300ms;
+  transition: all ease-in-out 300ms;
+}
+
+@mixin notification($bg-colour, $border-colour) {
+  background: transparentize($bg-colour, 0.9);
+  border-left: thick solid $border-colour;
+  margin: $vrythm 0;
+}
+
+@mixin calendar-legend($calbg) {
+  content: "";
+  display: inline-block;
+  background: #{$calbg};
+  width: 1em;
+  height: 1em;
+  margin-right: $sone / 2;
+  vertical-align: middle;
+}
+
+@mixin bigblock {
+  padding-left: #{($measure-xl - $measure) / 2};
+  padding-right: #{($measure-xl - $measure) / 2};
+  margin-left: -#{($measure-xl - $measure) / 2};
+  margin-right: -#{($measure-xl - $measure) / 2};
+}
+
+@mixin tablet {
+  @media screen and (min-width: #{$tablet}) {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media screen and (min-width: #{$desktop}) {
+    @content;
+  }
+}
+
+// Placeholders ---------------------------
+
+%clearfix {
+  &::before {
+    content: '';
+    display: table;
+  }
+
+  &::after {
+  @extend %clearfix::before;
+  clear: both;
+  }
+}
+
+%pseudomark {
+  display: inline;
+  color: $text2;
+  font-weight: 400;
+}
+
+%colourblock {
+  display: block;
+  float: left;
+  padding: 0;
+  margin: 0;
+}

data/_sass/themes/_alto.scss

@@ -0,0 +1,58 @@
+/*
+    Name: Alto
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/alto
+*/
+
+// Colour scheme
+
+$dbg: #182D2A; // Dark background
+$dhl: #283D3A; // Dark highlight
+$dt2: #687D7A; // Dark bg text secondary
+$dt1: #98ADAA; // Dark bg text primary
+
+$lbg: #FAFAEC; // Light background
+$lhl: #EAEADC; // Light highlight
+$lt2: #8A8A7C; // Light bg text secondary
+$lt1: #5A5A4C; // Light bg text primary
+
+$red: #C6414D; // Red
+$ora: #C9753D; // Orange
+$yel: #C6A13D; // Yellow
+$gre: #679945; // Green
+
+$cya: #57AB8B; // Cyan
+$blu: #378BBD; // Blue
+$vio: #9A7BC8; // Violet
+$mag: #C97885; // Magenta
+
+// Colour order
+
+$primary1: $blu;
+$primary2: $mag;
+$primary3: $gre;
+
+$secondary1: $cya;
+$secondary2: $vio;
+
+$tertiary1: $ora;
+$tertiary2: $yel;
+$tertiary3: $red;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $mag;
+$section-heading: $vio;
+$link: $blu;
+$link-alt: $cya;
+$inline-code: $gre;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;

data/_sass/themes/_archaic.scss

@@ -0,0 +1,56 @@
+/*
+    Name: Archaic
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/archaic
+*/
+
+$dbg: #2E2926; // Dark background
+$dhl: #3E3936; // Dark highlight
+$dt2: #7E7976; // Dark bg text secondary
+$dt1: #AEA9A6; // Dark bg text primary
+
+$lbg: #FEF1D8; // Light background
+$lhl: #EEE1C8; // Light highlight
+$lt2: #9E9178; // Light bg text secondary
+$lt1: #5E5138; // Light bg text primary
+
+$red: #AB5637; // Red
+$ora: #C76D26; // Orange
+$yel: #A97906; // Yellow
+$gre: #688A38; // Green
+
+$cya: #368876; // Cyan
+$blu: #4884AD; // Blue
+$vio: #8A6BB5; // Violet
+$mag: #A25763; // Magenta
+
+// Colour order
+
+$primary1: $red;
+$primary2: $yel;
+$primary3: $ora;
+
+$secondary1: $gre;
+$secondary2: $mag;
+
+$tertiary1: $vio;
+$tertiary2: $cya;
+$tertiary3: $blu;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $gre;
+$section-heading: $cya;
+$link: $ora;
+$link-alt: $red;
+$inline-code: $vio;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;

data/_sass/themes/_bionis.scss

@@ -0,0 +1,58 @@
+/*
+    Name: Bionis
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/bionis
+*/
+
+// Colour scheme
+
+$dbg: #251A27; // Dark background
+$dhl: #352A37; // Dark highlight
+$dt2: #857A87; // Dark bg text secondary
+$dt1: #B5AAB7; // Dark bg text primary
+
+$lbg: #FBF8FD; // Light background
+$lhl: #EBE8ED; // Light highlight
+$lt2: #8B888D; // Light bg text secondary
+$lt1: #3B383D; // Light bg text primary
+
+$red: #C25A5B; // Red
+$ora: #CB6832; // Orange
+$yel: #BA8A00; // Yellow
+$gre: #4DA35C; // Green
+
+$cya: #439B9B; // Cyan
+$blu: #5A7ACD; // Blue
+$vio: #AA6BC5; // Violet
+$mag: #C25783; // Magenta
+
+// Colour order
+
+$primary1: $blu;
+$primary2: $vio;
+$primary3: $gre;
+
+$secondary1: $cya;
+$secondary2: $red;
+
+$tertiary1: $ora;
+$tertiary2: $mag;
+$tertiary3: $yel;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $red;
+$section-heading: $mag;
+$link: $blu;
+$link-alt: $vio;
+$inline-code: $gre;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;

data/_sass/themes/_blau.scss

@@ -0,0 +1,58 @@
+/*
+    Name: Blau
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/blau
+*/
+
+// Variables ----------------------------
+
+$dbg: #28282F; // Dark background
+$dhl: #38383F; // Dark highlight
+$dt2: #68686F; // Dark bg text secondary
+$dt1: #98989F; // Dark bg text primary
+
+$lbg: #DFDCDE; // Light background
+$lhl: #CFCCCE; // Light highlight
+$lt2: #7F7C7E; // Light bg text secondary
+$lt1: #4F4C4E; // Light bg text primary
+
+$red: #A43D56; // Red
+$ora: #BB651B; // Orange
+$yel: #BB8B11; // Yellow
+$gre: #3BA67A; // Green
+
+$cya: #2F95A5; // Cyan
+$blu: #2F7CB1; // Blue
+$vio: #5E6FB5; // Violet
+$mag: #A5657A; // Magenta
+
+// Colour order
+
+$primary1: $red;
+$primary2: $vio;
+$primary3: $blu;
+
+$secondary1: $cya;
+$secondary2: $mag;
+
+$tertiary1: $yel;
+$tertiary2: $gre;
+$tertiary3: $ora;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $ora;
+$section-heading: $yel;
+$link: $blu;
+$link-alt: $red;
+$inline-code: $gre;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;

data/_sass/themes/_caprice.scss

@@ -0,0 +1,56 @@
+/*
+    Name: Caprice
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/caprice
+*/
+
+$dbg: #211B29; // Dark background
+$dhl: #312B39; // Dark highlight
+$dt2: #716B79; // Dark bg text secondary
+$dt1: #A19BA9; // Dark bg text primary
+
+$lbg: #FEFBFC; // Light background
+$lhl: #EEEBEC; // Light highlight
+$lt2: #7E7B7C; // Light bg text secondary
+$lt1: #2E2B2C; // Light bg text primary
+
+$red: #983D4F; // Red
+$ora: #9A5D38; // Orange
+$yel: #A58A30; // Yellow
+$gre: #278975; // Green
+
+$cya: #587EBC; // Cyan
+$blu: #585EBC; // Blue
+$vio: #8955A2; // Violet
+$mag: #AC4D7A; // Magenta
+
+// Colour order
+
+$primary1: $vio;
+$primary2: $gre;
+$primary3: $blu;
+
+$secondary1: $cya;
+$secondary2: $ora;
+
+$tertiary1: $red;
+$tertiary2: $mag;
+$tertiary3: $yel;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $red;
+$section-heading: $ora;
+$link: $vio;
+$link-alt: $blu;
+$inline-code: $gre;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;

data/_sass/themes/_cyprium.scss

@@ -0,0 +1,58 @@
+/*
+    Name: Cyprium
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/cyprium
+*/
+
+// Colour scheme
+
+$dbg: #374934; // Dark background
+$dhl: #475944; // Dark highlight
+$dt2: #879984; // Dark bg text secondary
+$dt1: #A7B9A4; // Dark bg text primary
+
+$lbg: #EBE9DA; // Light background
+$lhl: #DBD9CA; // Light highlight
+$lt2: #9B998A; // Light bg text secondary
+$lt1: #6B695A; // Light bg text primary
+
+$red: #C36A5F; // Red
+$ora: #B37521; // Orange
+$gre: #6B8C4A; // Green
+$blu: #3C959A; // Blue
+
+$mag: #BB6384; // Magenta
+$yel: #A38E10; // Yellow
+$cya: #5C9B85; // Cyan
+$vio: #8B85BA; // Violet
+
+// Colour order
+
+$primary1: $yel;
+$primary2: $ora;
+$primary3: $gre;
+
+$secondary1: $cya;
+$secondary2: $blu;
+
+$tertiary1: $red;
+$tertiary2: $vio;
+$tertiary3: $mag;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $gre;
+$section-heading: $cya;
+$link: $ora;
+$link-alt: $yel;
+$inline-code: $red;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;

data/_sass/themes/_ficus.scss

@@ -0,0 +1,58 @@
+/*
+    Name: Ficus
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/ficus
+*/
+
+// Colour scheme
+
+$dbg: #27152C; // Dark background
+$dhl: #37253C; // Dark highlight
+$dt2: #67556C; // Dark bg text secondary
+$dt1: #97859C; // Dark bg text primary
+
+$lbg: #EDF1E5; // Light background
+$lhl: #DDE1D5; // Light highlight
+$lt2: #8D9185; // Light bg text secondary
+$lt1: #5D6155; // Light bg text primary
+
+$red: #AA3A5A; // Red
+$ora: #AC6E00; // Orange
+$yel: #ACA60A; // Yellow
+$gre: #84A33C; // Green
+
+$cya: #6CACAB; // Cyan
+$blu: #6D75CD; // Blue
+$vio: #A46ACD; // Violet
+$mag: #CB5E9A; // Magenta
+
+// Colour order
+
+$primary1: $mag;
+$primary2: $vio;
+$primary3: $gre;
+
+$secondary1: $yel;
+$secondary2: $cya;
+
+$tertiary1: $blu;
+$tertiary2: $red;
+$tertiary3: $ora;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $gre;
+$section-heading: $cya;
+$link: $mag;
+$link-alt: $vio;
+$inline-code: $yel;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;

data/_sass/themes/_flowerbed.scss

@@ -0,0 +1,58 @@
+/*
+    Name: Flowerbed
+    Author: Protesilaos Stavrou (https://protesilaos.com)
+    Theme URL: https://protesilaos.com/flowerbed
+*/
+
+// Colour scheme
+
+$dbg: #233949; // Dark background
+$dhl: #334959; // Dark highlight
+$dt2: #738999; // Dark bg text secondary
+$dt1: #A3B9C9; // Dark bg text primary
+
+$lbg: #ECF3F2; // Light background
+$lhl: #DCE3E2; // Light highlight
+$lt2: #8C9392; // Light bg text secondary
+$lt1: #5C6362; // Light bg text primary
+
+$red: #D86A87; // Red
+$ora: #D89A47; // Orange
+$yel: #CD9A8A; // Yellow
+$gre: #5CBC7D; // Green
+
+$cya: #1CABA1; // Cyan
+$blu: #4AA7D2; // Blue
+$vio: #7988CA; // Violet
+$mag: #BC74AF; // Magenta
+
+// Colour order
+
+$primary1: $cya;
+$primary2: $gre;
+$primary3: $mag;
+
+$secondary1: $vio;
+$secondary2: $blu;
+
+$tertiary1: $ora;
+$tertiary2: $red;
+$tertiary3: $yel;
+
+// Base defaults
+
+$bg: $lbg;
+$text1: $lt1;
+$text2: $lt2;
+$subheading: $yel;
+$section-heading: $ora;
+$link: $cya;
+$link-alt: $gre;
+$inline-code: $red;
+
+// Syntax defaults
+
+$t1: $dt1;
+$t2: $dt2;
+$background: $dbg;
+$highlight: $dhl;