a2daab72b79c8fcf9070a5a34edb324bd2f0ff26
[cs356-p2-videostore.git] / index.html.orig
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&rsquo;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&rsquo;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&rsquo;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">&nbsp;</div>
275     </div>
276   </body>
277 </html>