Basis of rails driven photo website with a Flash uploader
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

274 lines
7.3 KiB

15 years ago
  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. h1 {
  18. font-size: 28px;
  19. color: #000;
  20. }
  21. a {color: #03c}
  22. a:hover {
  23. background-color: #03c;
  24. color: white;
  25. text-decoration: none;
  26. }
  27. #page {
  28. background-color: #f0f0f0;
  29. width: 750px;
  30. margin: 0;
  31. margin-left: auto;
  32. margin-right: auto;
  33. }
  34. #content {
  35. float: left;
  36. background-color: white;
  37. border: 3px solid #aaa;
  38. border-top: none;
  39. padding: 25px;
  40. width: 500px;
  41. }
  42. #sidebar {
  43. float: right;
  44. width: 175px;
  45. }
  46. #footer {
  47. clear: both;
  48. }
  49. #header, #about, #getting-started {
  50. padding-left: 75px;
  51. padding-right: 30px;
  52. }
  53. #header {
  54. background-image: url("images/rails.png");
  55. background-repeat: no-repeat;
  56. background-position: top left;
  57. height: 64px;
  58. }
  59. #header h1, #header h2 {margin: 0}
  60. #header h2 {
  61. color: #888;
  62. font-weight: normal;
  63. font-size: 16px;
  64. }
  65. #about h3 {
  66. margin: 0;
  67. margin-bottom: 10px;
  68. font-size: 14px;
  69. }
  70. #about-content {
  71. background-color: #ffd;
  72. border: 1px solid #fc0;
  73. margin-left: -11px;
  74. }
  75. #about-content table {
  76. margin-top: 10px;
  77. margin-bottom: 10px;
  78. font-size: 11px;
  79. border-collapse: collapse;
  80. }
  81. #about-content td {
  82. padding: 10px;
  83. padding-top: 3px;
  84. padding-bottom: 3px;
  85. }
  86. #about-content td.name {color: #555}
  87. #about-content td.value {color: #000}
  88. #about-content.failure {
  89. background-color: #fcc;
  90. border: 1px solid #f00;
  91. }
  92. #about-content.failure p {
  93. margin: 0;
  94. padding: 10px;
  95. }
  96. #getting-started {
  97. border-top: 1px solid #ccc;
  98. margin-top: 25px;
  99. padding-top: 15px;
  100. }
  101. #getting-started h1 {
  102. margin: 0;
  103. font-size: 20px;
  104. }
  105. #getting-started h2 {
  106. margin: 0;
  107. font-size: 14px;
  108. font-weight: normal;
  109. color: #333;
  110. margin-bottom: 25px;
  111. }
  112. #getting-started ol {
  113. margin-left: 0;
  114. padding-left: 0;
  115. }
  116. #getting-started li {
  117. font-size: 18px;
  118. color: #888;
  119. margin-bottom: 25px;
  120. }
  121. #getting-started li h2 {
  122. margin: 0;
  123. font-weight: normal;
  124. font-size: 18px;
  125. color: #333;
  126. }
  127. #getting-started li p {
  128. color: #555;
  129. font-size: 13px;
  130. }
  131. #search {
  132. margin: 0;
  133. padding-top: 10px;
  134. padding-bottom: 10px;
  135. font-size: 11px;
  136. }
  137. #search input {
  138. font-size: 11px;
  139. margin: 2px;
  140. }
  141. #search-text {width: 170px}
  142. #sidebar ul {
  143. margin-left: 0;
  144. padding-left: 0;
  145. }
  146. #sidebar ul h3 {
  147. margin-top: 25px;
  148. font-size: 16px;
  149. padding-bottom: 10px;
  150. border-bottom: 1px solid #ccc;
  151. }
  152. #sidebar li {
  153. list-style-type: none;
  154. }
  155. #sidebar ul.links li {
  156. margin-bottom: 5px;
  157. }
  158. </style>
  159. <script type="text/javascript" src="javascripts/prototype.js"></script>
  160. <script type="text/javascript" src="javascripts/effects.js"></script>
  161. <script type="text/javascript">
  162. function about() {
  163. if (Element.empty('about-content')) {
  164. new Ajax.Updater('about-content', 'rails/info/properties', {
  165. method: 'get',
  166. onFailure: function() {Element.classNames('about-content').add('failure')},
  167. onComplete: function() {new Effect.BlindDown('about-content', {duration: 0.25})}
  168. });
  169. } else {
  170. new Effect[Element.visible('about-content') ?
  171. 'BlindUp' : 'BlindDown']('about-content', {duration: 0.25});
  172. }
  173. }
  174. window.onload = function() {
  175. $('search-text').value = '';
  176. $('search').onsubmit = function() {
  177. $('search-text').value = 'site:rubyonrails.org ' + $F('search-text');
  178. }
  179. }
  180. </script>
  181. </head>
  182. <body>
  183. <div id="page">
  184. <div id="sidebar">
  185. <ul id="sidebar-items">
  186. <li>
  187. <form id="search" action="http://www.google.com/search" method="get">
  188. <input type="hidden" name="hl" value="en" />
  189. <input type="text" id="search-text" name="q" value="site:rubyonrails.org " />
  190. <input type="submit" value="Search" /> the Rails site
  191. </form>
  192. </li>
  193. <li>
  194. <h3>Join the community</h3>
  195. <ul class="links">
  196. <li><a href="http://www.rubyonrails.org/">Ruby on Rails</a></li>
  197. <li><a href="http://weblog.rubyonrails.org/">Official weblog</a></li>
  198. <li><a href="http://wiki.rubyonrails.org/">Wiki</a></li>
  199. </ul>
  200. </li>
  201. <li>
  202. <h3>Browse the documentation</h3>
  203. <ul class="links">
  204. <li><a href="http://api.rubyonrails.org/">Rails API</a></li>
  205. <li><a href="http://stdlib.rubyonrails.org/">Ruby standard library</a></li>
  206. <li><a href="http://corelib.rubyonrails.org/">Ruby core</a></li>
  207. <li><a href="http://guides.rubyonrails.org/">Rails Guides</a></li>
  208. </ul>
  209. </li>
  210. </ul>
  211. </div>
  212. <div id="content">
  213. <div id="header">
  214. <h1>Welcome aboard</h1>
  215. <h2>You&rsquo;re riding Ruby on Rails!</h2>
  216. </div>
  217. <div id="about">
  218. <h3><a href="rails/info/properties" onclick="about(); return false">About your application&rsquo;s environment</a></h3>
  219. <div id="about-content" style="display: none"></div>
  220. </div>
  221. <div id="getting-started">
  222. <h1>Getting started</h1>
  223. <h2>Here&rsquo;s how to get rolling:</h2>
  224. <ol>
  225. <li>
  226. <h2>Use <tt>script/generate</tt> to create your models and controllers</h2>
  227. <p>To see all available options, run it without parameters.</p>
  228. </li>
  229. <li>
  230. <h2>Set up a default route and remove or rename this file</h2>
  231. <p>Routes are set up in config/routes.rb.</p>
  232. </li>
  233. <li>
  234. <h2>Create your database</h2>
  235. <p>Run <tt>rake db:migrate</tt> to create your database. If you're not using SQLite (the default), edit <tt>config/database.yml</tt> with your username and password.</p>
  236. </li>
  237. </ol>
  238. </div>
  239. </div>
  240. <div id="footer">&nbsp;</div>
  241. </div>
  242. </body>
  243. </html>