mono-lite 0.1.2 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f71906c8e57a6cbd48b7578114b4bfc67f599948ab74bc658356c465fd7873bf
-  data.tar.gz: f543a17c66ed2d19f7d51c00646a6d95f0793408f9a47eafe396f92d8579b8e7
+  metadata.gz: 39ce6c9347e8aa553c9869ee376f63eb3e9c1ea94b194659cb925b01b5f897e0
+  data.tar.gz: 33ba067dcbdee0b173b7bbc9edbb63581bc77506736c6a828c44c95a140baf67
 SHA512:
-  metadata.gz: 289b05672fb309bda5fc6e9efcd181dc02bcccfeaf059d801bd6b3829fa99db7f0cd5aa4a91ffe3f08f858e03c970a6188c2e715880d14356e717b12d13f9205
-  data.tar.gz: d65baeabeee957231d5f894882d91c550ebaa54de8afd22dcf85ab04097c2a9cfbff716da6d01ee9aaa9b0496de901ce0a764887b89d30faacf0d64f456e9602
+  metadata.gz: df0ebef7c589e7111353b0e3317c36476fa0d7546ee81c46bd57ffe121b53b34b02dddcc7110ec77c117025641ccec5a9c3f75ee1ff58bfb96ad827c23025137
+  data.tar.gz: 43fb87a28291181358a9b5beb76e8e4b927fd05aa4f49cc99a2b10d13737081335e51b28160fa754ee5fc68e4fd214031b88d9be762dea60fa29ebc2e7392e7d

data/_config.yml

@@ -11,16 +11,24 @@ show_excerpts: false # set to true to show excerpts on the homepage
 
 mono-lite:
 
+  intro_description: >
+    Write a brief intro description about yourself. Essentially a bio
+    for the header of the page. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium auctor semper. 
+    Etiam ac vulputate nibh. Morbi sagittis porttitor velit quis consectetur. Phasellus at lacus felis. 
+    Nulla ac iaculis lectus. Nam fermentum massa lorem. Donec mattis vitae mauris ut rutrum. 
+    Quisque facilisis justo vitae magna mattis suscipit. Nam non elit eget magna varius facilisis vitae ac mi. 
+    Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean consequat ligula eget iaculis dignissim.
+
   # generate social links in footer
-  social_links:
-    twitter: jekyllrb
-    github:  jekyll
+  # social_links:
+    # twitter: jekyllrb
+    # github:  jekyll
     # devto: jekyll
     # dribbble: jekyll
     # facebook: jekyll
     # flickr:   jekyll
     # instagram: jekyll
-    linkedin: jekyll
+    # linkedin: jekyll
     # pinterest: jekyll
     # youtube: jekyll
     # youtube_channel: UC8CXR0-3I70i1tfPg1PAE1g
@@ -44,10 +52,5 @@ mono-lite:
     # - username: jekyll2
     #   instance: example.com
 
-# If you want to link only specific pages in your header, uncomment
-# this and add the path to the pages in order as they should show up
-#header_pages:
-# - about.md
-
 # Build settings
 theme: mono-lite

data/_includes/header.html

@@ -1,5 +1,5 @@
 <header class="site-header">
   <p class="site-title">{{ site.title | upcase | escape }}</p>
-  <p>{{ site.description | escape }}</p>
+  <p>{{ site.mono-lite.intro_description | escape }}</p>
   {%- include social.html -%}
 </header>

data/_layouts/home.html

@@ -15,7 +15,7 @@ layout: default
           <img src="{{ post.src }}">
         </div>
         <div class="post-details">
-          <div class="post-date">{{ post.date | date: '%B %Y' }}</div>
+          <div class="post-date">{{ post.date | date: '%b %Y' }}</div>
           <div>
             <span class="post-title">{{ post.title }}</span>
             <span class="post-subtitle">{{ post.subtitle }}</span>

data/_layouts/post.html

@@ -4,7 +4,7 @@ layout: page
 <article class="post">
 
   <header class="post-header">
-    <h2>{{ page.title | escape }}</h2>
+    <h1 class="post-title-header">{{ page.title | escape }}</h1>
     <div class="post-byline">{{ page.subtitle }}</div>
   </header>
 

data/_sass/_base.scss

@@ -1,21 +1,129 @@
 body {
-  font-family: 'Raleway', sans-serif;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
   margin: 26px 0;
   line-height: 1.2;
   font-weight: 300;
   -webkit-font-smoothing: antialiased; 
 }
 
+/**
+ * Reset these elements
+ */
+blockquote, pre, hr,
+figure, ol, ul, li {
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Links
+ */
 a {
-  color: #207575;
+  color: $link-base-color;
   cursor: pointer;
 }
 
-h1 {
-  font-weight: 600;
+/**
+ * Headings
+ */
+ h1, h2, h3, h4, h5, h6 {
+  font-weight: $base-font-weight;
 }
 
-ul, li {
-  margin: 0;
-  padding: 0;
+/**
+ * Code formatting
+ */
+ pre,
+ code {
+   font-family: $code-font-family;
+   font-size: $code-font-size;
+   border: 1px solid $border-color-01;
+   border-radius: 3px;
+   background-color: $code-background-color;
+ }
+ 
+ code {
+   padding: 1px 5px;
+ }
+ 
+ pre {
+   padding: 8px 12px;
+   overflow-x: auto;
+ 
+   > code {
+     border: 0;
+     padding-right: 0;
+     padding-left: 0;
+   }
+ }
+
+/**
+ * Tables
+ */
+table {
+  margin-bottom: $spacing-unit;
+  width: 100%;
+  text-align: $table-text-align;
+  color: $table-text-color;
+  border-collapse: collapse;
+  border: 1px solid $table-border-color;
+  tr {
+    &:nth-child(even) {
+      background-color: $table-zebra-color;
+    }
+  }
+  th, td {
+    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+  }
+  th {
+    background-color: $table-header-bg-color;
+    border: 1px solid $table-header-border;
+  }
+  td {
+    border: 1px solid $table-border-color;
+  }
+}
+
+/**
+ * Figures
+ */
+figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+/**
+ * Lists
+ */
+ul, ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+/**
+ * Blockquotes
+ */
+ blockquote {
+  color: $brand-color;
+  border-left: 4px solid $border-color-01;
+  padding-left: $spacing-unit / 2;
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  i, em {
+    font-style: normal;
+  }
 }

data/_sass/_layout.scss

@@ -58,18 +58,8 @@ section {
   width: 100%;
 }
 
-h3 {
-  display: block;
-  font-size: 1.17em;
-  margin-block-start: 1em;
-  margin-block-end: 1em;
-  margin-inline-start: 0px;
-  margin-inline-end: 0px;
-  font-weight: bold;
-}
-
 .post-category {
-  margin-top: 64px;
+  margin-top: 48px;
   font-weight: 400;
 }
 
@@ -95,6 +85,8 @@ h3 {
 .post-img img {
   height: 100%;
   width: 100%;
+  top: 0;
+  object-fit: cover;
 }
 
 .post-details {
@@ -117,13 +109,7 @@ h3 {
   display: block;
 }
 
-.post-subtitle {
-  display: block;
-  font-weight: 300;
-  font-size: 0.8em;
-}
-
-.post-header h2 {
+.post-title-header {
   display: block;
   font-size: 1.5em;
   margin-block-start: 0.83em;
@@ -133,6 +119,19 @@ h3 {
   font-weight: bold;
 }
 
+.post-subtitle {
+  display: block;
+  font-weight: 300;
+  font-size: 0.8em;
+}
+
+.post-content {
+  img {
+    object-fit: contain;
+    width: 100%;
+  }
+}
+
 .post-byline {
   position: relative;
   top: -12px;

data/_sass/initialize.scss

@@ -2,12 +2,14 @@
 
 // Define defaults for each variable.
 
-$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
+$base-font-family: 'Raleway', sans-serif !default;
 $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
 $base-font-size:   16px !default;
-$base-font-weight: 400 !default;
+$code-font-size:   0.91em;
+$base-font-weight: 600 !default;
 $small-font-size:  $base-font-size * 0.875 !default;
 $base-line-height: 1.5 !default;
+$link-base-color:  #207575;
 
 $spacing-unit:     30px !default;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mono-lite
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.7
 platform: ruby
 authors:
 - Dylan Hawley
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-05 00:00:00.000000000 Z
+date: 2021-06-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll