jekyll-theme-louis 0.1.0

data/_sass/block/prettier.scss

@@ -0,0 +1,190 @@
+.highlight pre {
+  background-color: #272822;
+}
+.highlight .hll {
+  background-color: #272822;
+}
+.highlight .c {
+  color: #75715e;
+} /* Comment */
+.highlight .err {
+  color: #960050;
+  background-color: #1e0010;
+} /* Error */
+.highlight .k {
+  color: #66d9ef;
+} /* Keyword */
+.highlight .l {
+  color: #ae81ff;
+} /* Literal */
+.highlight .n {
+  color: #f8f8f2;
+} /* Name */
+.highlight .o {
+  color: #f92672;
+} /* Operator */
+.highlight .p {
+  color: #f8f8f2;
+} /* Punctuation */
+.highlight .cm {
+  color: #75715e;
+} /* Comment.Multiline */
+.highlight .cp {
+  color: #75715e;
+} /* Comment.Preproc */
+.highlight .c1 {
+  color: #75715e;
+} /* Comment.Single */
+.highlight .cs {
+  color: #75715e;
+} /* Comment.Special */
+.highlight .ge {
+  font-style: italic;
+} /* Generic.Emph */
+.highlight .gs {
+  font-weight: bold;
+} /* Generic.Strong */
+.highlight .kc {
+  color: #66d9ef;
+} /* Keyword.Constant */
+.highlight .kd {
+  color: #66d9ef;
+} /* Keyword.Declaration */
+.highlight .kn {
+  color: #f92672;
+} /* Keyword.Namespace */
+.highlight .kp {
+  color: #66d9ef;
+} /* Keyword.Pseudo */
+.highlight .kr {
+  color: #66d9ef;
+} /* Keyword.Reserved */
+.highlight .kt {
+  color: #66d9ef;
+} /* Keyword.Type */
+.highlight .ld {
+  color: #e6db74;
+} /* Literal.Date */
+.highlight .m {
+  color: #ae81ff;
+} /* Literal.Number */
+.highlight .s {
+  color: #e6db74;
+} /* Literal.String */
+.highlight .na {
+  color: #a6e22e;
+} /* Name.Attribute */
+.highlight .nb {
+  color: #f8f8f2;
+} /* Name.Builtin */
+.highlight .nc {
+  color: #a6e22e;
+} /* Name.Class */
+.highlight .no {
+  color: #66d9ef;
+} /* Name.Constant */
+.highlight .nd {
+  color: #a6e22e;
+} /* Name.Decorator */
+.highlight .ni {
+  color: #f8f8f2;
+} /* Name.Entity */
+.highlight .ne {
+  color: #a6e22e;
+} /* Name.Exception */
+.highlight .nf {
+  color: #a6e22e;
+} /* Name.Function */
+.highlight .nl {
+  color: #f8f8f2;
+} /* Name.Label */
+.highlight .nn {
+  color: #f8f8f2;
+} /* Name.Namespace */
+.highlight .nx {
+  color: #a6e22e;
+} /* Name.Other */
+.highlight .py {
+  color: #f8f8f2;
+} /* Name.Property */
+.highlight .nt {
+  color: #f92672;
+} /* Name.Tag */
+.highlight .nv {
+  color: #f8f8f2;
+} /* Name.Variable */
+.highlight .ow {
+  color: #f92672;
+} /* Operator.Word */
+.highlight .w {
+  color: #f8f8f2;
+} /* Text.Whitespace */
+.highlight .mf {
+  color: #ae81ff;
+} /* Literal.Number.Float */
+.highlight .mh {
+  color: #ae81ff;
+} /* Literal.Number.Hex */
+.highlight .mi {
+  color: #ae81ff;
+} /* Literal.Number.Integer */
+.highlight .mo {
+  color: #ae81ff;
+} /* Literal.Number.Oct */
+.highlight .sb {
+  color: #e6db74;
+} /* Literal.String.Backtick */
+.highlight .sc {
+  color: #e6db74;
+} /* Literal.String.Char */
+.highlight .sd {
+  color: #e6db74;
+} /* Literal.String.Doc */
+.highlight .s2 {
+  color: #e6db74;
+} /* Literal.String.Double */
+.highlight .se {
+  color: #ae81ff;
+} /* Literal.String.Escape */
+.highlight .sh {
+  color: #e6db74;
+} /* Literal.String.Heredoc */
+.highlight .si {
+  color: #e6db74;
+} /* Literal.String.Interpol */
+.highlight .sx {
+  color: #e6db74;
+} /* Literal.String.Other */
+.highlight .sr {
+  color: #e6db74;
+} /* Literal.String.Regex */
+.highlight .s1 {
+  color: #e6db74;
+} /* Literal.String.Single */
+.highlight .ss {
+  color: #e6db74;
+} /* Literal.String.Symbol */
+.highlight .bp {
+  color: #f8f8f2;
+} /* Name.Builtin.Pseudo */
+.highlight .vc {
+  color: #f8f8f2;
+} /* Name.Variable.Class */
+.highlight .vg {
+  color: #f8f8f2;
+} /* Name.Variable.Global */
+.highlight .vi {
+  color: #f8f8f2;
+} /* Name.Variable.Instance */
+.highlight .il {
+  color: #ae81ff;
+} /* Literal.Number.Integer.Long */
+.highlight .gu {
+  color: #75715e;
+} /* Generic.Subheading & Diff Unified/Comment? */
+.highlight .gd {
+  color: #f92672;
+} /* Generic.Deleted & Diff Deleted */
+.highlight .gi {
+  color: #a6e22e;
+} /* Generic.Inserted & Diff Inserted */

data/_sass/block/profile-page.scss

@@ -0,0 +1,31 @@
+.profile-page {
+  &__name {
+    margin-bottom: 0.5rem;
+    font-size: 1.5rem;
+  }
+
+  &__icon {
+    width: $size-profile-page-icon;
+    height: $size-profile-page-icon;
+    border-radius: $size-profile-page-icon / 2;
+    box-shadow: 0.25rem 0.25rem 0.25rem $color-shadow;
+  }
+}
+
+.profile-info {
+  flex-direction: row;
+  justify-content: flex-start;
+  padding: 2rem 0 0;
+
+  @include container();
+
+  &__image {
+    margin-right: 1.5rem;
+  }
+
+  &__text-link {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+}

data/_sass/block/social-link.scss

@@ -0,0 +1,70 @@
+.social-link {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+  margin-bottom: 0.5rem;
+
+  > :not(:last-child) {
+    margin-right: 0.5rem;
+  }
+
+  a {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+
+    &:hover {
+      opacity: 0.6;
+    }
+  }
+
+  &__profile {
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    justify-content: flex-start;
+
+    > :not(:last-child) {
+      margin-right: 0.5rem;
+    }
+
+    a {
+      display: flex;
+      align-items: center;
+      text-decoration: none;
+    }
+  }
+
+  &__item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    border-radius: 1rem;
+
+    &--github {
+      background-color: $color-github;
+
+      @extend .social-link__item;
+    }
+
+    &--twitter {
+      background-color: $color-twitter;
+
+      @extend .social-link__item;
+    }
+
+    &--facebook {
+      background-color: $color-facebook;
+
+      @extend .social-link__item;
+    }
+  }
+}
+
+.fa {
+  color: white;
+  font-size: 1.5rem;
+}

data/_sass/color.scss

@@ -0,0 +1,11 @@
+$color-font-main: #212121;
+$color-font-sub: #616161;
+
+$color-shadow: rgba(#333, 0.3);
+
+$color-border: #ccc;
+
+//social
+$color-github:#161614;
+$color-twitter:#55acee;
+$color-facebook:#3b5998;

data/_sass/import.scss

@@ -0,0 +1,15 @@
+@import "reset";
+@import "variable";
+@import "color";
+@import "mixin/container";
+@import "mixin/shadow";
+@import "base";
+@import "block/header";
+@import "block/footer";
+@import "block/post";
+@import "block/posts";
+@import "block/prettier";
+@import "block/social-link";
+@import "block/post-pager";
+@import "block/posts-pager";
+@import "block/profile-page";

data/_sass/mixin/container.scss

@@ -0,0 +1,4 @@
+@mixin container() {
+  display: flex;
+  width: $size-container-width;
+}

data/_sass/mixin/shadow.scss

@@ -0,0 +1,3 @@
+@mixin shadow-bottom() {
+  box-shadow: 0 0.15rem 0.15rem $color-shadow;
+}

data/_sass/reset.scss

@@ -0,0 +1,206 @@
+/*
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com
+Twitter: @rich_clark
+*/
+
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  outline: 0;
+  border: 0;
+  background: transparent;
+  vertical-align: baseline;
+  font-size: 100%;
+}
+
+body {
+  line-height: 1;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+nav ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+
+a {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  vertical-align: baseline;
+  font-size: 100%;
+}
+
+/* change colours to suit your needs */
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+/* change colours to suit your needs */
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-weight: bold;
+  font-style: italic;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title],
+dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+}
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+/* change border colour to suit your needs */
+hr {
+  display: block;
+  margin: 1em 0;
+  padding: 0;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #cccccc;
+}
+
+input,
+select {
+  vertical-align: middle;
+}
+
+input[type="submit"],
+input[type="button"] {
+  -webkit-box-sizing: content-box;
+  box-sizing: border-box;
+  border: none;
+
+  -webkit-appearance: button;
+  appearance: button;
+
+  &::-webkit-search-decoration {
+    display: none;
+  }
+
+  &::focus {
+    outline-offset: -2px;
+  }
+}
+
+input[type="date"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+input[type="date"] {
+  position: relative;
+}
+
+input[type="date"]::-webkit-calendar-picker-indicator {
+  position: absolute;
+  width: 90%;
+  height: 100%;
+  opacity: 0;
+}

data/_sass/variable.scss

@@ -0,0 +1,11 @@
+$size-container-width: 50rem;
+
+$size-header-height: 3rem;
+$size-footer-height: 3rem;
+
+$size-footer-profile-icon: 4rem;
+$size-profile-page-icon: 6rem;
+
+// font
+$size-font-base: 16px;
+$size-font-header: 1.5rem;

data/assets/css/common.scss

@@ -0,0 +1,4 @@
+---
+---
+
+@import "import";

data/assets/images/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#707070</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/assets/images/favicon/safari-pinned-tab.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2305 5109 c-38 -4 -87 -10 -107 -13 -21 -3 -55 -8 -75 -12 -79 -11
+-292 -66 -393 -101 -281 -96 -542 -240 -780 -430 -215 -172 -461 -456 -602
+-698 -78 -133 -224 -469 -242 -556 -3 -13 -10 -40 -16 -59 -28 -90 -53 -224
+-75 -390 -17 -139 -13 -520 8 -650 25 -150 27 -159 53 -264 80 -316 227 -633
+408 -876 14 -19 34 -46 43 -60 34 -47 148 -175 223 -251 350 -352 811 -600
+1298 -699 106 -21 119 -23 237 -37 88 -10 458 -11 547 -1 426 48 850 206 1188
+442 150 105 357 290 466 416 174 203 320 432 422 665 42 97 118 316 127 367 3
+17 8 34 10 38 10 16 53 259 62 348 12 119 9 507 -5 602 -86 586 -337 1093
+-737 1485 -125 122 -155 149 -251 220 -49 37 -97 73 -107 81 -9 8 -19 14 -22
+14 -2 0 -35 20 -72 44 -312 200 -698 332 -1098 375 -95 10 -411 10 -510 0z"/>
+</g>
+</svg>

data/assets/images/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}