|
0
|
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’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’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’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"> </div>
|
|
|
239 </div>
|
|
|
240 </body>
|
|
|
241 </html>
|
