9:00I just ran the Rails installer, and the current Rails version is 3.2.89:30Had a Skype call with Eric-Paul to explain how to installrbenvandrubybuild, which is still pretty hard to install10:00After running the Rails install i stumbled upon this Rails gem to provide easy access to HTML5 Boilerplate12:00Studying the designs to see what patterns I find12:33I tried running the application in production mode but I found out the stylesheets and javascript files weren't loading (even after I ran therake asset:precompilecommand). This is because thin doesn't server the static files. See this Stack Overflow post for more details.12:46Adding the first raw HTML output without styling in the layout file16:05I am now working through the designs, and making plain HTML pages so Eric Paul can edit the copy17:00Just created a controller for our appsapps_controllerwith two actions;indexandshowthe routes for this controller are:
match 'apps/:appname' => 'apps#show', :constraints => { :name => /(gettogether|willitfit|uberlayer)/i }
match 'apps' => 'apps#index'
18:25Got stuck on generating the blog, got this error:no implicit conversion from nil to integer.18:39Generated the Home controller and added some routes, this is my current routes file:
Website::Application.routes.draw do
match 'apps/:app' => 'apps#show', :constraints => { :name => /(gettogether|willitfit|uberlayer)/i }
match 'apps' => 'apps#index'
match 'contact' => 'contact#index'
match 'about' => 'about#index'
match 'home' => 'home#index', :path => '/'
end
19:00I found the problem!
Seems that the Rails scaffold generate generates a broken view, this is what's get generated:
<%= f.label :name %>
That gives this error: no implicit conversion from nil to integer. This can be solved if you change it to this:
<%= f.label :name, "name" %>
That's a good way to end the day!
-
07:34I am continuing with the work I started yesterday, which is getting blog posts in the website. The first thing I want is use seeds so I can insert the blog posts from our current blog into the database -
07:47Forgot to add a body column to the blog model, that's why I ran this generator
In the terminal:
rails g migration add_body_to_blogs blog:text
This generates:
class AddBodyToBlogs < ActiveRecord::Migration
def change
add_column :blogs, :body, :text
end
end
This is my current schema
ActiveRecord::Schema.define(:version => 20120814054648) do
create_table "blogs", :force => true do |t|
t.string "name"
t.string "title"
t.string "author"
t.datetime "created_at", :null => false
t.datetime "updated_at", :null => false
t.text "body"
end
end
08:04I just ran into a problem using a seed file:/db/seeds.rb:20: invalid multibyte char (US-ASCII). I solved this by putting# encoding: UTF-8at the top of my Seed file13:22Working on the CSS of the homepage
10:01I had a problem with iOS' viewport property, if you put it tocontent="width=device-width"the document becomes the extact width of the device, not the max width of the content. I fixed this with a min-width on the body.10:58Have been working on a new layout system, therefor I have been looking at Twitter Bootstrap, to see how they do it. I also changed the column widths to be in whole pixels. (full site is 762px and the margins are 24px)
This is the layout's css
.container {
width: 762px;
margin: 0 auto;
}
.row {
margin-bottom: 24px;
}
.row::after {
clear: both;
}
.row::before, .row::after {
display: table;
content: "";
}
.one-third, .half, .full {
float: left;
margin-left: 24px;
}
.one-third {
width: $column-at-one-third;
}
.half {
width: $column-at-half;
}
.full {
width: $column-at-full;
}
/** This is inspired by Twitter Bootstrap */
// For desktops
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.visible-desktop { } // Don't set initially
.hidden-phone { }
.hidden-tablet { }
.hidden-desktop { display: none !important; }
// Phones only
@media (max-width: $site-width) {
body, html {
min-width: $site-width-mobile;
}
.container {
width: $site-width-mobile;
}
.one-third, .half, .full {
width: $column-at-half;
margin-bottom: 24px;
}
.row {
margin-bottom: 0px;
}
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
}
// Bigger than phone
@media (min-width: $site-width) {
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important ; }
}
13:43Just finished the Contact page, is pretty straight forward with the css I created last week16:17Just finished the blog layout, needs some new assets though found this neat Rails trick..
Add a link with a block, so you can add HTML content
<%= link_to blog do %>
<h1><%= blog.title %></h1>
<% end %>
- Doing a lot of css coding, nothing special to tell in the diary
- Doing a lot of css coding, nothing special to tell in the diary
- Added the CarrierWave gem, to provide uploading to the app
- Setup an Heroku instance to test the applicaiton on
- Added authentication to Goodies controller and Blog controller
- Defined a method 'authenticate' in the ApplicationController for the authentication
- Added a before_filter in GoodiesController and BlogController
- Added an array with valid Admin Facebook id's (maybe I'll make an UI later)
- Scaffolded a controller and views for Images, those images can be used in Blog posts and Goodies
-
installed the [friendly_id])(https://github.com/norman/friendly_id) gem for nicer urls with blogs and goodies
-
On the server i could run the rails console, found out that the
libreadline-devwasn't installed, did this on the server to get it workingapt-get install libreadline-dev
#recompile ruby rbenv install 1.9.3-p194
#restart app touch tmp/restart.txt
rails console production