fry 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 3786426c9d9a5d12437ffc7c8ac3b7c50888610c
+  data.tar.gz: 0e569e19c50fae33fa6dc5664a42a68403d89a6b
+SHA512:
+  metadata.gz: f9d6a816312f21bcf7bc816f0a8007e8cf015109dc035fb62ae602f23790221626106e946940e61b2135f3149bfbe81ffd83350a7b47fbc1d02098e2c6166bbe
+  data.tar.gz: e146ace4e8025e80748a9a373da59735d43ee5beb3b84facc1310bb5c5773e570fa460b8ff11232f84eaa8a0739b888285c5d2dd7b14d6cfe1b13b8727524171

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,73 @@
+# Fry
+=======
+Fry is [Louie](https://github.com/lllychen/louie)'s much more graphic-heavy, photogenic brother (still a Jekyll theme tho).
+
+![Home](screenshot.png)
+![Home with hover](screenshot2.png)
+![Photo lightbox](screenshot3.png)
+
+## Installation
+Add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "fry"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: fry
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install fry
+
+## Usage
+### Basic configurations
+Here are a few general info fields to populate your new site right away.
+
+```yaml
+title: Fry
+baseurl: "/fry"
+favicon: "/assets/ico.png"
+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. It supports HTML so add your links, imgs, whatever!
+```
+
+### 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...
+```
+
+### Date format
+The default format for dates is `%Y-%m-%d`, which displays January 2nd, 2017 as `2017-01-02`. 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: "%Y-%m-%d"
+```
+
+### Photo sets
+This site is organized by sets of photos, which are each essentially a Jekyll post. To add a new one, create a new post and in the front matter, follow the example below:
+
+```yaml
+layout: post
+title: name of your project or the like
+photos:
+  unique-id-for-your-photo: path/to or url
+```
+
+The unique ID for each photo will be important as it is needed for the lightbox to work properly.

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/_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,18 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+  {% include head.html %}
+
+  <body>
+    <div class="container">
+      <div class="post">
+        <div class="bio__header">
+          <a href="{{ site.url }}{{ "/" | relative_url }}">
+            {{ site.header }}
+          </a>
+        </div>
+
+        {{ content }}
+    </div>
+  </body>
+
+</html>

data/_sass/base.scss

@@ -0,0 +1,94 @@
+$on-palm:           600px !default;
+$on-laptop:         800px !default;
+
+// typography
+@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');
+$inconsolata:       'Inconsolata', monospace;
+$font__size:        14px;
+$font__weight:      400;
+$font__line-height: 1.5;
+
+// colors
+$color__black:      #000000;
+$color__gray:       #eeeeee;
+$color__beige:      #f8f8f1;
+$color__yellow:     #fefeca;
+
+@mixin media-query($device) {
+  @media screen and (min-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-x: hidden;
+  overflow-y: scroll;
+}
+
+body {
+  width: 100%;
+  margin: 25px 0;
+  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 25px;
+}
+
+// media queries
+@include media-query($on-palm) {
+  body {
+    margin: 50px 0 25px;
+  }
+
+  .container {
+    margin: 0 50px;
+  }
+}
+
+@include media-query($on-laptop) {
+  body {
+    margin: 120px 0 50px;
+  }
+
+  .container {
+    margin: 0 120px;
+  }
+}

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/lightbox.scss

@@ -0,0 +1,35 @@
+.lightbox {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(255,255,255,0.8);
+  text-align: center;
+  z-index: 999;
+
+  &:target {
+    outline: none;
+    display: block;
+    cursor: url('cursor.png'), default;
+  }
+
+  img {
+    display: inline-block;
+    max-width: 100%;
+    max-height: 100%;
+    vertical-align: middle;
+  }
+}
+
+@include media-query($on-laptop) {
+  .lightbox {
+    // &:before {
+    //   display: inline-block;
+    //   height: 100%;
+    //   vertical-align: middle;
+    //   content: ' ';
+    // }
+  }
+}

data/_sass/photos.scss

@@ -0,0 +1,80 @@
+.photos {
+  display: block;
+  width: 100%;
+  border-bottom: 1px solid $color__black;
+  padding: 20px 0;
+  overflow: hidden;
+
+  &:first-child {
+    padding-top: 0;
+  }
+
+  &:last-child {
+    border: none;
+  }
+}
+
+.photos__hover-title {
+  @extend .container;
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  z-index: -1;
+
+  div {
+    display: table-cell;
+    line-height: 150px;
+    font-weight: 700;
+    font-size: 150px;
+    vertical-align: middle;
+  }
+}
+
+.photos__img {
+  float: left;
+	width: 50%;
+  height: 200px;
+  line-height: 200px;
+  text-align: center;
+  overflow: hidden;
+
+  img {
+    max-width: 90%;
+    max-height: 90%;
+    margin-bottom: 20px;
+    vertical-align: middle;
+  }
+}
+
+// media queries
+@include media-query($on-palm) {
+  .photos__img {
+    width: 10%;
+    height: 80px;
+    line-height: 80px;
+
+    img {
+      max-width: 90%;
+      max-height: 90%;
+      margin-bottom: 0;
+    }
+  }
+}
+
+@include media-query($on-laptop) {
+  .photos {
+    &:hover .photos__hover-title {
+      display: table;
+    }
+  }
+
+  .photos__img {
+    width: 6.25%;
+    height: 55px;
+    line-height: 55px;
+  }
+}

data/assets/main.scss

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

metadata

@@ -0,0 +1,101 @@
+--- !ruby/object:Gem::Specification
+name: fry
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Lillian Chen
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-01-16 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
+- _layouts/default.html
+- _layouts/post.html
+- _sass/base.scss
+- _sass/bio.scss
+- _sass/lightbox.scss
+- _sass/photos.scss
+- assets/cursor.png
+- assets/ico.png
+- assets/main.scss
+homepage: http://lillian-chen.com/fry/
+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.4.5.1
+signing_key: 
+specification_version: 4
+summary: Fry is Louie's much more graphic-heavy, photogenic brother (still a Jekyll
+  theme tho).
+test_files: []