comparison public/index.html @ 0:4aa8194a1733

Initial.
author Edho Arief <edho@myconan.net>
date Sun, 26 Aug 2012 10:58:26 -0700
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:4aa8194a1733
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>