public/index.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Ruby on Rails: Welcome aboard</title>
   5     <style type="text/css" media="screen">
   6       body {
   7         margin: 0;
   8         margin-bottom: 25px;
   9         padding: 0;
  10         background-color: #f0f0f0;
  11         font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
  12         font-size: 13px;
  13         color: #333;
  14       }
  15
  16       h1 {
  17         font-size: 28px;
  18         color: #000;
  19       }
  20
  21       a  {color: #03c}
  22       a:hover {
  23         background-color: #03c;
  24         color: white;
  25         text-decoration: none;
  26       }
  27
  28
  29       #page {
  30         background-color: #f0f0f0;
  31         width: 750px;
  32         margin: 0;
  33         margin-left: auto;
  34         margin-right: auto;
  35       }
  36
  37       #content {
  38         float: left;
  39         background-color: white;
  40         border: 3px solid #aaa;
  41         border-top: none;
  42         padding: 25px;
  43         width: 500px;
  44       }
  45
  46       #sidebar {
  47         float: right;
  48         width: 175px;
  49       }
  50
  51       #footer {
  52         clear: both;
  53       }
  54
  55       #header, #about, #getting-started {
  56         padding-left: 75px;
  57         padding-right: 30px;
  58       }
  59
  60
  61       #header {
  62         background-image: url("assets/rails.png");
  63         background-repeat: no-repeat;
  64         background-position: top left;
  65         height: 64px;
  66       }
  67       #header h1, #header h2 {margin: 0}
  68       #header h2 {
  69         color: #888;
  70         font-weight: normal;
  71         font-size: 16px;
  72       }
  73
  74
  75       #about h3 {
  76         margin: 0;
  77         margin-bottom: 10px;
  78         font-size: 14px;
  79       }
  80
  81       #about-content {
  82         background-color: #ffd;
  83         border: 1px solid #fc0;
  84         margin-left: -55px;
  85         margin-right: -10px;
  86       }
  87       #about-content table {
  88         margin-top: 10px;
  89         margin-bottom: 10px;
  90         font-size: 11px;
  91         border-collapse: collapse;
  92       }
  93       #about-content td {
  94         padding: 10px;
  95         padding-top: 3px;
  96         padding-bottom: 3px;
  97       }
  98       #about-content td.name  {color: #555}
  99       #about-content td.value {color: #000}
 100
 101       #about-content ul {
 102         padding: 0;
 103         list-style-type: none;
 104       }
 105
 106       #about-content.failure {
 107         background-color: #fcc;
 108         border: 1px solid #f00;
 109       }
 110       #about-content.failure p {
 111         margin: 0;
 112         padding: 10px;
 113       }
 114
 115
 116       #getting-started {
 117         border-top: 1px solid #ccc;
 118         margin-top: 25px;
 119         padding-top: 15px;
 120       }
 121       #getting-started h1 {
 122         margin: 0;
 123         font-size: 20px;
 124       }
 125       #getting-started h2 {
 126         margin: 0;
 127         font-size: 14px;
 128         font-weight: normal;
 129         color: #333;
 130         margin-bottom: 25px;
 131       }
 132       #getting-started ol {
 133         margin-left: 0;
 134         padding-left: 0;
 135       }
 136       #getting-started li {
 137         font-size: 18px;
 138         color: #888;
 139         margin-bottom: 25px;
 140       }
 141       #getting-started li h2 {
 142         margin: 0;
 143         font-weight: normal;
 144         font-size: 18px;
 145         color: #333;
 146       }
 147       #getting-started li p {
 148         color: #555;
 149         font-size: 13px;
 150       }
 151
 152
 153       #sidebar ul {
 154         margin-left: 0;
 155         padding-left: 0;
 156       }
 157       #sidebar ul h3 {
 158         margin-top: 25px;
 159         font-size: 16px;
 160         padding-bottom: 10px;
 161         border-bottom: 1px solid #ccc;
 162       }
 163       #sidebar li {
 164         list-style-type: none;
 165       }
 166       #sidebar ul.links li {
 167         margin-bottom: 5px;
 168       }
 169
 170       .filename {
 171         font-style: italic;
 172       }
 173     </style>
 174     <script type="text/javascript">
 175       function about() {
 176         info = document.getElementById('about-content');
 177         if (window.XMLHttpRequest)
 178           { xhr = new XMLHttpRequest(); }
 179         else
 180           { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
 181         xhr.open("GET","rails/info/properties",false);
 182         xhr.send("");
 183         info.innerHTML = xhr.responseText;
 184         info.style.display = 'block'
 185       }
 186     </script>
 187   </head>
 188   <body>
 189     <div id="page">
 190       <div id="sidebar">
 191         <ul id="sidebar-items">
 192           <li>
 193             <h3>Browse the documentation</h3>
 194             <ul class="links">
 195               <li><a href="http://guides.rubyonrails.org/">Rails Guides</a></li>
 196               <li><a href="http://api.rubyonrails.org/">Rails API</a></li>
 197               <li><a href="http://www.ruby-doc.org/core/">Ruby core</a></li>
 198               <li><a href="http://www.ruby-doc.org/stdlib/">Ruby standard library</a></li>
 199             </ul>
 200           </li>
 201         </ul>
 202       </div>
 203
 204       <div id="content">
 205         <div id="header">
 206           <h1>Welcome aboard</h1>
 207           <h2>You&rsquo;re riding Ruby on Rails!</h2>
 208         </div>
 209
 210         <div id="about">
 211           <h3><a href="rails/info/properties" onclick="about(); return false">About your application&rsquo;s environment</a></h3>
 212           <div id="about-content" style="display: none"></div>
 213         </div>
 214
 215         <div id="getting-started">
 216           <h1>Getting started</h1>
 217           <h2>Here&rsquo;s how to get rolling:</h2>
 218
 219           <ol>
 220             <li>
 221               <h2>Use <code>rails generate</code> to create your models and controllers</h2>
 222               <p>To see all available options, run it without parameters.</p>
 223             </li>
 224
 225             <li>
 226               <h2>Set up a default route and remove <span class="filename">public/index.html</span></h2>
 227               <p>Routes are set up in <span class="filename">config/routes.rb</span>.</p>
 228             </li>
 229
 230             <li>
 231               <h2>Create your database</h2>
 232               <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>
 233             </li>
 234           </ol>
 235         </div>
 236       </div>
 237
 238       <div id="footer">&nbsp;</div>
 239     </div>
 240   </body>
 241 </html>