| 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://lists.rubyonrails.org/">Mailing lists</a></li> |
|---|
| 223 | <li><a href="http://wiki.rubyonrails.org/rails/pages/IRC">IRC channel</a></li> |
|---|
| 224 | <li><a href="http://wiki.rubyonrails.org/">Wiki</a></li> |
|---|
| 225 | <li><a href="http://dev.rubyonrails.org/">Bug tracker</a></li> |
|---|
| 226 | </ul> |
|---|
| 227 | </li> |
|---|
| 228 | |
|---|
| 229 | <li> |
|---|
| 230 | <h3>Browse the documentation</h3> |
|---|
| 231 | <ul class="links"> |
|---|
| 232 | <li><a href="http://api.rubyonrails.org/">Rails API</a></li> |
|---|
| 233 | <li><a href="http://stdlib.rubyonrails.org/">Ruby standard library</a></li> |
|---|
| 234 | <li><a href="http://corelib.rubyonrails.org/">Ruby core</a></li> |
|---|
| 235 | </ul> |
|---|
| 236 | </li> |
|---|
| 237 | </ul> |
|---|
| 238 | </div> |
|---|
| 239 | |
|---|
| 240 | <div id="content"> |
|---|
| 241 | <div id="header"> |
|---|
| 242 | <h1>Welcome aboard</h1> |
|---|
| 243 | <h2>You’re riding the Rails!</h2> |
|---|
| 244 | </div> |
|---|
| 245 | |
|---|
| 246 | <div id="about"> |
|---|
| 247 | <h3><a href="rails/info/properties" onclick="about(); return false">About your application’s environment</a></h3> |
|---|
| 248 | <div id="about-content" style="display: none"></div> |
|---|
| 249 | </div> |
|---|
| 250 | |
|---|
| 251 | <div id="getting-started"> |
|---|
| 252 | <h1>Getting started</h1> |
|---|
| 253 | <h2>Here’s how to get rolling:</h2> |
|---|
| 254 | |
|---|
| 255 | <ol> |
|---|
| 256 | <li> |
|---|
| 257 | <h2>Create your databases and edit <tt>config/database.yml</tt></h2> |
|---|
| 258 | <p>Rails needs to know your login and password.</p> |
|---|
| 259 | </li> |
|---|
| 260 | |
|---|
| 261 | <li> |
|---|
| 262 | <h2>Use <tt>script/generate</tt> to create your models and controllers</h2> |
|---|
| 263 | <p>To see all available options, run it without parameters.</p> |
|---|
| 264 | </li> |
|---|
| 265 | |
|---|
| 266 | <li> |
|---|
| 267 | <h2>Set up a default route and remove or rename this file</h2> |
|---|
| 268 | <p>Routes are setup in config/routes.rb.</p> |
|---|
| 269 | </li> |
|---|
| 270 | </ol> |
|---|
| 271 | </div> |
|---|
| 272 | </div> |
|---|
| 273 | |
|---|
| 274 | <div id="footer"> </div> |
|---|
| 275 | </div> |
|---|
| 276 | </body> |
|---|
| 277 | </html> |
|---|
