louie 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c4fd504af9d15ed1bf08f5737e2d41fac74a87dd
-  data.tar.gz: 682cd13bebcb5f13b4fccd2fff6484a1f051e931
+  metadata.gz: d78581c04d1a58cb7ae8e93f46c990a7dc1d138b
+  data.tar.gz: fd95b42be9a59f61c9da3de66c3ff7af4c8bd76c
 SHA512:
-  metadata.gz: 7e3e6e18b7afdadd189676c6b132be4e21a97ec3be9e53eabce5725a163416f13ec39d6ada814535061b1a1dfeaa9da76d2605f2f2540e7ae493b409994f1fdf
-  data.tar.gz: 1cf9766eaca9b43f3c147b0dbc4a8fbc721a935a6804d09a42b88f55f053b3210504cb6dc5c3f0a2858a0d43c4271e014fc87cbbb6233b18559f1b3b16ca84fa
+  metadata.gz: 1237181758fa43d8761492accec10335731f2d94d24ca61c228d3d8be976d5368b5ef87ad5d38773fb62dcbf416cde5db3b8809b8fe15883cf61e5b4663c52a3
+  data.tar.gz: 0c058cb73ba63a042c4ca8cee788f4992377d84b8e3c42250343fd9510f8058a0605fcb494ff9fb9ffa365b6a38c6694f65462a60e108e0c4a82044e217006a4

data/README.md

@@ -1,6 +1,12 @@
 # Louie
+[![Gem Version](https://badge.fury.io/rb/louie.svg)](https://badge.fury.io/rb/louie)
+
 A jekyll portfolio generator (that looks awesome). Louie is free, lightweight, and customizable as a blog, archive, or portfolio.
 
+![Home](screenshot.png)
+![Home with hover](screenshot2.png)
+![Post](screenshot3.png)
+
 ## Installation
 Add this line to your Jekyll site's Gemfile:
 

data/_sass/base.scss

@@ -17,7 +17,7 @@ $color__beige:      #f8f8f1;
 $color__yellow:     #fefeca;
 
 @mixin media-query($device) {
-  @media screen and (max-width: $device) {
+  @media screen and (min-width: $device) {
     @content;
   }
 }
@@ -54,12 +54,13 @@ a {
 
 // layout
 html {
+  overflow-x: hidden;
   overflow-y: scroll;
 }
 
 body {
   width: 100%;
-  margin: 120px 0 50px;
+  margin: 25px 0;
   padding: 0;
   background: $color__beige;
   font-family: $inconsolata;
@@ -70,11 +71,11 @@ body {
 
 .container {
   max-width: 1200px;
-  margin: 0 120px;
+  margin: 0 25px;
 }
 
 // media queries
-@include media-query($on-laptop) {
+@include media-query($on-palm) {
   body {
     margin: 50px 0 25px;
   }
@@ -86,10 +87,10 @@ body {
 
 @include media-query($on-laptop) {
   body {
-    margin: 25px 0;
+    margin: 120px 0 50px;
   }
 
   .container {
-    margin: 0 25px;
+    margin: 0 120px;
   }
 }

data/_sass/post.scss

@@ -2,13 +2,6 @@
   @extend .container;
 }
 
-.post__meta,
-.post__paginate,
-.post__body {
-  min-width: 500px;
-  width: 50%;
-}
-
 .post__meta {
   margin: 30px 0 20px;
   border-bottom: 1px solid $color__black;
@@ -56,6 +49,7 @@
   .post__meta,
   .post__body,
   .post__paginate {
-    width: 100%;
+    min-width: 500px;
+    width: 50%;
   }
 }

data/_sass/rows.scss

@@ -19,6 +19,12 @@
   transition: opacity 500ms;
 }
 
+.row__cols,
+.row__post {
+  display: block;
+  margin-bottom: 10px;
+}
+
 .row__cols {
   font-weight: 700;
   overflow: hidden;
@@ -27,42 +33,6 @@
 .row__post {
   width: 100%;
   overflow: hidden;
-
-  &:hover {
-    * {
-      text-decoration: underline;
-      cursor: pointer;
-    }
-
-    .row__active {
-      text-decoration: line-through;
-    }
-
-    .row__img {
-      display: block;
-      opacity: 0.5;
-    }
-  }
-
-  &:nth-child(2n) .row__img {
-    top: random(250) - random(250) + px;
-    left: random(500) + px;
-  }
-
-  &:nth-child(3n) .row__img {
-    top: random(250) - random(250) + px;
-    left: random(500) + px;
-  }
-
-  &:nth-child(4n) .row__img {
-    top: random(250) - random(250) + px;
-    left: random(500) + px;
-  }
-
-  &:nth-child(5n) .row__img {
-    top: random(250) - random(250) + px;
-    left: random(500) + px;
-  }
 }
 
 .row__title,
@@ -72,12 +42,23 @@
 }
 
 .row__title {
-  width: 50%;
+  width: 100%;
 }
 
 .row__date,
 .row__cat {
-  width: 25%;
+  width: auto;
+}
+
+.row__cat {
+  position: relative;
+  margin-left: 10px;
+
+  &:before {
+    position: absolute;
+    content: '|';
+    left: -9px;
+  }
 }
 
 .row__body {
@@ -90,30 +71,66 @@
 }
 
 // media queries
+@include media-query($on-laptop) {
+  .row__post {
+      &:hover {
+      * {
+        text-decoration: underline;
+        cursor: pointer;
+      }
+
+      .row__active {
+        text-decoration: line-through;
+      }
+
+      .row__img {
+        display: block;
+        opacity: 0.5;
+      }
+    }
+
+    &:nth-child(2n) .row__img {
+      top: random(250) - random(250) + px;
+      left: random(500) + px;
+    }
+
+    &:nth-child(3n) .row__img {
+      top: random(250) - random(250) + px;
+      left: random(500) + px;
+    }
+
+    &:nth-child(4n) .row__img {
+      top: random(250) - random(250) + px;
+      left: random(500) + px;
+    }
+
+    &:nth-child(5n) .row__img {
+      top: random(250) - random(250) + px;
+      left: random(500) + px;
+    }
+  }
+}
+
 @include media-query($on-palm) {
   .row__cols,
   .row__post {
-    display: block;
-    margin-bottom: 10px;
+    margin: 0;
   }
 
   .row__title {
-    width: 100%;
+    width: 50%;
   }
 
   .row__date,
   .row__cat {
-    width: auto;
+    width: 25%;
   }
 
   .row__cat {
-    position: relative;
-    margin-left: 10px;
+    margin: 0;
 
     &:before {
-      position: absolute;
-      content: '|';
-      left: -9px;
+      content: '';
     }
   }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: louie
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Lillian Chen
@@ -93,7 +93,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 2.4.5.1
 signing_key: 
 specification_version: 4
 summary: A Jekyll theme (that looks awesome). Louie is free, lightweight, and customizable