louie 0.1.1

checksums.yaml

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

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,89 @@
+# Louie
+A jekyll portfolio generator (that looks awesome). Louie is free, lightweight, and customizable as a blog, archive, or portfolio.
+
+## Installation
+Add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "louie"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: louie
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install louie
+
+## Usage
+### Basic configurations
+Here are a few general info fields to populate your new site right away.
+
+```yaml
+title: HTML <title>, which is overridden by post/page title if exists
+baseurl: ""
+favicon: "/path/to"
+g_analytics: UA-12345678-1
+
+header: name of your site here
+desc: >
+  description of your site, can be a quick bio if it's a portfolio
+```
+
+### Social media links
+To add links to your social sites (linkedin, twitter, etc) below the bio, create a file named `social.yml` in your `_data` folder (which you may not have created yet). Inside it, follow the following format:
+
+```yaml
+- title: Twitter
+  url: http://twitter.com/lllychen
+- title: Github
+  url: http://github.com/lllychen/lou
+# and so on...
+```
+
+### Column names
+The names for each column is defaulted to `Title`, `Date`, and `Category`, respectively. However, this can be changed according to use cases. For instance, an archive of classic literature may need to adjust accordingly:
+
+```yaml
+post_title: Story
+post_date: Year
+post_cat: Genre
+```
+
+### Date format
+The default format for dates is `%b %-d, %Y`, which outputs `Jan 1, 2017`. However, you can customize it according to [this](http://jekyll.tips/jekyll-casts/date-formatting/#date) in `_config.yml` such as follows:
+
+```yaml
+date_format: "%m/%d/%Y"
+```
+
+### Post variables
+The following variables are required in the front matter for posts:
+
+```yaml
+title:  Berry Perfume
+category: Narrative
+img: [ url or path in directory ]
+```
+
+### Post pagination
+To include previous and next links at the bottom of a post page, leave the following setting to `true`. Otherwise, change to `false`.
+
+```yaml
+prev-next: true
+```
+
+## License
+The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+
+## Credit
+Stories created and collected by [Story Bytes](http://www.storybytes.com/view-length/0256-words/index-0256.html).
+
+Images collected by [Unsplash](https://unsplash.com/)

data/_includes/g_analytics.html

@@ -0,0 +1,8 @@
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+  ga('create', '{{ site.g_analytics }}', 'auto');
+  ga('send', 'pageview');
+</script>

data/_includes/head.html

@@ -0,0 +1,20 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
+
+  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
+  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+
+  {% if site.favicon %}
+  <link rel="icon" href="{{ site.favicon | relative_url }}" />
+  {% endif %}
+
+  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
+  
+  {% if jekyll.environment == 'production' and site.g_analytics %}
+  {% include g_analytics.html %}
+  {% endif %}
+</head>

data/_includes/header.html

@@ -0,0 +1,15 @@
+<div class="bio">
+  <div class="bio__header">
+  	<a href="{{ site.url }}{{ "/" | relative_url }}">
+	  {{ site.header }}
+	</a>
+  </div>
+  <div class="bio__desc">{{ site.desc }}</div>
+  {% if site.data.social %}
+    <ul class="bio__social">
+      {% for item in site.data.social %}
+        <li><a href="{{ item.url }}" target="_blank">{{ item.title }}</a></li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+</div>

data/_includes/posts_list.html

@@ -0,0 +1,50 @@
+{% if site.posts %}
+  <ul class="rows">
+    <li class="row__cols">
+      <div class="row__title">
+        {% if site.post_title %}
+          {{ site.post_title }}
+        {% else %}
+          Title
+        {% endif %}
+      </div>
+      <div class="row__date">
+        {% if site.post_date %}
+          {{ site.post_date }}
+        {% else %}
+          Date
+        {% endif %}
+      </div>
+      <div class="row__cat">
+        {% if site.post_cat %}
+          {{ site.post_cat }}
+        {% else %}
+          Category
+        {% endif %}
+      </div>
+    </li>
+    {% for post in site.posts %}
+      <li class="row__post">
+        <a href="{{ site.url }}{{ post.url | relative_url }}">
+          <div class="row__title {% if include.uid == post.id %}row__active{% endif %}">
+            {{ post.title }}
+          </div>
+          <div class="row__date {% if include.uid == post.id %}row__active{% endif %}">
+            {% if site.date_format %}
+              {{ post.date | date: site.date_format }}
+            {% else %}
+              {{ post.date | date: "%b %-d, %Y" }}
+            {% endif %}
+          </div>
+          <div class="row__cat {% if include.uid == post.id %}row__active{% endif %}">
+            {{ post.category }}
+          </div>
+        </a>
+
+        {% if post.img %}
+          <img class="row__img" src="{{ post.img }}" alt="{{ post.title }}">
+        {% endif %}
+      </li>
+    {% endfor %}
+  </ul>
+{% endif %}

data/_layouts/default.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+  {% include head.html %}
+
+  <body>
+    <div class="container">
+      {% include header.html %}
+      {{ content }}
+    </div>
+  </body>
+
+</html>

data/_layouts/post.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+  {% include head.html %}
+
+  <body>
+    <div class="post">
+      <div class="bio__header">
+        <a href="{{ site.url }}{{ "/" | relative_url }}">
+          {{ site.header }}
+        </a>
+      </div>
+
+      <div class="post__meta">
+        <div class="post__title">{{ page.title }}</div>
+        <div class="post__date">
+          {% if site.date_format %}
+            {{ page.date | date: site.date_format }}
+          {% else %}
+            {{ page.date | date: "%b %-d, %Y" }}
+          {% endif %}
+        </div>
+        <div class="post__cat">{{ page.category }}</div>
+      </div>
+
+      <div class="post__body">
+        {{ content }}
+      </div>
+
+      {% if site.prev-next %}
+        <div class="post__paginate">
+          {% if page.previous.url %}
+            <a class="post__paginate-left" href="{{ site.url }}{{ page.previous.url | relative_url }}">&xlarr; {{ page.previous.title }}</a>
+          {% endif %}
+
+          {% if page.next.url %}
+            <a class="post__paginate-right" href="{{ site.url }}{{ page.next.url | relative_url }}">{{ page.next.title }} &xrarr;</a>
+          {% endif %}
+        </div>
+      {% endif %}
+    </div>
+
+    <div class="container">
+      {% include posts_list.html uid=page.id %}
+    </div>
+  </body>
+
+</html>

data/_sass/base.scss

@@ -0,0 +1,95 @@
+// Our variables
+@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');
+
+$on-palm:           600px !default;
+$on-laptop:         800px !default;
+
+// typography
+$inconsolata:       'Inconsolata', monospace;
+$font__size:        14px;
+$font__weight:      400;
+$font__line-height: 1.5;
+
+// colors
+$color__black:      #000000;
+$color__gray:       #888888;
+$color__beige:      #f8f8f1;
+$color__yellow:     #fefeca;
+
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+// elements
+* {
+  box-sizing: border-box;
+}
+
+::selection {
+  background: $color__yellow;
+}
+
+::-moz-selection {
+  background: $color__yellow;
+}
+
+hr {
+  color: $color__black;
+  background-color: $color__black;
+}
+
+a {
+  // display: block;
+  // width: 100%;
+  // height: 100%;
+  color: $color__black;
+  text-decoration: underline;
+
+  &:hover {
+    color: $color__black;
+  }
+}
+
+// layout
+html {
+  overflow-y: scroll;
+}
+
+body {
+  width: 100%;
+  margin: 120px 0 50px;
+  padding: 0;
+  background: $color__beige;
+  font-family: $inconsolata;
+  font-size: $font__size;
+  font-weight: $font__weight;
+  line-height: $font__line-height;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 120px;
+}
+
+// media queries
+@include media-query($on-laptop) {
+  body {
+    margin: 50px 0 25px;
+  }
+
+  .container {
+    margin: 0 50px;
+  }
+}
+
+@include media-query($on-laptop) {
+  body {
+    margin: 25px 0;
+  }
+
+  .container {
+    margin: 0 25px;
+  }
+}

data/_sass/bio.scss

@@ -0,0 +1,24 @@
+.bio {
+  max-width: 500px;
+  margin-bottom: 50px;
+}
+
+.bio__header {
+  margin-bottom: 20px;
+  font-weight: 700;
+
+  a {
+  	text-decoration: none;
+
+  	&:hover {
+  		text-decoration: none;
+  	}
+  }
+}
+
+.bio__social {
+  margin: 0;
+  margin-top: 10px;
+  padding: 0;
+  list-style: none;
+}

data/_sass/post.scss

@@ -0,0 +1,61 @@
+.post {
+  @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;
+  overflow: hidden;
+  font-weight: 700;
+}
+
+.post__paginate {
+  overflow: hidden;
+
+  a {
+    display: block;
+    width: 50%;
+  }
+}
+
+.post__paginate-left {
+  float: left;
+}
+
+.post__paginate-right {
+  float: right;
+  text-align: right;
+}
+
+.post__title {
+  @extend .row__title;
+}
+
+.post__date {
+  @extend .row__date;
+}
+
+.post__cat {
+  @extend .row__cat;
+}
+
+.post__body {
+  padding-bottom: 20px;
+  border-bottom: 1px solid $color__black;
+}
+
+// media queries
+@include media-query($on-laptop) {
+  .post__meta,
+  .post__body,
+  .post__paginate {
+    width: 100%;
+  }
+}

data/_sass/rows.scss

@@ -0,0 +1,119 @@
+.rows {
+  position: relative;
+  width: 100%;
+  margin: 0;
+  margin-top: 50px;
+  padding: 0;
+  list-style: none;
+}
+
+.row__img {
+  display: none;
+  position: absolute;
+  max-width: 500px;
+  max-height: 500px;
+  top: random(250) - random(250) + px;
+  left: random(500) + px;
+  z-index: -1;
+  opacity: 0;
+  transition: opacity 500ms;
+}
+
+.row__cols {
+  font-weight: 700;
+  overflow: hidden;
+}
+
+.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,
+.row__date,
+.row__cat {
+  float: left;
+}
+
+.row__title {
+  width: 50%;
+}
+
+.row__date,
+.row__cat {
+  width: 25%;
+}
+
+.row__body {
+  margin: 20px 0;
+}
+
+// behaviors
+.row__active {
+  text-decoration: line-through;
+}
+
+// media queries
+@include media-query($on-palm) {
+  .row__cols,
+  .row__post {
+    display: block;
+    margin-bottom: 10px;
+  }
+
+  .row__title {
+    width: 100%;
+  }
+
+  .row__date,
+  .row__cat {
+    width: auto;
+  }
+
+  .row__cat {
+    position: relative;
+    margin-left: 10px;
+
+    &:before {
+      position: absolute;
+      content: '|';
+      left: -9px;
+    }
+  }
+}

data/assets/main.scss

@@ -0,0 +1,10 @@
+---
+---
+@charset "utf-8";
+
+@import
+  'base',
+  'bio',
+  'rows',
+  'post'
+;

metadata

@@ -0,0 +1,101 @@
+--- !ruby/object:Gem::Specification
+name: louie
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Lillian Chen
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-01-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- lilyc5459@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/g_analytics.html
+- _includes/head.html
+- _includes/header.html
+- _includes/posts_list.html
+- _layouts/default.html
+- _layouts/post.html
+- _sass/base.scss
+- _sass/bio.scss
+- _sass/post.scss
+- _sass/rows.scss
+- assets/main.scss
+- assets/sample/ico.png
+homepage: http://lillian-chen.com/louie/
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.8
+signing_key: 
+specification_version: 4
+summary: A Jekyll theme (that looks awesome). Louie is free, lightweight, and customizable
+  as a blog, archive, or portfolio.
+test_files: []