wraith 2.7.0 → 2.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7d0d54a5e957a901f42244cecc6523883865a91a
-  data.tar.gz: 94e209bfface9c61b060e3e9624d5cf9609a59ed
+  metadata.gz: bf63697eac76217c8011ef49428c9699433a6e89
+  data.tar.gz: 28179715439e86a3102ec17113e9d2e9ae878997
 SHA512:
-  metadata.gz: 21ff9b3f556c593da98bdd1bef23ad62b5d16898d8f38589cbf0eb1d4b1c9535a1e57e6bfd1f0bf32fda5207fc7ecbcf87a879c19e291d406e3f2731ee041a66
-  data.tar.gz: ff94dad2fb1d688a3fbebc110e27c234c656945e56db980a41f7570bd1a598aa05ff9eb520b87426efc2d75655109d78f0fc5da8f1138b65e036c72579285faa
+  metadata.gz: 8ab5d69ea95075c115620d955f807e507f5f20d481278a3c30b30281d61cf6458bf690958376d08e7d5f9cdf77729425e21838d2b2fd85225c8bb90509d49f2f
+  data.tar.gz: 88c70548dace9ca18d2210cca2bd3438e18fa2b507383228f1135bb031b739cc4409e93cefe51c87c59da4faa4c569e7b5458226b53b848548f74c0200cace09

data/Dockerfile

@@ -11,4 +11,10 @@ RUN apt-get install -y libfreetype6 libfontconfig1
 RUN gem install wraith --no-rdoc --no-ri
 RUN gem install aws-sdk --no-rdoc --no-ri
 
+# Make sure decent fonts are installed. Thanks to http://www.dailylinuxnews.com/blog/2014/09/things-to-do-after-installing-debian-jessie/
+RUN echo "deb http://ftp.us.debian.org/debian jessie main contrib non-free" | tee -a /etc/apt/sources.list
+RUN echo "deb http://security.debian.org/ jessie/updates contrib non-free" | tee -a /etc/apt/sources.list
+RUN apt-get update
+RUN apt-get install -y ttf-freefont ttf-mscorefonts-installer ttf-bitstream-vera ttf-dejavu ttf-liberation
+
 ENTRYPOINT [ "wraith" ]

data/README.md

@@ -77,7 +77,6 @@ There are other commands also available, these all expect a config_name to be pa
   wraith reset_shots [config_name]          # removes all the files in the shots folder
   wraith save_images [config_name]          # captures screenshots
   wraith setup                              # creates config folder and default config
-  wraith setup_casper                       # creates config folder and default config for casper
   wraith setup_folders [config_name]        # create folders for images
 ```
 

data/lib/wraith/cli.rb

@@ -35,6 +35,25 @@ class Wraith::CLI < Thor
     create.create_folders
   end
 
+  desc "copy_base_images [config_name]", "copies the required base images over for comparison with latest images"
+  def copy_base_images(config_name)
+    copy = Wraith::FolderManager.new(config_name)
+    copy.copy_base_images
+  end
+
+  desc "make_sure_base_shots_exists [config_name]", "warns user if config is missing base shots"
+  def make_sure_base_shots_exists(config_name)
+    wraith = Wraith::Wraith.new(config_name)
+    if wraith.history_dir.nil?
+      puts "You need to specify a `history_dir` property at #{config_name} before you can run `wraith latest`!"
+      exit 1
+    end
+    if !File.directory?(wraith.history_dir)
+      puts "You need to run `wraith history` at least once before you can run `wraith latest`!"
+      exit 1
+    end
+  end
+
   no_commands do
     def check_for_paths(config_name)
       spider = Wraith::Spidering.new(config_name)
@@ -45,15 +64,11 @@ class Wraith::CLI < Thor
       create = Wraith::FolderManager.new(config_name)
       create.copy_old_shots
     end
-
-    def restore_shots(config_name)
-      create = Wraith::FolderManager.new(config_name)
-      create.restore_shots
-    end
   end
 
   desc "save_images [config_name]", "captures screenshots"
   def save_images(config_name, history = false)
+    puts "SAVING IMAGES"
     save_images = Wraith::SaveImages.new(config_name, history)
     save_images.save_images
   end
@@ -66,18 +81,21 @@ class Wraith::CLI < Thor
 
   desc "compare_images [config_name]", "compares images to generate diffs"
   def compare_images(config_name)
+    puts "COMPARING IMAGES"
     compare = Wraith::CompareImages.new(config_name)
     compare.compare_images
   end
 
   desc "generate_thumbnails [config_name]", "create thumbnails for gallery"
   def generate_thumbnails(config_name)
+    puts "GENERATING THUMBNAILS"
     thumbs = Wraith::Thumbnails.new(config_name)
     thumbs.generate_thumbnails
   end
 
   desc "generate_gallery [config_name]", "create page for viewing images"
   def generate_gallery(config_name, multi = false)
+    puts "GENERATING GALLERY"
     gallery = Wraith::GalleryGenerator.new(config_name, multi)
     gallery.generate_gallery
   end
@@ -113,9 +131,10 @@ class Wraith::CLI < Thor
 
   desc "latest [config_name]", "Capture new shots to compare with baseline"
   def latest(config)
+    make_sure_base_shots_exists(config)
     reset_shots(config)
-    restore_shots(config)
     save_images(config, true)
+    copy_base_images(config)
     crop_images(config)
     compare_images(config)
     generate_thumbnails(config)

data/lib/wraith/compare_images.rb

@@ -16,6 +16,7 @@ class Wraith::CompareImages
     Parallel.each(files.each_slice(2), :in_processes => Parallel.processor_count) do |base, compare|
       diff = base.gsub(/([a-zA-Z0-9]+).png$/, "diff.png")
       info = base.gsub(/([a-zA-Z0-9]+).png$/, "data.txt")
+      puts "Comparing #{base} and #{compare}"
       compare_task(base, compare, diff, info)
       puts "Saved diff"
     end

data/lib/wraith/folder.rb

@@ -41,9 +41,13 @@ class Wraith::FolderManager
     end
   end
 
-  def restore_shots
-    puts "restoring"
-    FileUtils.cp_r(Dir.glob("#{history_dir}/*"), dir)
+  def copy_base_images
+    puts "COPYING BASE IMAGES"
+    wraith.paths.each do |path|
+      path = path[0]
+      puts "Copying #{history_dir}/#{path} to #{dir}"
+      FileUtils.cp_r(Dir.glob("#{history_dir}/#{path}"), dir)
+    end
   end
 
   def create_folders
@@ -74,7 +78,9 @@ class Wraith::FolderManager
     dirs.each do |_folder_name, shot_info|
       shot_info.each do |_k, v|
         begin
-          if v[:data] > wraith.threshold
+          if !v.include?(:diff)
+            return false
+          elsif v[:data] > wraith.threshold
             return false
           end
         rescue

data/lib/wraith/gallery.rb

@@ -8,13 +8,10 @@ class Wraith::GalleryGenerator
 
   MATCH_FILENAME = /(\S+)_(\S+)\.\S+/
 
-  TEMPLATE_LOCATION = File.expand_path("gallery_template/gallery_template.erb", File.dirname(__FILE__))
-  TEMPLATE_BY_DOMAIN_LOCATION = File.expand_path("gallery_template/gallery_template.erb", File.dirname(__FILE__))
-
   def initialize(config, multi)
     @wraith = Wraith::Wraith.new(config)
     @location = wraith.directory
-    @mutli = multi
+    @multi = multi
     @folder_manager = Wraith::FolderManager.new(config)
   end
 
@@ -53,6 +50,7 @@ class Wraith::GalleryGenerator
     @group = get_group_from_match match
     @filepath = category + "/" + filename
     @thumbnail = "thumbnails/#{category}/#{filename}"
+    @url = figure_out_url @group, category
 
     if @dirs[category][@size].nil?
       @dirs[category][@size] = { :variants => [] }
@@ -63,6 +61,14 @@ class Wraith::GalleryGenerator
     data_group(@group, size_dict, dirname, @filepath)
   end
 
+  def figure_out_url(group, category)
+    root = wraith.domains["#{group}"]
+    return '' if root.nil?
+    path = wraith.paths["#{category}"]['path']
+    url  = root + path
+    url
+  end
+
   def get_group_from_match(match)
     group = match[2]
     dash = match[2].rindex('-')
@@ -88,7 +94,8 @@ class Wraith::GalleryGenerator
     size_dict[:variants] << {
       :name     => group,
       :filename => @filepath,
-      :thumb    => @thumbnail
+      :thumb    => @thumbnail,
+      :url      => @url
     }
     size_dict[:variants].sort! { |a, b| a[:name] <=> b[:name] }
   end
@@ -130,16 +137,32 @@ class Wraith::GalleryGenerator
   def generate_gallery(with_path = "")
     dest = "#{@location}/gallery.html"
     directories = parse_directories(@location)
-    generate_html(@location, directories, TEMPLATE_BY_DOMAIN_LOCATION, dest, with_path)
+
+    slideshow_template = File.expand_path("gallery_template/#{wraith.gallery_template}.erb", File.dirname(__FILE__))
+
+    generate_html(@location, directories, slideshow_template, dest, with_path)
+
     puts "Gallery generated"
     check_failed_shots
   end
 
   def check_failed_shots
-    if @mutli
+    if @multi
       return true
     elsif @failed_shots == false
-      puts "Failures detected"
+      puts "Failures detected:"
+
+      @dirs.each do |dir, sizes|
+        sizes.to_a.sort.each do |size, files|
+          file = dir.gsub('__', '/')
+          if !files.include?(:diff)
+            puts "\t Unable to create a diff image for #{file}"
+          elsif files[:data] > wraith.threshold
+            puts "\t #{file} failed at a resolution of #{size} (#{files[:data]}% diff)"
+          end
+        end
+      end
+
       exit 1
     else
       true

data/lib/wraith/gallery_template/basic_template.erb

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+  <style type="text/css">
+    .short-screenshot {
+      max-width: 200px;
+    }
+    .panel li{
+      word-wrap: break-word;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="row page-header">
+      <h1>List of screenshots for <%= location %> <small>taken <%= Time.now.strftime('%Y/%m/%d %H:%M:%S') %></small></h1>
+    </div>
+    <div class="row">
+      <div class="col-lg-2">
+        <div class="panel">
+          <div class="panel-heading">Screenshots:</div>
+          <ul class="list-group list-group-flush">
+            <% directories.keys.each do |dir| %>
+            <li class="list-group-item"><a href="#<%=path%><%=dir%>"><%=dir.gsub('__', '/')%></a></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+      <div class="col-lg-10">
+        <% directories.each do |dir, sizes| %>
+        <% sizes.to_a.sort.each do |size, files| %>
+        <div class="row">
+          <a name="<%= dir %>"></a>
+          <% if threshold.nil? %>
+          <h2><%= dir.gsub('__', '/') %></h2>
+          <% else %>
+          <% if files[:data] > threshold %>
+          <h2 style="color:#CC0101"><%= dir.gsub('__', '/') %> <span class="glyphicon glyphicon-remove"></span></h2>
+          <% else %>
+          <h2><%= dir.gsub('__', '/') %></h2>
+          <% end %>
+          <% end %>
+        </div>
+        <div class="row">
+          <h3 class="col-lg-1 text-muted"><%=size%>px</h3>
+          <% files[:variants].each do |file| %>
+          <div class="col-lg-3">
+            <a href="<%=file[:filename]%>">
+              <img class="short-screenshot img-thumbnail" src="<%=path%><%=file[:thumb]%>">
+            </a>
+            <p class="text-center"><%=file[:name]%></p>
+          </div>
+          <% end %>
+          <div class="col-lg-3">
+            <% if files[:diff] %>
+            <a href="<%=files[:diff][:filename]%>">
+              <img class="short-screenshot img-thumbnail" src="<%=path%><%=files[:diff][:thumb]%>">
+            </a>
+            <% end %>
+            <p class="text-center">diff</p>
+            <% if threshold.nil? %>
+            <p class="text-center text-muted"><%=files[:data]%> % different</p>
+            <% else %>
+            <% if files[:data] > threshold %>
+            <p style="color:#CC0101" class="text-center text-muted"><%=files[:data]%> % different</p>
+            <% else %>
+            <p class="text-center text-muted"><%=files[:data]%> % different</p>
+            <% end %>
+            <% end %>
+          </div>
+        </div>
+        <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

data/lib/wraith/gallery_template/slideshow_template.erb

@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
+  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle/3.03/jquery.cycle.all.min.js"></script>
+  <style type="text/css">
+    body {
+      position: relative;
+      float: left;
+      width: 100%;
+    }
+    .slideshow {
+      height: 510px;
+      margin: 20px 0;
+    }
+    .slide {
+      background-color: #FFF !important;
+      width: 100% !important;
+      height: 510px !important;
+    }
+    .prev {
+      margin-left: -10px;
+      margin-right: 10px;
+    }
+    .next,
+    .prev {
+      cursor: pointer;
+      background-color: #e7e7e7;
+      border: 2px solid #eee;
+      height: 400px;
+      margin-top: 60px;
+    }
+
+    .prev span:before,
+    .next span:before {
+      font-size: 35px;
+      padding: 10px;
+      display: block;
+      font-family: "FontAwesome";
+      margin-top: 165px;
+      display: block;
+    }
+
+    .prev span:before {
+      content:"\f0d9";
+    }
+    .next span:before {
+      content:"\f0da";
+    }
+    .list-group-item.checked a:after {
+      color: #23e343;
+    }
+    .list-group-item a span {
+      word-wrap: break-word;
+      width: 95%;
+      display: block;
+    }
+    .list-group-item a:after {
+      content:"\f00c";
+      font-family: "FontAwesome";
+      color: #eae6e6;
+      position: absolute;
+      right: 10px;
+      top: 10px;
+    }
+    .checked a {
+      color: #000;
+    }
+    .current {
+      background-color: #e7e7e7;
+    }
+    .threshold {
+      color: red;
+    }
+    .compare {
+      cursor: pointer;
+      margin-left: 20px;
+    }
+
+    .compare:before {
+      font-family: "FontAwesome";
+      content:"\f0c5";
+      font-size: 30px;
+    }
+    .compare-modal {
+      position:fixed;
+      margin:0;
+      top:0;
+      left:0;
+      width: 100%;
+      height: 100%;
+      background:rgba(0,0,0,0.7);
+      overflow: scroll;
+      z-index: 1000;
+    }
+    .compare-container {
+      padding-bottom: 300px;
+      z-index: 1000;
+      margin-top: 20px;
+      text-align: center;
+    }
+    .compare-container img{
+      margin-right: 20px;
+      max-width: 30%;
+    }
+  </style>
+  <script type="text/javascript">
+    $(function() {
+      $('.slideshow').cycle({
+        fx:     'cover',
+        prev:   '.prev',
+        next:   '.next',
+        before: function (curr, next, opts) {
+          $('.current').removeClass('current');
+          var path = $(next).find('.path').attr('name');
+          $.each($('.list-group .list-group-item a'), function() {
+            if ($(this).attr('href').substring(1) == path) {
+              $(this).parent().addClass('checked');
+              $(this).parent().addClass('current');
+            }
+          })
+        },
+        timeout: 0
+      });
+
+      $('.list-group .list-group-item a').unbind().on('click', function(){
+        var href = $(this).attr('href').substring(1);
+
+        $('.slideshow').cycle($('.slide.'+href+':first').index());
+      })
+
+      $('.shot').unbind().on('click', function(e){
+        e.preventDefault();
+        var url = $(this).attr('href');
+        window.open(url,'_blank');
+      })
+
+      $('.compare').unbind().on('click', function(){
+        var slide = $(this).closest(".slide"),
+            newImage = slide.find('a.shot:eq(0)').attr('href'),
+            oldImage = slide.find('a.shot:eq(1)').attr('href'),
+            diffImage = slide.find('a.shot:eq(2)').attr('href');
+        $('.container').append('<div class="compare-modal"><div class="compare-container"><img src="'+newImage+'"/><img src="'+oldImage+'"/><img src="'+diffImage+'"/></div></div>');
+        $('.compare-modal').unbind().on('click', function(){
+          $(this).remove();
+        })
+      })
+    })
+</script>
+</head>
+<body>
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-12 col-md-3">
+        <div class="panel">
+          <div class="page-header">
+            <h4>List of screenshots for <%= location %> <small>taken <%= Time.now.strftime('%Y/%m/%d %H:%M:%S') %></small></h4>
+          </div>
+          <div class="panel-heading">Pages:</div>
+          <ul class="list-group list-group-flush">
+            <% directories.keys.each do |dir| %>
+            <li class="list-group-item"><a href="#<%=path%><%=dir%>"><span>/<%=dir.gsub('__', '/')%></span></a></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+      <div class="col-sm-12 col-md-9">
+        <div class="slideshow-container">
+          <div class="prev col-sm-1"><span></span></div>
+          <div class="slideshow pull-left col-sm-10">
+            <% directories.each do |dir, sizes| %>
+            <% sizes.to_a.sort.each do |size, files| %>
+            <div class="row slide <%= dir %>">
+              <a class="path" name="<%= dir %>"></a>
+              <div class="col-sm-12 text-center">
+                <% if threshold.nil? %>
+                <h4><%=size%>px - /<%= dir.gsub('__', '/') %></h4>
+                <% else %>
+                <% if files[:data] > threshold %>
+                <h4><%=size%>px - /<%= dir.gsub('__', '/') %></h4>
+                <% else %>
+                <h4><%=size%>px - /<%= dir.gsub('__', '/') %></h4>
+                <% end %>
+                <% end %>
+              </div>
+              <% files[:variants].each do |file| %>
+              <div class="col-sm-4">
+                <a class="shot" href="<%=file[:filename]%>">
+                  <img class="short-screenshot img-thumbnail" src="<%=path%><%=file[:thumb]%>">
+                </a>
+                <p class="text-center"><a target="_blank" href="<%=file[:url]%>"><%=file[:name]%></a></p>
+              </div>
+              <% end %>
+              <div class="col-sm-4">
+                <% if files[:diff] %>
+                <a class="shot" href="<%=files[:diff][:filename]%>">
+                  <img class="short-screenshot img-thumbnail" src="<%=path%><%=files[:diff][:thumb]%>">
+                </a>
+                <% end %>
+                <p class="text-center">diff</p>
+              </div>
+              <div class="difference col-sm-12">
+                <% if threshold.nil? %>
+                <h4 class="text-center text-muted"><%=files[:data]%> % different<span class="compare"></span></h4>
+                <% else %>
+                <% if files[:data] > threshold %>
+                <h4 class="text-center threshold"><%=files[:data]%> % different<span class="compare"></span></h4>
+                <% else %>
+                <h4 class="text-center text-muted"><%=files[:data]%> % different<span class="compare"></span></h4>
+                <% end %>
+                <% end %>
+              </div>
+            </div>
+            <% end %>
+            <% end %>
+          </div>
+          <div class="next col-sm-1"><span></span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

data/lib/wraith/save_images.rb

@@ -37,10 +37,21 @@ class Wraith::SaveImages
   end
 
   def capture_page_image(browser, url, width, file_name, selector, global_before_capture, path_before_capture)
-    puts `"#{browser}" #{wraith.phantomjs_options} "#{wraith.snap_file}" "#{url}" "#{width}" "#{file_name}" "#{selector}" "#{global_before_capture}" "#{path_before_capture}"`
+    command = "#{browser} #{wraith.phantomjs_options} '#{wraith.snap_file}' '#{url}' '#{width}' '#{file_name}' '#{selector}' '#{global_before_capture}' '#{path_before_capture}'"
+
+    # @TODO - uncomment the following line when we add a verbose mode
+    # puts command
+    run_command command
   end
 
-  private
+  def run_command(command)
+    output = []
+    IO.popen(command).each do |line|
+      puts line
+      output << line.chomp!
+    end.close
+    output
+  end
 
   def parallel_task(jobs)
     Parallel.each(jobs, :in_threads => 8) do |_label, _path, width, url, filename, selector, global_before_capture, path_before_capture|

data/lib/wraith/thumbnails.rb

@@ -26,6 +26,6 @@ class Wraith::Thumbnails
       FileUtils.mkdir_p(File.dirname(output_path))
     end
 
-    `convert #{png_path.shellescape} -thumbnail 200 -crop 200x200+0+0 #{output_path.shellescape}`
+    `convert #{png_path.shellescape} -thumbnail 200 -crop #{wraith.thumb_width.to_s}x#{wraith.thumb_height.to_s}+0+0 #{output_path.shellescape}`
   end
 end

data/lib/wraith/version.rb

@@ -1,3 +1,3 @@
 module Wraith
-  VERSION = "2.7.0"
+  VERSION = "2.8.0"
 end

data/lib/wraith/wraith.rb

@@ -99,6 +99,33 @@ class Wraith::Wraith
     @config["threshold"] ? @config["threshold"] : 0
   end
 
+  def gallery_template
+    default = 'basic_template'
+    if @config["gallery"].nil?
+      default
+    else
+      @config["gallery"]["template"] || default
+    end
+  end
+
+  def thumb_height
+    default = 200
+    if @config["gallery"].nil?
+      default
+    else
+      @config["gallery"]["thumb_height"] || default
+    end
+  end
+
+  def thumb_width
+    default = 200
+    if @config["gallery"].nil?
+      default
+    else
+      @config["gallery"]["thumb_width"] || default
+    end
+  end
+
   def phantomjs_options
     @config["phantomjs_options"]
   end

data/templates/configs/component.yaml

@@ -49,6 +49,11 @@ history_dir: 'shots_base'
 # the directory that your latest screenshots will be stored in
 directory: 'shots'
 
+gallery:
+  template: 'slideshow_template' # 'basic_template' (default)
+  thumb_width: 200
+  thumb_height: 200
+
 # choose how results are displayed in the gallery (default is `alphanumeric` if omitted)
 # Different screen widths are always grouped together.
 # Options:

data/templates/configs/multiple_domains.yaml

@@ -45,6 +45,11 @@ history_dir: 'shots_base'
 # the directory that your latest screenshots will be stored in
 directory: 'shots'
 
+gallery:
+  template: 'slideshow_template' # 'basic_template' (default)
+  thumb_width: 200
+  thumb_height: 200
+
 # choose how results are displayed in the gallery (default is `alphanumeric` if omitted)
 # Different screen widths are always grouped together.
 # Options:

data/templates/configs/spider.yaml

@@ -1,6 +1,7 @@
 # Add as many domains as necessary. Key will act as a label
 domains:
   my_site:  "http://www.example.com"
+  my_other_site: "http://www.test.example.com"
 
 # Notice the absence of a `paths` property. When no paths are provided, Wraith defaults to
 # spidering mode to check your entire website.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: wraith
 version: !ruby/object:Gem::Version
-  version: 2.7.0
+  version: 2.8.0
 platform: ruby
 authors:
 - Dave Blooman
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-10-22 00:00:00.000000000 Z
+date: 2015-11-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: pry
@@ -196,7 +196,8 @@ files:
 - lib/wraith/crop.rb
 - lib/wraith/folder.rb
 - lib/wraith/gallery.rb
-- lib/wraith/gallery_template/gallery_template.erb
+- lib/wraith/gallery_template/basic_template.erb
+- lib/wraith/gallery_template/slideshow_template.erb
 - lib/wraith/save_images.rb
 - lib/wraith/spider.rb
 - lib/wraith/thumbnails.rb

data/lib/wraith/gallery_template/gallery_template.erb

@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
-      <style type="text/css">
-        .short-screenshot {
-          max-width: 200px;
-        }
-        .panel li{
-          word-wrap: break-word;
-        }
-      </style>
-    </head>
-    <body>
-      <div class="container">
-        <div class="row page-header">
-          <h1>List of screenshots for <%= location %> <small>taken <%= Time.now.strftime('%Y/%m/%d %H:%M:%S') %></small></h1>
-        </div>
-        <div class="row">
-          <div class="col-lg-2">
-            <div class="panel">
-              <div class="panel-heading">Screenshots:</div>
-                <ul class="list-group list-group-flush">
-                <% directories.keys.each do |dir| %>
-                  <li class="list-group-item"><a href="#<%=path%><%=dir%>"><%=dir.gsub('__', '/')%></a></li>
-                <% end %>
-              </ul>
-            </div>
-          </div>
-          <div class="col-lg-10">
-            <% directories.each do |dir, sizes| %>
-              <% sizes.to_a.sort.each do |size, files| %>
-                <div class="row">
-                  <a name="<%= dir %>"></a>
-                  <% if threshold.nil? %>
-                    <h2><%= dir.gsub('__', '/') %></h2>
-                  <% else %>
-                    <% if files[:data] > threshold %>
-                      <h2 style="color:#CC0101"><%= dir.gsub('__', '/') %> <span class="glyphicon glyphicon-remove"></span></h2>
-                    <% else %>
-                      <h2><%= dir.gsub('__', '/') %></h2>
-                    <% end %>
-                  <% end %>
-                </div>
-                <div class="row">
-                  <h3 class="col-lg-1 text-muted"><%=size%>px</h3>
-                  <% files[:variants].each do |file| %>
-                    <div class="col-lg-3">
-                      <a href="<%=file[:filename]%>">
-                        <img class="short-screenshot img-thumbnail" src="<%=path%><%=file[:thumb]%>">
-                      </a>
-                      <p class="text-center"><%=file[:name]%></p>
-                    </div>
-                  <% end %>
-                  <div class="col-lg-3">
-                  <% if files[:diff] %>
-                    <a href="<%=files[:diff][:filename]%>">
-                      <img class="short-screenshot img-thumbnail" src="<%=path%><%=files[:diff][:thumb]%>">
-                    </a>
-                  <% end %>
-                  <p class="text-center">diff</p>
-                  <% if threshold.nil? %>
-                    <p class="text-center text-muted"><%=files[:data]%> % different</p>
-                  <% else %>
-                    <% if files[:data] > threshold %>
-                      <p style="color:#CC0101" class="text-center text-muted"><%=files[:data]%> % different</p>
-                    <% else %>
-                      <p class="text-center text-muted"><%=files[:data]%> % different</p>
-                    <% end %>
-                  <% end %>
-                </div>
-              </div>
-            <% end %>
-          <% end %>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>