@@ -1,2 +1,7 @@
class HomeController < ApplicationController
+
+ def index
+ @recent_post = Post.find(:all, :limit => 1).first
+ end
+
end
app/controllers/home_controller.rb
@@ -1,4 +1,7 @@
class Category < ActiveRecord::Base
+
attr_accessible :name, :permalink
+
has_many :posts
+
end
app/models/category.rb
@@ -1,8 +1,13 @@
class Comment < ActiveRecord::Base
+
attr_accessible :post_id, :name, :email, :site_url, :content, :user_ip, :user_agent, :referrer
+
belongs_to :post
+
validates_presence_of :name, :content, :post_id
+
named_scope :recent, :order => "created_at DESC"
+
before_save :add_protocol_to_site_url
def request=(request)
app/models/comment.rb
@@ -1,11 +1,15 @@
class Post < ActiveRecord::Base
- attr_accessible :title, :content, :category_id, :active
- attr_readonly :permalink
+
+ attr_accessible :title, :content, :permalink, :category_id, :active
+ cattr_reader :per_page
+
has_many :comments, :dependent => :destroy
belongs_to :category
- validates_presence_of :title, :content
- before_create :set_permalink
- cattr_reader :per_page
+
+ validates_presence_of :title, :content, :permalink
+ validates_uniqueness_of :permalink
+
+ before_validation :generate_permalink
@@per_page = 3
@@ -27,10 +31,14 @@ class Post < ActiveRecord::Base
permalink
end
+ def content_excerpt
+ content.split("\n\n").first
+ end
+
protected
- def set_permalink
- self.permalink = title.downcase.gsub('\'', '').gsub(/[^0-9a-z]+/, ' ').strip.gsub(/\s+/, '-') if title && !permalink
+ def generate_permalink
+ self.permalink = title.downcase.gsub('\'', '').gsub(/[^0-9a-z]+/, ' ').strip.gsub(/\s+/, '-')
end
end
app/models/post.rb
@@ -221,6 +221,14 @@ div.post.home
p:last-child
margin-bottom: 0
+p.more
+ margin: -1em 0 0
+ a
+ font-size: 0.9em
+ text-decoration: none
+ a:hover
+ text-decoration: underline
+
// Posts
div.post
background= image_url("dash.png") "no-repeat bottom center"
app/stylesheets/application.sass
@@ -2,29 +2,43 @@
<div class="two-columns left" style="margin-bottom:2em">
<div>
- <div class="post home">
- <h2><%= link_to "Recent Post: Moving to Dallas", blog_url %></h2>
- <p class="meta"><%= link_to "Posted 10 days ago", blog_url %></p>
- <p>I'm moving to Dallas. For real. I know I've said I'm moving here and there over the past few months, but I already have a place to live and such in Dallas so it's official this time...<br /><%= link_to "Read post »", blog_url %></p>
+ <% div_for @recent_post, :class => "post home" do %>
+ <div class="title clear">
+ <h2><%= link_to h(@recent_post.title), @recent_post %></h2>
+ <p class="meta">
+ Posted <%= link_to "#{time_ago_in_words(@recent_post.created_at)} ago", @recent_post %>
+ <%- if @recent_post.category_id -%>
+ in <%= link_to @recent_post.category.name, @recent_post.category %>
+ <%- end -%>
+ </p>
</div>
+ <div class="content">
+ <%= markdown @recent_post.content_excerpt %>
+ <p class="more"><%= link_to "Read more »", @recent_post %>
+ </div>
+ <% end %>
</div>
<div>
<h3>About Me</h3>
- <p>My name is Sam Soffes. I create amazing iPhone, Mac, and web software (or anything you could ever imagine) at Tasteful Works.<br /><%= link_to "Read more »", about_url %></p>
+ <p>My name is Sam Soffes. I create amazing iPhone, Mac, and web software (or anything you could ever imagine) at Tasteful Works.</p>
+ <p class="more"><%= link_to "Read more »", about_url %></p>
</div>
</div>
<div class="three-columns">
<div>
<h3>Recent Music</h3>
- <p>I released a song a couple of weeks ago. I've been kinda busy, but I really wanted to get some feels out.<br /><%= link_to "Listen »", music_url %></p>
+ <p>I released a song a couple of weeks ago. I've been kinda busy, but I really wanted to get some feels out.</p>
+ <p class="more"><%= link_to "Listen »", music_url %></p>
</div>
<div>
<h3>Recent Code</h3>
- <p>Lately I've been working on my blog a lot. I moved it back to Rails so I can play with it.<br /><%= link_to "Read post »", blog_url %></p>
+ <p>Lately I've been working on my blog a lot. I moved it back to Rails so I can play with it.</p>
+ <p class="more"><%= link_to "Read post »", blog_url %></p>
</div>
<div>
<h3>Current Project</h3>
- <p>I'm currently working on some fun little holiday apps at Tasteful Works.<br /><%= link_to "Read post »", blog_url %></p>
+ <p>I'm currently working on some fun little holiday apps at Tasteful Works.</p>
+ <p class="more"><%= link_to "Read post »", blog_url %></p>
</div>
</div>
app/views/home/index.html.erb
@@ -1,4 +1,4 @@
-Factory.define :post do |f|
- f.title "Lorem Ipsum"
- f.content "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
-end
+# Factory.define :post do |f|
+# f.title "Lorem Ipsum"
+# f.content "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+# end
features/factories.rb
@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}.clear:after{clear:both;content:" ";display:block;height:0;zoom:1}body{background:#fff;font-size:17px}body *{line-height:1.6em}body,input,textarea{color:#333333;font-family:HelveticaNeue-Light,HelveticaNeue,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300}a{color:#2e80d3}strong{font-weight:bold}em{background-color:#fffeca;padding:0 0.2em}abbr{border-bottom:1px dashed;cursor:help}p{line-height:1.5em;margin:0 0 1em}blockquote{border-left:5px solid #ddd;color:#777;margin:0 0 1em;padding-left:1em}blockquote a{color:#777}small{font-size:0.8em;color:#999;margin-left:0.2em}small a{color:#444}small a:hover{color:#2e80d3}pre{background-color:#f8f8ff;border:1px solid #dedede;color:#444;font-family:"Monaco", Courier, monospace;font-size:0.8em;line-height:1.5em;margin:0 0 2em;overflow:auto;padding:0.5em}pre code{background-color:#f8f8ff;border:medium none;font-size:1em;padding:0}code{background-color:#f8f8ff;border:1px solid #dedede;color:#444;font-size:0.9em;padding:0 0.2em;font-family:"Monaco", Courier, monospace;font-size:0.8em}h2{color:#3aa608;font-size:24px;font-family:HelveticaNeue-Light,HelveticaNeue,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:4px}h3{font-size:1.3em;margin-bottom:0.2em;color:#e87b11}h4{font-size:0.9em;color:#555}div.flash{border:1px solid;font-size:0.95em;padding:0.75em 1em;margin-bottom:1em}div.flash.notice{background-color:#d4ffd4;border-color:#78d478}div.wrapper{width:720px;margin:0 auto 30px}div.two-columns.left > div{float:left;width:230px;margin-right:20px}div.two-columns.left > div:first-child{width:470px}div.two-columns.left > div:last-child{margin-right:0}div.three-columns > div{float:left;width:230px;margin-right:20px}div.three-columns > div:nth-child(2){width:220px}div.three-columns > div:last-child{margin-right:0}div.two-columns:after,div.three-columns:after{clear:both;content:" ";display:block;height:0;zoom:1}div#header{margin:40px 0 60px;line-height:1em}div#header h1{margin:0 0 10px;width:245px;height:32px}div#header h1 a{display:block;width:245px;height:32px;border:0;background:url('/images/text.png?1257664082') no-repeat;text-indent:-9009em}div#header h2{border:0;padding:0;margin:0;width:245px;height:17px;background:url('/images/text.png?1257664082') no-repeat 0 -47px;text-indent:-9009em}div#header ul{display:none;float:right;font-size:17px;margin:30px 0 0;text-transform:lowercase}div#header ul li{float:left;list-style:none;margin:0 0 0 1.7em;padding:0}div#header ul li a{background:transparent no-repeat 0 5px;padding-left:22px;border:0}div#header ul .blog a{background-image:url('/images/blog.png?1252438994');color:#e16f09}div#header ul .music a{background-image:url('/images/music.png?1252438994');color:#121212}div#header ul .about a{background-image:url('/images/about.png?1252438994');color:#276abd}div#header ul li:first-child{margin-left:0}div#header h3{font-family:HelveticaNeue-Light,HelveticaNeue,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;margin:15px 0 0;text-align:center;padding:0;opacity:0.7}div#header h3 a{color:#2f2f2f;border:0}div#header h3 a.music{color:#34778f}div#header h3 a:hover{border-bottom:1px solid}div#header:after{clear:both;content:" ";display:block;height:0;zoom:1}div#footer{color:#aaa;margin:0 auto 2em;padding:0;font-size:0.85em;text-align:center}div#footer a{color:#aaa;text-decoration:none}div#footer a:hover{color:#2e80d3;text-decoration:underline}div.post.home{background:#f3f1ed;border-top:1px solid #cdcdcd;padding:10px}div.post.home p:last-child{margin-bottom:0}div.post{background:url('/images/dash.png') no-repeat bottom center;padding-bottom:2em;margin-bottom:2em}div.post h2{margin-bottom:0}div.post h2 a{color:#3aa608;text-decoration:none}div.post h2 a:hover{text-decoration:underline}div.post p.meta{color:#9b8969;margin-bottom:12px;font-size:0.9em;text-transform:lowercase;margin-bottom:0.3em}div.post p.meta a{color:#9b8969;text-decoration:none}div.post p.meta a:hover{text-decoration:underline}div.post ul,div.post ol{margin:0 0 2em 0.5em}div.post ul li,div.post ol li{margin-left:1em}div.post ul li{list-style:disc}div.post ol li{list-style:decimal}div.post div.video{background:#fff;padding:20px;text-align:center;margin-bottom:1em}div.post div.hd-video{background:#ddd;padding:1.5em 0;text-align:center}div.pagination{text-align:center}div.pagination a,div.pagination span{padding:2px 6px;margin-right:0.2em}div.pagination a{border:2px solid #bbbbbb;text-decoration:none}div.pagination a:hover{text-decoration:none;background:#2e80d3;border-color:#2e80d3;color:#fff;text-shadow:none}div.pagination a.next_page,div.pagination a.prev_page{border:0}div.pagination a.next_page:hover,div.pagination a.prev_page:hover{background:none;border:0;text-decoration:underline;color:#2e80d3}div.pagination span{border:2px solid #bbbbbb}div.pagination span.disabled{color:#ccc;border-color:transparent}div.pagination span.current{background:#eee;color:#333;border:2px solid white}form input,form textarea{font-size:1em}form dl{margin-bottom:1em}form dd{margin-bottom:1em}form input[type=text],form input[type=password],form textarea{background-color:#fff;border-color:#666 #ccc #ccc;border-style:solid;border-width:1px;color:#000;padding:2px;margin:1px}form input[type=text]:focus,form input[type=password]:focus,form textarea:focus{border:2px solid #9b8969;outline:0;margin:0}form input[type=text].error,form input[type=password].error,form textarea.error{background-color:#fdeeee;border-color:#dc4747 #f59e9e #f59e9e}form input[type=text].error:focus,form input[type=password].error:focus,form textarea.error:focus{border-color:#dc4747}form input[type=text],form input[type=password]{width:12em}form textarea{width:24em;height:6em}div#comments_container{margin-bottom:2em}div#comments_container h2.no-comments{color:#aaa}div#comments_container ul{margin:0}div#comments_container ul > li{list-style:none;padding:0;margin:0 0 2em}div#comments_container ul > li div.content{font-size:0.9em}form#new_comment{background:#f3f1ed;border-top:1px solid #cdcdcd;padding:20px}form#new_comment h2{margin-top:0;padding-top:0}form#new_comment p:last-child{margin-bottom:0}form#new_comment input[type=submit]{float:left}form#new_comment .loading{float:left;margin-top:10px}.loading{display:block;background:url('/images/dots-white.gif?1252438994') no-repeat left;padding-left:29px;font-size:0.9em;color:#555;width:21px;height:5px}
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}.clear:after{clear:both;content:" ";display:block;height:0;zoom:1}body{background:#fff;font-size:17px}body *{line-height:1.6em}body,input,textarea{color:#333333;font-family:HelveticaNeue-Light,HelveticaNeue,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300}a{color:#2e80d3}strong{font-weight:bold}em{background-color:#fffeca;padding:0 0.2em}abbr{border-bottom:1px dashed;cursor:help}p{line-height:1.5em;margin:0 0 1em}blockquote{border-left:5px solid #ddd;color:#777;margin:0 0 1em;padding-left:1em}blockquote a{color:#777}small{font-size:0.8em;color:#999;margin-left:0.2em}small a{color:#444}small a:hover{color:#2e80d3}pre{background-color:#f8f8ff;border:1px solid #dedede;color:#444;font-family:"Monaco", Courier, monospace;font-size:0.8em;line-height:1.5em;margin:0 0 2em;overflow:auto;padding:0.5em}pre code{background-color:#f8f8ff;border:medium none;font-size:1em;padding:0}code{background-color:#f8f8ff;border:1px solid #dedede;color:#444;font-size:0.9em;padding:0 0.2em;font-family:"Monaco", Courier, monospace;font-size:0.8em}h2{color:#3aa608;font-size:24px;font-family:HelveticaNeue-Light,HelveticaNeue,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:4px}h3{font-size:1.3em;margin-bottom:0.2em;color:#e87b11}h4{font-size:0.9em;color:#555}div.flash{border:1px solid;font-size:0.95em;padding:0.75em 1em;margin-bottom:1em}div.flash.notice{background-color:#d4ffd4;border-color:#78d478}div.wrapper{width:720px;margin:0 auto 30px}div.two-columns.left > div{float:left;width:230px;margin-right:20px}div.two-columns.left > div:first-child{width:470px}div.two-columns.left > div:last-child{margin-right:0}div.three-columns > div{float:left;width:230px;margin-right:20px}div.three-columns > div:nth-child(2){width:220px}div.three-columns > div:last-child{margin-right:0}div.two-columns:after,div.three-columns:after{clear:both;content:" ";display:block;height:0;zoom:1}div#header{margin:40px 0 60px;line-height:1em}div#header h1{margin:0 0 10px;width:245px;height:32px}div#header h1 a{display:block;width:245px;height:32px;border:0;background:url('/images/text.png?1257664082') no-repeat;text-indent:-9009em}div#header h2{border:0;padding:0;margin:0;width:245px;height:17px;background:url('/images/text.png?1257664082') no-repeat 0 -47px;text-indent:-9009em}div#header ul{display:none;float:right;font-size:17px;margin:30px 0 0;text-transform:lowercase}div#header ul li{float:left;list-style:none;margin:0 0 0 1.7em;padding:0}div#header ul li a{background:transparent no-repeat 0 5px;padding-left:22px;border:0}div#header ul .blog a{background-image:url('/images/blog.png?1252438994');color:#e16f09}div#header ul .music a{background-image:url('/images/music.png?1252438994');color:#121212}div#header ul .about a{background-image:url('/images/about.png?1252438994');color:#276abd}div#header ul li:first-child{margin-left:0}div#header h3{font-family:HelveticaNeue-Light,HelveticaNeue,'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;margin:15px 0 0;text-align:center;padding:0;opacity:0.7}div#header h3 a{color:#2f2f2f;border:0}div#header h3 a.music{color:#34778f}div#header h3 a:hover{border-bottom:1px solid}div#header:after{clear:both;content:" ";display:block;height:0;zoom:1}div#footer{color:#aaa;margin:0 auto 2em;padding:0;font-size:0.85em;text-align:center}div#footer a{color:#aaa;text-decoration:none}div#footer a:hover{color:#2e80d3;text-decoration:underline}div.post.home{background:#f3f1ed;border-top:1px solid #cdcdcd;padding:10px}div.post.home p:last-child{margin-bottom:0}p.more{margin:-1em 0 0}p.more a{font-size:0.9em;text-decoration:none}p.more a:hover{text-decoration:underline}div.post{background:url('/images/dash.png') no-repeat bottom center;padding-bottom:2em;margin-bottom:2em}div.post h2{margin-bottom:0}div.post h2 a{color:#3aa608;text-decoration:none}div.post h2 a:hover{text-decoration:underline}div.post p.meta{color:#9b8969;margin-bottom:12px;font-size:0.9em;text-transform:lowercase;margin-bottom:0.3em}div.post p.meta a{color:#9b8969;text-decoration:none}div.post p.meta a:hover{text-decoration:underline}div.post ul,div.post ol{margin:0 0 2em 0.5em}div.post ul li,div.post ol li{margin-left:1em}div.post ul li{list-style:disc}div.post ol li{list-style:decimal}div.post div.video{background:#fff;padding:20px;text-align:center;margin-bottom:1em}div.post div.hd-video{background:#ddd;padding:1.5em 0;text-align:center}div.pagination{text-align:center}div.pagination a,div.pagination span{padding:2px 6px;margin-right:0.2em}div.pagination a{border:2px solid #bbbbbb;text-decoration:none}div.pagination a:hover{text-decoration:none;background:#2e80d3;border-color:#2e80d3;color:#fff;text-shadow:none}div.pagination a.next_page,div.pagination a.prev_page{border:0}div.pagination a.next_page:hover,div.pagination a.prev_page:hover{background:none;border:0;text-decoration:underline;color:#2e80d3}div.pagination span{border:2px solid #bbbbbb}div.pagination span.disabled{color:#ccc;border-color:transparent}div.pagination span.current{background:#eee;color:#333;border:2px solid white}form input,form textarea{font-size:1em}form dl{margin-bottom:1em}form dd{margin-bottom:1em}form input[type=text],form input[type=password],form textarea{background-color:#fff;border-color:#666 #ccc #ccc;border-style:solid;border-width:1px;color:#000;padding:2px;margin:1px}form input[type=text]:focus,form input[type=password]:focus,form textarea:focus{border:2px solid #9b8969;outline:0;margin:0}form input[type=text].error,form input[type=password].error,form textarea.error{background-color:#fdeeee;border-color:#dc4747 #f59e9e #f59e9e}form input[type=text].error:focus,form input[type=password].error:focus,form textarea.error:focus{border-color:#dc4747}form input[type=text],form input[type=password]{width:12em}form textarea{width:24em;height:6em}div#comments_container{margin-bottom:2em}div#comments_container h2.no-comments{color:#aaa}div#comments_container ul{margin:0}div#comments_container ul > li{list-style:none;padding:0;margin:0 0 2em}div#comments_container ul > li div.content{font-size:0.9em}form#new_comment{background:#f3f1ed;border-top:1px solid #cdcdcd;padding:20px}form#new_comment h2{margin-top:0;padding-top:0}form#new_comment p:last-child{margin-bottom:0}form#new_comment input[type=submit]{float:left}form#new_comment .loading{float:left;margin-top:10px}.loading{display:block;background:url('/images/dots-white.gif?1252438994') no-repeat left;padding-left:29px;font-size:0.9em;color:#555;width:21px;height:5px}
public/stylesheets/application.css
fa46a02052d4b47ea865af34c08e2430f1167bbe
Sam Soffes
sam@samsoff.es
http://github.com/samsoffes/samsoff.es/commit/815d3a2dde16ecbfd41ba134a0a0b7a24cd66c4d
815d3a2dde16ecbfd41ba134a0a0b7a24cd66c4d
2009-11-08T14:39:42-08:00
2009-11-08T14:39:42-08:00
Updated home page and fought with cucumber
34c8ef26125053f1dc9968fdd4875f74ce1fc453
Sam Soffes
sam@samsoff.es