site/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3
   4 <html>
   5         <head>
   6                 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   7                 <title>Sinatra : Classy web-development dressed in a DSL</title>
   8         </head>
   9
  10         <body>
  11                 <style type="text/css" media="screen">
  12                         body {
  13                                 background-color: #fff;
  14                                 color: #333;
  15                                 font-size: 0.75em;
  16                         }
  17
  18                         #container {
  19                                 width: 600px;
  20                                 margin: 0 auto;
  21                                 font-size: 1.5em;
  22                         }
  23
  24                         #container pre {
  25                                 font-size: .8em;
  26                                 background-color: #F5F6C9;
  27                                 width: 100%;
  28                         }
  29
  30                         #container note {
  31                                 font-size: .7em;
  32                         }
  33
  34                         #banner {
  35                                 width: 600px;
  36                                 text-align: center;
  37                         }
  38
  39                         pre {
  40                                 padding: 10px;
  41                         }
  42
  43                         .clear {
  44                                 clear: both;
  45                         }
  46                 </style>
  47
  48                 <div id="container">
  49                         <div id="banner">
  50                                 <img src='logo.png' />
  51                                 <h2><em>Classy web-development dressed in a DSL</em></h2>
  52                         </div>
  53                         <div class="clear"></div>
  54                         <div>
  55                                 <div>
  56                                         <p>
  57                                                 <strong>Install!</strong><br/>
  58                                                 <pre>gem install sinatra -y</pre>
  59                                         </p>
  60                                         <p>
  61                                                 <strong>Require!</strong> (any filename you wish)<br/>
  62                                                 <pre>
  63 # lyrics.rb
  64 require 'rubygems'
  65 require 'sinatra'</pre>
  66                                                 <note>yup.. that's it for a sec</note><br />
  67                                         </p>
  68                                         <p>
  69                                                 <strong>Run!</strong><br />
  70                                                 <pre>ruby lyrics.rb</pre>
  71                                         </p>
  72                                         <p>
  73                                                 <strong>Bask!</strong><br />
  74                                                 <pre>http://localhost:4567</pre>
  75                                         </p>
  76                                         <p>
  77                                                 <strong>Write!</strong>
  78                                                 <pre>
  79 get '/' do
  80   "Now that's a fine looking dame!"
  81 end</pre>
  82                                         </p>
  83                                         <p>
  84                                                 <strong>Examples!</strong><br />
  85                                                 <pre><a href="http://repo.or.cz/w/sinatra.git?a=tree;f=examples;h=fd7513e49762738ad945adbb2e15bb31528b4207;hb=HEAD">here</a></pre>
  86                                         </p>
  87                                         <p>
  88                                                 <strong>Docs!</strong><br />
  89                                                 <pre><a href="http://sinatra.rubyforge.org/doc/">here</a></pre>
  90                                         </p>
  91                                         <p>
  92                                                 <strong>Can you <a href="http://digg.com/programming/Sinatra_Classy_web_development_dressed_in_a_DSL">digg</a> it cats?</strong><br />
  93                                                 <pre><a href="http://sinatra.rubyforge.org/doc/">here</a></pre>
  94                                         </p>
  95                                         <p>
  96                                                 <strong>Contribute!</strong><br />
  97                                                 <pre><a href="http://repo.or.cz/w/sinatra.git">using git</a></pre>
  98                                         </p>
  99
 100                                 </div>
 101                         </div>
 102                 </div>
 103         </body>
 104 </html>