zaunkoenig 0.0.2 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4d9929025a257a1126da255bb7eae9ddc40b7b245456d0374a184ebca29723cf
-  data.tar.gz: 432567fd5a1fe58332c24cd8f500da578c5864331ea2be3bcb4fb047c677566f
+  metadata.gz: 2728a1c96877740069b38908046800a8ed59d533debdc0b9be0eacc6cb273eda
+  data.tar.gz: 60cc413e6eea2823858073db0f3bc45e7b7bd48f88515b52c189f0e39350dfff
 SHA512:
-  metadata.gz: 4b30a090e22458f2b82d856b7dd137e55a012a274cfc98b903afbbb234c63d0413a06bb0adb058bded25ae571ea0fcbe95083d09f0d8e6cfb7cb372fe0bcc2be
-  data.tar.gz: 125b84b88f71e9ba7ec4054ba3327bb577e1afdbe5b43c9de19133a6ea882a3234f013eddcdb2e59603ddbb57bf50f8f2cc3e1e198b0d146409cefec646f0a45
+  metadata.gz: adb38755e5cc2f0d84f32668fd76e7cdeeadb9d9ae4d525a28bfd1ca3d4f3fa52cd81831826a7b1e13cc960e94d09a61f66e45d530889519f5d74213d2e9e5ef
+  data.tar.gz: 3d1505dd20dd9b528950b3a93b0b6ca613b1fc59002072e5960f581b12dfffae5c9e0685cec8847aa8c924d8340e1c89ad87ae3738616d30c6a36596404ea1d1

data/README.md

@@ -29,13 +29,64 @@ Or install it yourself as:
 
     $ gem install zaunkoenig
 
-## Usage
 
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+Zaunkönig is a lightweight and elegant theme for Jekyll.
+
+![](/assets/zaunkoenig.jpg)
+
+## Features
+
+### Customn Logo
+
+You can overwrite footer and header logo.
+
+Create `includes/footer_logo.html` or `includes/header_logo.html` to roll your own.
+
+### Change fonts an colours
+
+You can change the look and feel of the theme by overriding the variables in `variables.scss`.
+
+You can change fonts and colors.
+
+```scss
+$color_primary: #FF4B3E;
+$color_primary_hover: #972D07;
+$color_font: #222;
+$color_font_dark: #000;
+$color_font_inverse: #cccccc;
+$color_font_inverse_light: #ffffff;
+$color_background: #ffffff;
+$color_background_inverse: #972D07;
+$color_border: #efefef;
+$font_text: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
+$font_decoration: "Century Gothic", CenturyGothic, Futura, sans-serif;
+```
+
+### Add navigation items
+
+You can customize the navigation items in header and footer by adding your own navigation.yml to `data/navigation.yml`.
+
+```yml
+main:
+  items:
+    - title: Start
+      url: /
+
+    - title: Blog
+      url: /blog/
+
+footer:
+  items:
+    - title: Zaunkönig
+      url: /
+
+    - title: Birdsnest
+      url: /
+```
+
+### Syntax highlighting
 
-## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
 
 ## Development
 

data/_config.yml

@@ -2,5 +2,4 @@ copyright: Acme Inc
 title: Zaunkönig
 
 sass:
-  sass_dir:          _scss
-  style:            :compressed
+  style: :compressed

data/_data/navigation.yml

@@ -0,0 +1,15 @@
+main:
+  items:
+    - title: Start
+      url: /
+
+    - title: Blog
+      url: /blog/
+
+footer:
+  items:
+    - title: Zaunkönig
+      url: /
+
+    - title: Birdsnest
+      url: /

data/_includes/head.html

@@ -6,12 +6,8 @@
   {% endif %}
 
   <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
-  <meta name="theme-color" content="#000000"/>
-
-  <link rel="icon" href="/assets/favicon-192x192.png" sizes="192x192">
-  <link rel="icon" href="/assets/favicon-64x64.png" sizes="64x64">
-  <link rel="icon" href="/assets/favicon-32x32.png" sizes="32x32">
   <link rel="alternate" type="application/rss+xml" title="Techgenossen Blog" href="/feed.xml" />
 
-  {% include inline_styles.html %}
+  {% include customn_head.html %}
+  {% include styles.html %}
 </head>

data/_includes/styles.html

@@ -0,0 +1,5 @@
+<link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
+
+{%- if page.syntax_highlighting -%}
+  <link rel="stylesheet" href="{{ "/assets/css/syntax-highlighting.css" | relative_url }}">
+{%- endif -%}

data/{_includes/inline.scss → _sass/zaunkoenig.scss}

@@ -1,7 +1,10 @@
+@import "zaunkoenig/variables";
+@import "zaunkoenig/variables_customn";
+
 @import "zaunkoenig/normalize";
 @import "zaunkoenig/skeleton";
 
 @import "zaunkoenig/base";
 @import "zaunkoenig/header";
-@import "zaunkoenig/homepageTeaser";
 @import "zaunkoenig/image";
+@import "zaunkoenig/customn-styles";

data/{_scss → _sass}/zaunkoenig/base.scss

@@ -1,16 +1,3 @@
-$color_primary: #F50202;
-$color_primary_hover: #F50202;
-$color_font: #444444;
-$color_font_dark: #222222;
-$color_font_inverse: #cccccc;
-$color_font_inverse_light: #ffffff;
-$color_background: #ffffff;
-$color_background_inverse: #000000;
-$color_border: #efefef;
-$font_text: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
-$font_decoration: "Century Gothic", CenturyGothic, Futura, sans-serif;
-
-
 @mixin hyphens(){
   word-wrap: break-word;
   overflow-wrap: break-word;
@@ -60,16 +47,13 @@ h1, h2, h3 {
 .container {
   max-width: 960px;
 
-    &.start {
-      margin-top: 2em;
-    }
+  &.start {
+    margin-top: 2em;
+  }
 
-    img, picture {
-      max-width: 100%;
-    }
+  img, picture {
+    max-width: 100%;
   }
-svg.logo-icon {
-  fill:$color_primary;
 }
 
 a {
@@ -175,8 +159,9 @@ button:hover, .button:hover {
 }
 
 .footer-logo {
-  color: $color_font_dark;
-  font-size: 1.5em;
+  display: inline-block;
+  font-size: 1.8em;
+  color: $color_font;
 }
 
 .footer-nav, .footer-logo, .footer-copyright {

data/{_scss → _sass}/zaunkoenig/header.scss

@@ -1,7 +1,7 @@
 .header-logo {
   display: inline-block;
   padding: 1em 0 0.7em;
-  font-size: 1.5em;
+  font-size: 1.8em;
   color: $color_font_inverse_light;
 }
 

data/_sass/zaunkoenig/variables.scss

@@ -0,0 +1,11 @@
+$color_primary: #FF4B3E;
+$color_primary_hover: #972D07;
+$color_font: #222;
+$color_font_dark: #000;
+$color_font_inverse: #cccccc;
+$color_font_inverse_light: #ffffff;
+$color_background: #ffffff;
+$color_background_inverse: #972D07;
+$color_border: #efefef;
+$font_text: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
+$font_decoration: "Century Gothic", CenturyGothic, Futura, sans-serif;

data/assets/css/style.scss

@@ -0,0 +1,4 @@
+---
+# front matter
+---
+@import "zaunkoenig";

data/assets/css/syntax-highlighting.css

@@ -0,0 +1,62 @@
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #000000; font-weight: bold } /* Keyword */
+.highlight .o { color: #000000; font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d01040 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
+.highlight .sc { color: #d01040 } /* Literal.String.Char */
+.highlight .sd { color: #d01040 } /* Literal.String.Doc */
+.highlight .s2 { color: #d01040 } /* Literal.String.Double */
+.highlight .se { color: #d01040 } /* Literal.String.Escape */
+.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
+.highlight .si { color: #d01040 } /* Literal.String.Interpol */
+.highlight .sx { color: #d01040 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d01040 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

metadata

@@ -1,14 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: zaunkoenig
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.7
 platform: ruby
 authors:
+- Jens Rusitschka
 - Robert Curth
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-19 00:00:00.000000000 Z
+date: 2020-11-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -26,7 +27,7 @@ dependencies:
         version: '4.1'
 description: 
 email:
-- robert@rocu.de
+- robert.curth@techgenossen.de
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -34,23 +35,30 @@ files:
 - LICENSE.txt
 - README.md
 - _config.yml
+- _data/navigation.yml
+- _includes/customn_head.html
 - _includes/footer.html
 - _includes/footer_logo.html
 - _includes/head.html
 - _includes/header.html
 - _includes/header_logo.html
-- _includes/inline.scss
-- _includes/inline_styles.html
+- _includes/styles.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
-- _scss/zaunkoenig/base.scss
-- _scss/zaunkoenig/header.scss
-- _scss/zaunkoenig/homepageTeaser.scss
-- _scss/zaunkoenig/image.scss
-- _scss/zaunkoenig/normalize.scss
-- _scss/zaunkoenig/skeleton.scss
+- _sass/zaunkoenig.scss
+- _sass/zaunkoenig/base.scss
+- _sass/zaunkoenig/customn-styles.scss
+- _sass/zaunkoenig/header.scss
+- _sass/zaunkoenig/image.scss
+- _sass/zaunkoenig/normalize.scss
+- _sass/zaunkoenig/skeleton.scss
+- _sass/zaunkoenig/variables.scss
+- _sass/zaunkoenig/variables_customn.scss
+- assets/css/style.scss
+- assets/css/syntax-highlighting.css
+- assets/zaunkoenig.jpg
 homepage: https://zaunkoenig.techgenossen.de
 licenses:
 - MIT

data/_includes/inline_styles.html

@@ -1,3 +0,0 @@
-
-{% capture styles %}{% include inline.scss %}{% endcapture %}
-<style>{{ styles | scssify }}</style>

data/_scss/zaunkoenig/homepageTeaser.scss

@@ -1,23 +0,0 @@
-.homepageTeaser {
-  background-color: $color_background_inverse;
-  color: $color_font_inverse;
-  padding:2em 0;
-  margin-bottom: 1em;
-
-  h1 {
-    color: $color_font_inverse_light;
-    margin-bottom: 6rem;
-    font-size: 2.5em;
-    @media (min-width: 400px) {
-      font-size: 3.5em;
-    }
-    /* Larger than phablet (also point when grid becomes active) */
-    @media (min-width: 550px) {
-      font-size: 4.5em;
-    }
-    /* Larger than tablet */
-    @media (min-width: 750px) {
-      font-size: 5.5em;
-    }
-  }
-}