public/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html>
   4   <head>
   5     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   6     <title>Ruby on Rails: Welcome aboard</title>
   7     <style type="text/css" media="screen">
   8       body {
   9         margin: 0;
  10         margin-bottom: 25px;
  11         padding: 0;
  12         background-color: #f0f0f0;
  13         font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
  14         font-size: 13px;
  15         color: #333;
  16       }
  17
  18       h1 {
  19         font-size: 28px;
  20         color: #000;
  21       }
  22
  23       a  {color: #03c}
  24       a:hover {
  25         background-color: #03c;
  26         color: white;
  27         text-decoration: none;
  28       }
  29
  30
  31       #page {
  32         background-color: #f0f0f0;
  33         width: 750px;
  34         margin: 0;
  35         margin-left: auto;
  36         margin-right: auto;
  37       }
  38
  39       #content {
  40         float: left;
  41         background-color: white;
  42         border: 3px solid #aaa;
  43         border-top: none;
  44         padding: 25px;
  45         width: 500px;
  46       }
  47
  48       #sidebar {
  49         float: right;
  50         width: 175px;
  51       }
  52
  53       #footer {
  54         clear: both;
  55       }
  56
  57
  58       #header, #about, #getting-started {
  59         padding-left: 75px;
  60         padding-right: 30px;
  61       }
  62
  63
  64       #header {
  65         background-image: url("images/rails.png");
  66         background-repeat: no-repeat;
  67         background-position: top left;
  68         height: 64px;
  69       }
  70       #header h1, #header h2 {margin: 0}
  71       #header h2 {
  72         color: #888;
  73         font-weight: normal;
  74         font-size: 16px;
  75       }
  76
  77
  78       #about h3 {
  79         margin: 0;
  80         margin-bottom: 10px;
  81         font-size: 14px;
  82       }
  83
  84       #about-content {
  85         background-color: #ffd;
  86         border: 1px solid #fc0;
  87         margin-left: -11px;
  88       }
  89       #about-content table {
  90         margin-top: 10px;
  91         margin-bottom: 10px;
  92         font-size: 11px;
  93         border-collapse: collapse;
  94       }
  95       #about-content td {
  96         padding: 10px;
  97         padding-top: 3px;
  98         padding-bottom: 3px;
  99       }
 100       #about-content td.name  {color: #555}
 101       #about-content td.value {color: #000}
 102
 103       #about-content.failure {
 104         background-color: #fcc;
 105         border: 1px solid #f00;
 106       }
 107       #about-content.failure p {
 108         margin: 0;
 109         padding: 10px;
 110       }
 111
 112
 113       #getting-started {
 114         border-top: 1px solid #ccc;
 115         margin-top: 25px;
 116         padding-top: 15px;
 117       }
 118       #getting-started h1 {
 119         margin: 0;
 120         font-size: 20px;
 121       }
 122       #getting-started h2 {
 123         margin: 0;
 124         font-size: 14px;
 125         font-weight: normal;
 126         color: #333;
 127         margin-bottom: 25px;
 128       }
 129       #getting-started ol {
 130         margin-left: 0;
 131         padding-left: 0;
 132       }
 133       #getting-started li {
 134         font-size: 18px;
 135         color: #888;
 136         margin-bottom: 25px;
 137       }
 138       #getting-started li h2 {
 139         margin: 0;
 140         font-weight: normal;
 141         font-size: 18px;
 142         color: #333;
 143       }
 144       #getting-started li p {
 145         color: #555;
 146         font-size: 13px;
 147       }
 148
 149
 150       #search {
 151         margin: 0;
 152         padding-top: 10px;
 153         padding-bottom: 10px;
 154         font-size: 11px;
 155       }
 156       #search input {
 157         font-size: 11px;
 158         margin: 2px;
 159       }
 160       #search-text {width: 170px}
 161
 162
 163       #sidebar ul {
 164         margin-left: 0;
 165         padding-left: 0;
 166       }
 167       #sidebar ul h3 {
 168         margin-top: 25px;
 169         font-size: 16px;
 170         padding-bottom: 10px;
 171         border-bottom: 1px solid #ccc;
 172       }
 173       #sidebar li {
 174         list-style-type: none;
 175       }
 176       #sidebar ul.links li {
 177         margin-bottom: 5px;
 178       }
 179
 180     </style>
 181     <script type="text/javascript" src="javascripts/prototype.js"></script>
 182     <script type="text/javascript" src="javascripts/effects.js"></script>
 183     <script type="text/javascript">
 184       function about() {
 185         if (Element.empty('about-content')) {
 186           new Ajax.Updater('about-content', 'rails/info/properties', {
 187             method:     'get',
 188             onFailure:  function() {Element.classNames('about-content').add('failure')},
 189             onComplete: function() {new Effect.BlindDown('about-content', {duration: 0.25})}
 190           });
 191         } else {
 192           new Effect[Element.visible('about-content') ?
 193             'BlindUp' : 'BlindDown']('about-content', {duration: 0.25});
 194         }
 195       }
 196
 197       window.onload = function() {
 198         $('search-text').value = '';
 199         $('search').onsubmit = function() {
 200           $('search-text').value = 'site:rubyonrails.org ' + $F('search-text');
 201         }
 202       }
 203     </script>
 204   </head>
 205   <body>
 206     <div id="page">
 207       <div id="sidebar">
 208         <ul id="sidebar-items">
 209           <li>
 210             <form id="search" action="http://www.google.com/search" method="get">
 211               <input type="hidden" name="hl" value="en" />
 212               <input type="text" id="search-text" name="q" value="site:rubyonrails.org " />
 213               <input type="submit" value="Search" /> the Rails site
 214             </form>
 215           </li>
 216
 217           <li>
 218             <h3>Join the community</h3>
 219             <ul class="links">
 220               <li><a href="http://www.rubyonrails.org/">Ruby on Rails</a></li>
 221               <li><a href="http://weblog.rubyonrails.org/">Official weblog</a></li>
 222               <li><a href="http://wiki.rubyonrails.org/">Wiki</a></li>
 223             </ul>
 224           </li>
 225
 226           <li>
 227             <h3>Browse the documentation</h3>
 228             <ul class="links">
 229               <li><a href="http://api.rubyonrails.org/">Rails API</a></li>
 230               <li><a href="http://stdlib.rubyonrails.org/">Ruby standard library</a></li>
 231               <li><a href="http://corelib.rubyonrails.org/">Ruby core</a></li>
 232               <li><a href="http://guides.rubyonrails.org/">Rails Guides</a></li>
 233             </ul>
 234           </li>
 235         </ul>
 236       </div>
 237
 238       <div id="content">
 239         <div id="header">
 240           <h1>Welcome aboard</h1>
 241           <h2>You&rsquo;re riding Ruby on Rails!</h2>
 242         </div>
 243
 244         <div id="about">
 245           <h3><a href="rails/info/properties" onclick="about(); return false">About your application&rsquo;s environment</a></h3>
 246           <div id="about-content" style="display: none"></div>
 247         </div>
 248
 249         <div id="getting-started">
 250           <h1>Getting started</h1>
 251           <h2>Here&rsquo;s how to get rolling:</h2>
 252
 253           <ol>
 254             <li>
 255               <h2>Use <tt>script/generate</tt> to create your models and controllers</h2>
 256               <p>To see all available options, run it without parameters.</p>
 257             </li>
 258
 259             <li>
 260               <h2>Set up a default route and remove or rename this file</h2>
 261               <p>Routes are set up in config/routes.rb.</p>
 262             </li>
 263
 264             <li>
 265               <h2>Create your database</h2>
 266               <p>Run <tt>rake db:migrate</tt> to create your database. If you're not using SQLite (the default), edit <tt>config/database.yml</tt> with your username and password.</p>
 267             </li>
 268           </ol>
 269         </div>
 270       </div>
 271
 272       <div id="footer">&nbsp;</div>
 273     </div>
 274   </body>
 275 </html>