blogelator 1.0.3 → 1.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6750073cbad742c8baea5a53ca97e74a90dfa4fb
-  data.tar.gz: f9a1c83719dcce8b679d449c04aa1e4f5e2c3849
+  metadata.gz: c91c7a35981d2de4fa1221c1401f94fbde1081b8
+  data.tar.gz: a124a94d8efab981d85054a1a0acf0368628f2d8
 SHA512:
-  metadata.gz: 0115225ae1a9619d5ffbef150833353303b45099dfcad96345b2ce5866c654f9b6cc627fcf99abdd0cc06cab6dfb4b4fb0cdaf788f617efcd43066600da3a2fb
-  data.tar.gz: 0d3abeaa0429c17cc2dade796699154a563d860c893f62df5bd625a0c3a761a8170c7adbe5116dc3d6a869a079d46c1cf3f6e31184f0b60f69b0856f66f25a9c
+  metadata.gz: 07750f630b79d8084a35d13accacb9fcdeb8be6fa2a9d5db2b286e65328382e97f7984fedf833afb0a1883f34a895ef997d216280ce0892fbaf1c067e9deec05
+  data.tar.gz: 74e4366dc582abac0eb5dc9694ce88ff1b2d773b342825ee7471c043bd7a314cd3d8d97d5fc2a2b2a6ae1a83e307ef2ce26e7bf74cafef2a44d514121384317a

data/LICENSE

@@ -1,4 +1,4 @@
-Copyright 2014-2015 Brian Pattison
+Copyright 2014-2016 Brian Pattison
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/app/assets/javascripts/blog/components/link.js

@@ -0,0 +1,22 @@
+(function() {
+  "use strict";
+
+  var body, links;
+
+  App.register('component').enter(function() {
+    body = $('body');
+    links = $('a[href]:not([href^="#"]):not([target="_blank"])');
+
+    // Add 'loading' class to the body when a link is clicked,
+    // add add 'active' class to the clicked link.
+    links.click(function() {
+      links.removeClass('active');
+      body.addClass('loading');
+      $(this).addClass('active');
+    });
+  }).exit(function() {
+    // Remove the classes when the body is unloaded
+    body.removeClass('loading');
+    links.removeClass('active');
+  });
+})();

data/app/assets/javascripts/blog/layout/progress_bar.js

@@ -0,0 +1,5 @@
+/* global Turbolinks */
+
+if (Turbolinks !== undefined) {
+  Turbolinks.enableProgressBar();
+}

data/app/assets/javascripts/blog.js

@@ -0,0 +1,5 @@
+//= require jquery
+//= require jquery_ujs
+//= require codelation
+//= require turbolinks
+//= require_tree ./blog

data/app/assets/stylesheets/blog/components/button.scss

@@ -0,0 +1,6 @@
+.button,
+button,
+input[type="button"],
+input[type="submit"] {
+  @include button($active-color: $white);
+}

data/app/assets/stylesheets/blog/components/headings.scss

@@ -0,0 +1,28 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-rendering: optimizeLegibility; // Fix the character spacing for headings
+}
+
+h1 {
+  font-size: 34px;
+}
+
+h2 {
+  font-size: 28px;
+}
+
+h3 {
+  font-size: 22px;
+}
+
+h4 {
+  font-size: 18px;
+}
+
+h5 {
+  font-size: 16px;
+}

data/app/assets/stylesheets/blog/components/link.scss

@@ -0,0 +1,15 @@
+$link-color:        $accent-color;
+$link-color-active: color($accent-color, 800);
+$link-color-hover:  color($accent-color, 700);
+
+a {
+  color: $link-color;
+
+  &:hover {
+    color: $link-color-hover;
+  }
+
+  &:active {
+    color: $link-color-active;
+  }
+}

data/app/assets/stylesheets/blog/components/lists.scss

@@ -0,0 +1,4 @@
+ol,
+ul {
+  padding-left: 1.5em;
+}

data/app/assets/stylesheets/blog/components/table.scss

@@ -0,0 +1,24 @@
+$table-background-color:        $white;
+$table-border-color:            color($grey, 300);
+$table-header-background-color: color($grey, 100);
+$table-header-color:            color($grey, 700);
+
+table {
+  min-width: 100%;
+
+  th {
+    background-color: $table-header-background-color;
+    border: 1px solid $table-border-color;
+    color: $table-header-color;
+    font-weight: 400;
+    padding: 1em;
+    text-align: center;
+  }
+
+  td {
+    background-color: $table-background-color;
+    border: 1px solid $table-border-color;
+    padding: 1em;
+    text-align: center;
+  }
+}

data/app/assets/stylesheets/blog/layout/body.scss

@@ -0,0 +1,15 @@
+$body-background-color: color($grey, 50);
+$body-color:            color($grey, 900);
+$body-font-family:      sans-serif;
+$body-font-size:        16px;
+$body-line-height:      1.6875;
+
+body {
+  background-color: $body-background-color;
+  color: $body-color;
+  font-family: $body-font-family;
+  font-size: $body-font-size;
+  -webkit-font-smoothing: subpixel-antialiased;
+  line-height: $body-line-height;
+  text-rendering: optimizelegibility;
+}

data/app/assets/stylesheets/blog/layout/flash_messages.scss

@@ -0,0 +1,47 @@
+$alert-background-color:  rgba($red, 0.85);
+$alert-font-color:        $white;
+$notice-background-color: rgba($green, 0.85);
+$notice-font-color:       $white;
+
+@include keyframes(flash-up) {
+  0% {
+    @include transform(translateZ(0) translate3d(0, 100%, 0));
+  }
+
+  5% {
+    @include transform(translateZ(0) translate3d(0, 0, 0));
+  }
+
+  95% {
+    @include transform(translateZ(0) translate3d(0, 0, 0));
+  }
+
+  100% {
+    @include transform(translateZ(0) translate3d(0, 100%, 0));
+  }
+}
+
+.flash-alert,
+.flash-notice {
+  @include animation(flash-up 6s 1);
+  @include transform(translateZ(0) translate3d(0, 100%, 0));
+  bottom: 0;
+  font-size: 1.6em;
+  left: 0;
+  line-height: 1.2;
+  padding: 0.6em 0.9em;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  z-index: 1000;
+}
+
+.flash-alert {
+  background-color: $alert-background-color;
+  color: $alert-font-color;
+}
+
+.flash-notice {
+  background-color: $notice-background-color;
+  color: $notice-font-color;
+}

data/app/assets/stylesheets/blog/layout/footer.scss

@@ -0,0 +1,2 @@
+footer {
+}

data/app/assets/stylesheets/blog/layout/header.scss

@@ -0,0 +1,9 @@
+header {
+  margin: 0 auto;
+  max-width: $max-width;
+
+  a {
+    font-size: 1.5em;
+    text-decoration: none;
+  }
+}

data/app/assets/stylesheets/blog/layout/progress_bar.scss

@@ -0,0 +1,3 @@
+html.turbolinks-progress-bar::before {
+  background-color: $accent-color !important;
+}

data/app/assets/stylesheets/blog/variables.scss

@@ -0,0 +1,5 @@
+// Global variables
+$accent-color:  $blue;
+$primary-color: $blue-grey;
+$max-width: 1000px;
+$transition-timing: cubic-bezier(0.25, 0.8, 0.25, 1);

data/app/assets/stylesheets/blog/views/blogelator/authors/_author.scss

@@ -0,0 +1,3 @@
+body.posts.show .author {
+  
+}

data/app/assets/stylesheets/blog/views/blogelator/posts/_post.scss

@@ -0,0 +1,30 @@
+body.posts.index .post {
+  border: 1px solid $grey;
+  border-radius: 2px;
+  text-align: center;
+
+  .post-link {
+    display: block;
+    font-weight: bold;
+    text-decoration: none;
+  }
+
+  .post-image {
+    display: block;
+    height: 120px;
+    overflow: hidden;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  .published-at {
+    display: block;
+    font-size: 0.8em;
+  }
+
+  .tags {
+    font-size: 0.7em;
+  }
+}

data/app/assets/stylesheets/blog/views/blogelator/posts/index.scss

@@ -0,0 +1,7 @@
+body.posts.index {
+  main {
+    @include has-grid(3, 1em);
+    margin: 1em auto;
+    max-width: $max-width;
+  }
+}

data/app/assets/stylesheets/blog/views/blogelator/posts/show.scss

@@ -0,0 +1,43 @@
+body.posts.show {
+  main {
+    margin: 1em auto;
+    max-width: 1440px;
+  }
+
+  .post-image {
+    display: block;
+    max-height: 360px;
+    overflow: hidden;
+
+    img {
+      max-width: 100%;
+    }
+  }
+
+  .post-content {
+    margin: 0 auto;
+    max-width: $max-width;
+  }
+
+  .title {
+    color: $body-color;
+    text-decoration: none;
+
+    &:hover {
+      border-bottom: 1px solid $accent-color;
+    }
+  }
+
+  h1 {
+    margin-bottom: 0;
+  }
+
+  .published-at {
+    display: block;
+    font-size: 0.8em;
+  }
+
+  .tags {
+    font-size: 0.7em;
+  }
+}

data/app/assets/stylesheets/blog.scss

@@ -0,0 +1,3 @@
+@import "codelation";
+@import "blog/variables";
+@import "blog/**/*";

data/app/controllers/blogelator/posts_controller.rb

@@ -1,5 +1,6 @@
 module Blogelator
   class PostsController < ApplicationController
+    layout "blog"
     before_action :set_tag, :set_posts, only: [:index]
     before_action :set_post, only: [:show]
     PER_PAGE = 5
@@ -35,9 +36,9 @@ module Blogelator
 
     def set_post
       if try(:current_admin_user)
-        @post = Blogelator::Post.find_by(slug: params[:id])
+        @post = Blogelator::Post.includes(:author).find_by(slug: params[:id])
       else
-        @post = Blogelator::Post.published.find_by(slug: params[:id])
+        @post = Blogelator::Post.includes(:author).published.find_by(slug: params[:id])
       end
       fail ActionController::RoutingError.new("Not Found") unless @post
     end

data/app/models/blogelator/author.rb

@@ -3,22 +3,25 @@ module Blogelator
     # Assocations
     belongs_to :user, polymorphic: true
     has_many :posts
-
+    # - 100x100 w/ 200x200 being retina
+    # - 200x200 w/ 400x400 being retina
     # Paperclip attached files
     # @see https://github.com/thoughtbot/paperclip
     has_attached_file(
       :cover_photo,
       styles: {
-        retina:    "242x116>",
-        thumbnail: "121x58>"
+        small:  "400x225#",
+        medium: "800x450#",
+        large:  "1200x675#"
       }
     )
 
     has_attached_file(
       :profile_photo,
       styles: {
-        retina:    "242x116>",
-        thumbnail: "121x58>"
+        small:  "150x150#",
+        medium: "300x300#",
+        large:  "600x600#"
       }
     )
 

data/app/models/blogelator/post.rb

@@ -10,8 +10,9 @@ module Blogelator
     has_attached_file(
       :image,
       styles: {
-        retina:    "242x116>",
-        thumbnail: "121x58>"
+        small:  "400x225#",
+        medium: "800x450#",
+        large:  "1440x810#"
       }
     )
 

data/app/views/blogelator/authors/_author.html.erb

@@ -0,0 +1,24 @@
+<div class="author">
+  <% if author.profile_photo.exists? %>
+    <div class="profile-photo">
+      <%= image_tag author.profile_photo.url(:small) %>
+    </div>
+  <% end %>
+
+  <div class="name">
+    <%= author.name %>
+  </div>
+
+  <div class="bio">
+    <%== author.bio_html %>
+  </div>
+
+  <div>
+    <small class="location">
+      <%= author.location %>
+    </small>
+    <small class="website">
+      <%= link_to author.website, author.website %>
+    </small>
+  </div>
+</div>

data/app/views/blogelator/posts/_post.html.erb

@@ -1,21 +1,21 @@
 <% cache [Blogelator::VERSION, post, "index"] do %>
   <div class="post <%= post.status %>">
-    <h2><%= link_to post.title, post %></h2>
-    <div class="published-at">
-      <%= local_time(post.published_at, format: "%B %e, %Y") %>
-    </div>
+    <%= link_to post, class: "post-link" do %>
+      <% if post.image.exists? %>
+        <span class="post-image">
+          <%= image_tag post.image.url(:small) %>
+        </span>
+      <% end %>
+
+      <span class="title">
+        <%= post.title %>
+      </span>
+    <% end %>
+
+    <%= local_time(post.published_at, format: "%B %e, %Y", class: "published-at") %>
+
     <div class="tags">
       <%= render post.tags %>
     </div>
-    <% if post.summary_html.blank? %>
-      <div class="body">
-        <%== post.body_html %>
-      </div>
-    <% else %>
-      <div class="summary">
-        <%== post.summary_html %>
-        <%= link_to raw("Continue reading &raquo;"), post, class: "continue" %>
-      </div>
-    <% end %>
   </div>
 <% end %>

data/app/views/blogelator/posts/show.html.erb

@@ -1,12 +1,25 @@
 <% cache [Blogelator::VERSION, @post, "show"] do %>
   <div class="post <%= @post.status %>">
-    <h1><%= link_to @post.title, @post %></h1>
-    <%= local_time(@post.published_at, format: "%B %e, %Y", class: "published-at") %>
-    <div class="tags">
-      <%= render @post.tags %>
+    <div class="post-image">
+      <%= image_tag @post.image.url(:large) %>
     </div>
-    <div class="body">
-      <%== @post.body_html %>
+
+    <div class="post-content">
+      <h1>
+        <%= link_to @post.title, @post, class: "title" %>
+      </h1>
+
+      <%= local_time(@post.published_at, format: "%B %e, %Y", class: "published-at") %>
+
+      <div class="tags">
+        <%= render @post.tags %>
+      </div>
+
+      <div class="body">
+        <%== @post.body_html %>
+      </div>
+
+      <%= render @post.author if @post.author %>
     </div>
   </div>
 

data/app/views/layouts/blog/_footer.html.erb

@@ -0,0 +1,2 @@
+<footer>
+</footer>

data/app/views/layouts/blog/_header.html.erb

@@ -0,0 +1,3 @@
+<header>
+  <%= link_to "My Blog", blogelator_posts_path %>
+</header>

data/app/views/layouts/blog.html.erb

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= @title || try(:title) %></title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/<%= ENV['FONT_AWESOME_VERSION'] || '4.5.0' %>/css/font-awesome.min.css">
+  <%= stylesheet_link_tag "blog", media: "all", "data-turbolinks-track" => true %>
+  <%= javascript_include_tag "blog", "data-turbolinks-track" => true %>
+  <%= csrf_meta_tags %>
+  <%= yield :head %>
+</head>
+
+<body class="<%= try(:body_class) %>">
+  <%= render partial: "layouts/blog/header" unless @hide_header %>
+
+  <main>
+    <%= yield %>
+  </main>
+
+  <%= render partial: "layouts/blog/footer" unless @hide_footer %>
+  <%= yield :scripts %>
+</body>
+
+</html>

data/lib/blogelator/version.rb

@@ -1,3 +1,3 @@
 module Blogelator
-  VERSION = "1.0.3".freeze
+  VERSION = "1.0.4".freeze
 end

data/lib/blogelator.rb

@@ -1,7 +1,9 @@
+require "codelation_assets"
 require "paperclip"
 require "pygments"
 require "rails"
 require "redcarpet"
+require "turbolinks"
 require "blogelator/engine"
 require "blogelator/version"
 

data/lib/generators/blogelator/install_generator.rb

@@ -7,6 +7,27 @@ module Blogelator
       copy_file posts_controller_path, posts_controller_path
     end
 
+    def copy_javascripts
+      blog_js_path = "app/assets/javascripts/blog.js"
+      copy_file blog_js_path, blog_js_path
+      blog_js_dir_path = "app/assets/javascripts/blog"
+      directory blog_js_dir_path, blog_js_dir_path
+    end
+
+    def copy_layout
+      blog_layout_path = "app/views/layouts/blog.html.erb"
+      copy_file blog_layout_path, blog_layout_path
+      blog_layout_dir_path = "app/views/layouts/blog"
+      directory blog_layout_dir_path, blog_layout_dir_path
+    end
+
+    def copy_stylesheets
+      blog_scss_path = "app/assets/stylesheets/blog.scss"
+      copy_file blog_scss_path, blog_scss_path
+      blog_scss_dir_path = "app/assets/stylesheets/blog"
+      directory blog_scss_dir_path, blog_scss_dir_path
+    end
+
     def copy_views
       blogelator_views_path = "app/views/blogelator"
       directory blogelator_views_path, blogelator_views_path

metadata

@@ -1,16 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: blogelator
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.0.4
 platform: ruby
 authors:
 - Brian Pattison
-- Matthew Sullivan
 autorequire: 
 bindir: bin
 cert_chain: []
 date: 2016-02-11 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: codelation_assets
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.3'
 - !ruby/object:Gem::Dependency
   name: paperclip
   requirement: !ruby/object:Gem::Requirement
@@ -67,6 +80,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: turbolinks
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.5'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -84,7 +111,6 @@ dependencies:
 description: Blogelator is an easy way to add a blog to your Rails app.
 email:
 - brian@brianpattison.com
-- msull92@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -92,17 +118,40 @@ files:
 - LICENSE
 - README.md
 - Rakefile
+- app/assets/javascripts/blog.js
+- app/assets/javascripts/blog/components/link.js
+- app/assets/javascripts/blog/layout/progress_bar.js
+- app/assets/stylesheets/blog.scss
+- app/assets/stylesheets/blog/components/button.scss
+- app/assets/stylesheets/blog/components/headings.scss
+- app/assets/stylesheets/blog/components/link.scss
+- app/assets/stylesheets/blog/components/lists.scss
+- app/assets/stylesheets/blog/components/table.scss
+- app/assets/stylesheets/blog/layout/body.scss
+- app/assets/stylesheets/blog/layout/flash_messages.scss
+- app/assets/stylesheets/blog/layout/footer.scss
+- app/assets/stylesheets/blog/layout/header.scss
+- app/assets/stylesheets/blog/layout/progress_bar.scss
+- app/assets/stylesheets/blog/variables.scss
+- app/assets/stylesheets/blog/views/blogelator/authors/_author.scss
+- app/assets/stylesheets/blog/views/blogelator/posts/_post.scss
+- app/assets/stylesheets/blog/views/blogelator/posts/index.scss
+- app/assets/stylesheets/blog/views/blogelator/posts/show.scss
 - app/controllers/blogelator/posts_controller.rb
 - app/models/blogelator/author.rb
 - app/models/blogelator/html_renderer.rb
 - app/models/blogelator/post.rb
 - app/models/blogelator/tag.rb
+- app/views/blogelator/authors/_author.html.erb
 - app/views/blogelator/kaminari/_paginator.html.erb
 - app/views/blogelator/posts/_meta.html.erb
 - app/views/blogelator/posts/_post.html.erb
 - app/views/blogelator/posts/index.html.erb
 - app/views/blogelator/posts/show.html.erb
 - app/views/blogelator/tags/_tag.html.erb
+- app/views/layouts/blog.html.erb
+- app/views/layouts/blog/_footer.html.erb
+- app/views/layouts/blog/_header.html.erb
 - config/locales/en.yml
 - db/migrate/20151018150314_create_blogelator_posts.rb
 - db/migrate/20151018151022_create_blogelator_authors.rb