effective_style_guide 2.0.0 → 2.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b84895736c9806c8826396aa6dfad6dccfd6650a
-  data.tar.gz: eb13c3f17ea3600da6cce7267ccf7175ae552cc4
+  metadata.gz: 975b4f35cc47e78cc9cfaf36e4010201ff0ad1d7
+  data.tar.gz: fdd34e154198d4828b7d79838888a8c55ef93bf4
 SHA512:
-  metadata.gz: 62f96c7567635c3f2dfb0d192bd698134531ad4738263b66c336d7b9be4c94101a55e550ca86ab5d8d96c7eaf11ae4275a0eec689f6e021105291746d4d7c6c5
-  data.tar.gz: ec6f479e9128f158f8497d1639a4124cba97d582ae903b88614ca60d98846d614ccd1297eced13100111bc879a3dd4b496038edce2969851ad1095da7cd7ebf6
+  metadata.gz: 4b3c813060dc3542f175c46c33a4f55bc8bb61e0d487abc208c8c23a21ace522a72f497b0920b893c93aa8a91c1b65ad17c61f8126d86014514866dfe20d3e68
+  data.tar.gz: 5f0dc5614184e00be21a1de652a9fd6d6012ae1a59e0571ca5ca7c89746f75aee14311698d22cc67741493c64776194da39138705ab1786f348ce9701fdf58af

data/app/views/effective/style_guide/{_cards.html → _cards.html.erb}

@@ -1,5 +1,5 @@
 <div class="card" style="width: 18rem;">
-  <img class="card-img-top" src="http://placehold.it/286x180" alt="Card image cap">
+  <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="286" height="180" alt="Card image cap">
   <div class="card-body">
     <h5 class="card-title">Card title</h5>
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
@@ -30,7 +30,7 @@
 <p><br></p>
 
 <div class="card" style="width: 18rem;">
-  <img class="card-img-top" src="http://placehold.it/286x180" alt="Card image cap">
+  <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="286" height="180" alt="Card image cap">
   <div class="card-body">
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
   </div>
@@ -62,7 +62,7 @@
 <p><br></p>
 
 <div class="card" style="width: 18rem;">
-  <img class="card-img-top" src="http://placehold.it/286x180" alt="Card image cap">
+  <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="286" height="180" alt="Card image cap">
   <div class="card-body">
     <h5 class="card-title">Card title</h5>
     <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
@@ -207,7 +207,7 @@
 <p><br></p>
 
 <div class="card mb-3">
-  <img class="card-img-top" src="http://placehold.it/1151x180" alt="Card image cap">
+  <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="1151" height="180" alt="Card image cap">
   <div class="card-body">
     <h5 class="card-title">Card title</h5>
     <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -220,13 +220,13 @@
     <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
     <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
   </div>
-  <img class="card-img-bottom" src="http://placehold.it/1151x180" alt="Card image cap">
+  <img class="card-img-bottom" src="<%= asset_path('placeholder.png') %>" width="1151" height="180" alt="Card image cap">
 </div>
 
 <p><br></p>
 
 <div class="card bg-dark text-white">
-  <img class="card-img" src="http://placehold.it/1151x680" alt="Card image">
+  <img class="card-img" src="<%= asset_path('placeholder.png') %>" width="1151" height="680"  alt="Card image">
   <div class="card-img-overlay">
     <h5 class="card-title">Card title</h5>
     <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -339,7 +339,7 @@
 
 <div class="card-group">
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/383x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="383" height="180"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -347,7 +347,7 @@
     </div>
   </div>
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/383x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="383" height="180"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
@@ -355,7 +355,7 @@
     </div>
   </div>
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/383x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="383" height="180"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
@@ -368,7 +368,7 @@
 
 <div class="card-group">
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/383x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="383" height="180" alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -378,7 +378,7 @@
     </div>
   </div>
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/383x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="383" height="180"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
@@ -388,7 +388,7 @@
     </div>
   </div>
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/383x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="383" height="180"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
@@ -403,7 +403,7 @@
 
 <div class="card-deck">
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/362x200" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="362" height="200"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -411,7 +411,7 @@
     </div>
   </div>
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/362x200" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="362" height="200"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
@@ -419,7 +419,7 @@
     </div>
   </div>
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/362x200" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="362" height="200"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
@@ -432,7 +432,7 @@
 
 <div class="card-columns">
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/286x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="286" height="180"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title that wraps to a new line</h5>
       <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -449,7 +449,7 @@
     </blockquote>
   </div>
   <div class="card">
-    <img class="card-img-top" src="http://placehold.it/286x180" alt="Card image cap">
+    <img class="card-img-top" src="<%= asset_path('placeholder.png') %>" width="286" height="180"  alt="Card image cap">
     <div class="card-body">
       <h5 class="card-title">Card title</h5>
       <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
@@ -474,7 +474,7 @@
     </div>
   </div>
   <div class="card">
-    <img class="card-img" src="http://placehold.it/286x180" alt="Card image">
+    <img class="card-img" src="<%= asset_path('placeholder.png') %>" width="286" height="180"  alt="Card image">
   </div>
   <div class="card p-3 text-right">
     <blockquote class="blockquote mb-0">

data/app/views/effective/style_guide_bootstrap3/_thumbnails.html.haml

@@ -2,14 +2,14 @@
   - 4.times do
     .col-sm-3
       %a.thumbnail{:href => '#'}
-        %img{:src => 'http://placehold.it/171x180', :height => 180, :width => 171}
+        %img{:src => asset_path('placeholder.png'), :height => 180, :width => 171}
 
 
 .row
   - 3.times do
     .col-sm-4
       .thumbnail
-        %img{:src => 'http://placehold.it/242x200', :height => 200, :width => 242}
+        %img{:src => asset_path('placeholder.png'), :height => 200, :width => 242}
         .caption
           %h3 Thumbnail Label
           %p Cumque iste repellat rerum asperiores libero. Omnis quia et illo. Dignissimos ut quod debitis.

data/lib/effective_style_guide/engine.rb

@@ -7,5 +7,9 @@ module EffectiveStyleGuide
       eval File.read("#{config.root}/config/effective_style_guide.rb")
     end
 
+    initializer 'effective_style_guide.assets' do |app|
+      Rails.application.config.assets.precompile += ['placeholder.png']
+    end
+
   end
 end

data/lib/effective_style_guide/version.rb

@@ -1,3 +1,3 @@
 module EffectiveStyleGuide
-  VERSION = '2.0.0'.freeze
+  VERSION = '2.0.1'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_style_guide
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.0.1
 platform: ruby
 authors:
 - Code and Effect
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-02-14 00:00:00.000000000 Z
+date: 2018-02-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -48,6 +48,7 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - README.md
+- app/assets/images/placeholder.png
 - app/controllers/effective/style_guide_controller.rb
 - app/models/effective/access_denied.rb
 - app/models/effective/style_guide.rb
@@ -56,7 +57,7 @@ files:
 - app/views/effective/style_guide/_breadcrumbs.html
 - app/views/effective/style_guide/_buttons.html
 - app/views/effective/style_guide/_buttons_group.html
-- app/views/effective/style_guide/_cards.html
+- app/views/effective/style_guide/_cards.html.erb
 - app/views/effective/style_guide/_collapse.html
 - app/views/effective/style_guide/_dropdowns.html
 - app/views/effective/style_guide/_form_with.html.haml