Permalink
Browse files

Squishing and centering the images.

Recently, I've been trying out Pulse and testing out reading xkcd
via Pulse on the iPhone. Pulse squishes the image to ~300px and it
lets you zoom in when necessary.

I'm going to try this out for a while and see how it works.
  • Loading branch information...
1 parent 7f6d578 commit 10d6668f9cf5b176c13b1ad39594142a144886d1 @jish committed Dec 11, 2010
Showing with 7 additions and 1 deletion.
  1. +5 −0 public/css/xkcd.css
  2. +2 −1 views/index.haml
View
@@ -0,0 +1,5 @@
+
+body {
+ font-family: Arial, sans-serif;
+ text-align: center;
+}
View
@@ -4,6 +4,7 @@
%title You're welcome, you can read the title text
%meta{ :name => 'viewport', :content => 'width=320; initial-scale=1.0;' }
%link{ :rel => 'shortcut icon', :href => '/favicon.ico' }
+ %link{ :rel => 'stylesheet', :href => '/css/xkcd.css' }
%body
%h1= title
@@ -16,6 +17,6 @@
%a{ :href => "/#{@page.id + 1}" } Next
#content
- %img{ :src => source }
+ %img{ :src => source, :width => 300 }
%p= title_text

0 comments on commit 10d6668

Please sign in to comment.