<!DOCTYPE html>
<html>
<head>
<title> Ruby on Rails: Welcome aboard</title>
<style type= "text/css" media= "screen" >
body {
margin : 0 ;
margin-bottom : 25px ;
padding : 0 ;
background-color : #f0f0f0 ;
font-family : "Lucida Grande" , "Bitstream Vera Sans" , "Verdana" ;
font-size : 13px ;
color : #333 ;
}
h1 {
font-size : 28px ;
color : #000 ;
}
a { color : #03c }
a :hover {
background-color : #03c ;
color : white ;
text-decoration : none ;
}
#page {
background-color : #f0f0f0 ;
width : 750px ;
margin : 0 ;
margin-left : auto ;
margin-right : auto ;
}
#content {
float : left ;
background-color : white ;
border : 3px solid #aaa ;
border-top : none ;
padding : 25px ;
width : 500px ;
}
#sidebar {
float : right ;
width : 175px ;
}
#footer {
clear : both ;
}
#header , #about , #getting-started {
padding-left : 75px ;
padding-right : 30px ;
}
#header {
background-image : url ( "/assets/rails.png" );
background-repeat : no-repeat ;
background-position : top left ;
height : 64px ;
}
#header h1 , #header h2 { margin : 0 }
#header h2 {
color : #888 ;
font-weight : normal ;
font-size : 16px ;
}
#about h3 {
margin : 0 ;
margin-bottom : 10px ;
font-size : 14px ;
}
#about-content {
background-color : #ffd ;
border : 1px solid #fc0 ;
margin-left : -55px ;
margin-right : -10px ;
}
#about-content table {
margin-top : 10px ;
margin-bottom : 10px ;
font-size : 11px ;
border-collapse : collapse ;
}
#about-content td {
padding : 10px ;
padding-top : 3px ;
padding-bottom : 3px ;
}
#about-content td .name { color : #555 }
#about-content td .value { color : #000 }
#about-content ul {
padding : 0 ;
list-style-type : none ;
}
#about-content .failure {
background-color : #fcc ;
border : 1px solid #f00 ;
}
#about-content .failure p {
margin : 0 ;
padding : 10px ;
}
#getting-started {
border-top : 1px solid #ccc ;
margin-top : 25px ;
padding-top : 15px ;
}
#getting-started h1 {
margin : 0 ;
font-size : 20px ;
}
#getting-started h2 {
margin : 0 ;
font-size : 14px ;
font-weight : normal ;
color : #333 ;
margin-bottom : 25px ;
}
#getting-started ol {
margin-left : 0 ;
padding-left : 0 ;
}
#getting-started li {
font-size : 18px ;
color : #888 ;
margin-bottom : 25px ;
}
#getting-started li h2 {
margin : 0 ;
font-weight : normal ;
font-size : 18px ;
color : #333 ;
}
#getting-started li p {
color : #555 ;
font-size : 13px ;
}
#sidebar ul {
margin-left : 0 ;
padding-left : 0 ;
}
#sidebar ul h3 {
margin-top : 25px ;
font-size : 16px ;
padding-bottom : 10px ;
border-bottom : 1px solid #ccc ;
}
#sidebar li {
list-style-type : none ;
}
#sidebar ul .links li {
margin-bottom : 5px ;
}
.filename {
font-style : italic ;
}
</style>
<script type= "text/javascript" >
function about () {
info = document . getElementById ( ' about-content ' );
if ( window . XMLHttpRequest )
{ xhr = new XMLHttpRequest (); }
else
{ xhr = new ActiveXObject ( " Microsoft.XMLHTTP " ); }
xhr . open ( " GET " , " rails/info/properties " , false );
xhr . send ( "" );
info . innerHTML = xhr . responseText ;
info . style . display = ' block '
}
</script>
</head>
<body>
<div id= "page" >
<div id= "sidebar" >
<ul id= "sidebar-items" >
<li>
<h3> Browse the documentation</h3>
<ul class= "links" >
<li><a href= "http://guides.rubyonrails.org/" > Rails Guides</a></li>
<li><a href= "http://api.rubyonrails.org/" > Rails API</a></li>
<li><a href= "http://www.ruby-doc.org/core/" > Ruby core</a></li>
<li><a href= "http://www.ruby-doc.org/stdlib/" > Ruby standard library</a></li>
</ul>
</li>
</ul>
</div>
<div id= "content" >
<div id= "header" >
<h1> Welcome aboard</h1>
<h2> You’ re riding Ruby on Rails!</h2>
</div>
<div id= "about" >
<h3><a href= "rails/info/properties" onclick= "about(); return false" > About your application’ s environment</a></h3>
<div id= "about-content" style= "display: none" ></div>
</div>
<div id= "getting-started" >
<h1> Getting started</h1>
<h2> Here’ s how to get rolling:</h2>
<ol>
<li>
<h2> Use <code> rails generate</code> to create your models and controllers</h2>
<p> To see all available options, run it without parameters.</p>
</li>
<li>
<h2> Set up a default route and remove <span class= "filename" > public/index.html</span></h2>
<p> Routes are set up in <span class= "filename" > config/routes.rb</span> .</p>
</li>
<li>
<h2> Create your database</h2>
<p> Run <code> rake db:create</code> to create your database. If you're not using SQLite (the default), edit <span class= "filename" > config/database.yml</span> with your username and password.</p>
</li>
</ol>
</div>
</div>
<div id= "footer" > </div>
</div>
</body>
</html>