Update

Author: Kevin Gisi

.gems

@@ -0,0 +1,3 @@
+haml --version 2.2.17
+rmagick
+open-uri

app.rb

@@ -1,6 +1,22 @@
 require 'rubygems'
 require 'sinatra'
+require 'open-uri'
+require 'lib/mutable_image'
+require 'haml'
+require 'sass/plugin/rack'
+use Sass::Plugin::Rack
 
 get '/' do
-  "Hello, world!"
+  haml :index
+end
+
+get '/image.png' do
+  send_file 'tmp/image.png', :disposition => 'inline'
+end
+
+post '/' do
+  @image = MutableImage.new(params[:image_url])
+  @image.send(params[:task]) if params[:task]
+  @generated = @image.save_to('tmp/image.png')
+  haml :index
 end

lib/mutable_image.rb

@@ -0,0 +1,62 @@
+require 'rubygems'
+require 'open-uri'
+require 'RMagick'
+
+class MutableImage
+
+  def initialize(url)
+    @image = Magick::Image.from_blob(open(url).read).first
+    @image.format = 'png'
+  end
+
+  def valid?
+    !@image.nil?
+  end
+
+  def none
+  end
+
+  def save_to(file)
+    return nil unless valid?
+    begin
+      File.open(file,'w') do |f|
+        f.write(@image.to_blob)
+      end
+    rescue
+      return nil
+    end
+  end
+
+  def spread
+    @image = @image.spread(3.0)
+  end
+
+  def flip_vertical
+    @image = @image.flip
+  end
+
+  def flip_horizontal
+    @image = @image.flop
+  end
+
+  def frame
+    @image = @image.frame
+  end
+
+  def blur
+    @image = @image.gaussian_blur
+  end
+
+  def wet_floor
+    images = Magick::ImageList.new
+    images << @image
+    images << @image.wet_floor(0.5,2.0)
+    @image = images.append(true)
+  end
+
+  def polaroid
+    @image[:caption] = "Great Times at RubyCamp 2010"
+    @image = @image.polaroid
+  end
+
+end

public/stylesheets/sass/style.sass

@@ -0,0 +1,24 @@
+=pane
+  float: left
+  width: 50%
+  padding: 10px 0
+
+body
+  background-color: #aaa
+
+#wrapper
+  background-color: #fff
+  width: 920px
+  margin: 0 auto
+  #header
+    border-bottom: 1px solid #ccc
+  #main
+    #left_pane
+      +pane
+    #right_pane
+      +pane
+      img
+        width: 100%
+  #footer
+    clear: both
+    border-top: 1px solid #ccc

public/stylesheets/style.css

@@ -0,0 +1,22 @@
+body {
+  background-color: #aaa; }
+
+#wrapper {
+  background-color: #fff;
+  width: 920px;
+  margin: 0 auto; }
+  #wrapper #header {
+    border-bottom: 1px solid #ccc; }
+  #wrapper #main #left_pane {
+    float: left;
+    width: 50%;
+    padding: 10px 0; }
+  #wrapper #main #right_pane {
+    float: left;
+    width: 50%;
+    padding: 10px 0; }
+    #wrapper #main #right_pane img {
+      width: 100%; }
+  #wrapper #footer {
+    clear: both;
+    border-top: 1px solid #ccc; }

tmp/image.png

@@ -0,0 +1,50 @@
+!!!
+%html{:lang=>"en-US"}
+  %head
+    %link{:rel=>"stylesheet",:href=>"/stylesheets/style.css"}
+    %meta{'http-equiv' => 'Content-Type',
+      :content => 'text/html; charset=utf-8'}
+    %title
+      Image Tweak
+  %body
+    #wrapper
+      #header
+        %h1
+          Image Tweak
+      #main
+        #left_pane
+          %form{:method=>"post"}
+            %table
+              %tr
+                %td
+                  Image URL:
+                %td
+                  %input{:type=>"text",:name=>"image_url"}
+              %tr
+                %td
+                  Effect
+                %td
+                  %select{:name=>"task"}
+                    %option{:value=>"none"}
+                      None
+                    %option{:value=>"spread"}
+                      Spread
+                    %option{:value=>"flip_vertical"}
+                      Flip vertically
+                    %option{:value=>"flip_horizontal"}
+                      Flip horizontally
+                    %option{:value=>"frame"}
+                      Frame
+                    %option{:value=>"blur"}
+                      Blur
+                    %option{:value=>"wet_floor"}
+                      Wet floor
+                    %option{:value=>"polaroid"}
+                      Polaroid
+            %p
+              %input{:type=>"submit",:value=>"Tweak Image"}
+        #right_pane
+          -if @generated
+            %img{:src=>"/image.png"}
+      #footer
+        Copyright © 2010