floof/public/index.html

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html
   3      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   4     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   6     <head>
   7         <title>Welcome to Pylons!</title>
   8         <style type="text/css">
   9             body {
  10                 font-family: arial, helvetica, sans-serif;
  11                 background-color: #ffc900;
  12                 background-image: url(bg.png);
  13                 background-repeat: repeat-x;
  14                 width:100%;
  15                 height:100%;
  16                 margin:0;
  17                 max-height: 100%;
  18                 padding:0;
  19                 border:none;
  20                 line-height:1.4;
  21             }
  22             #container {
  23                 color:white;
  24                 background-color:#111;
  25                 position: absolute;
  26                 left: 50%;
  27                 width: 500px;
  28                 margin-left: -300px;
  29                 padding:50px;
  30                 height:100%;
  31             }
  32             #footer {
  33                 margin: 120px 0 0 0;
  34                 padding: 3px;
  35                 text-align:center;
  36                 font-size:small;
  37                 background-color:#222;
  38                 letter-spacing: 1px;
  39             }
  40             h1 {
  41                 text-align:center;
  42                 font-size:xx-large;
  43                 font-weight:normal;
  44                 margin: 0 0 20px 0;
  45                 border:none;
  46                 padding:0;
  47                 letter-spacing: 5px;
  48             }
  49             h2 {
  50                 font-size:xx-large;
  51                 font-weight:normal;
  52                 margin: 0 0 20px 0;
  53                 border:none;
  54                 padding:0;
  55             }
  56             hr {
  57                 margin-bottom:30px;
  58                 border: 1px solid #222;
  59                 background-color: #222;
  60                 padding: 2px;
  61             }
  62             #logo {
  63                 background-image: url(signum8b_spk.png);
  64                 background-repeat: no-repeat;
  65                 height: 0;
  66                 overflow: hidden;
  67                 padding-top: 99px;
  68                 width: 239px;
  69             }
  70             #left {
  71                 float:left;
  72                 width:250px;
  73                 margin:0 50px 0 0;
  74                 border:none;
  75                 padding:0 0 0 10px;
  76             }
  77             #right {
  78                 margin:0 0 0 330px;
  79                 border:none;
  80                 padding:0;
  81             }
  82             ul {
  83                 list-style:none;
  84                 margin:0;
  85                 border:none;
  86                 padding:0;
  87             }
  88             a:visited {
  89                 color:white;
  90                 text-decoration:none;
  91             }
  92             a:link {
  93                 color:white;
  94                 text-decoration:none;
  95             }</style>
  96     </head>
  97     <body>
  98         <div id="container">
  99             <h1>Welcome to <img src="pylons-logo.gif" alt="Logo displaying the word Pylons"
 100                     style="vertical-align:-15px; width: 250px;"/>
 101             </h1>
 102             <hr/>
 103             <div id="left">
 104                 <h2>Let's begin!</h2>
 105                 <p>If you haven't used Pylons before, start with the <a href="http://pylonshq.com/docs/en/0.9.7/gettingstarted/"
 106                         style="text-decoration:underline;">beginners' tutorial</a>.</p>
 107             </div>
 108             <div id="right">
 109                 <h2>Help</h2>
 110                 <ul>
 111                     <li>
 112                         <a href="http://pylonshq.com/docs/en/0.9.7/">Official documentation</a>
 113                     </li>
 114                     <li>
 115                         <a href="http://wiki.pylonshq.com/display/pylonsfaq/Home">FAQ</a>
 116                     </li>
 117                     <li>
 118                         <a href="http://wiki.pylonshq.com/dashboard.action">Wiki</a>
 119                     </li>
 120                     <li>
 121                         <a href="http://wiki.pylonshq.com/display/pylonscommunity/Home#Home-JointheMailingLists">Mailing list</a>
 122                     </li>
 123                     <li>
 124                         <a href="http://wiki.pylonshq.com/display/pylonscommunity/Home#Home-IRC">IRC</a>
 125                     </li>
 126                     <li>
 127                         <a href="http://pylonshq.com/project/pylonshq/roadmap">Bug tracker</a>
 128                     </li>
 129                 </ul>
 130             </div>
 131             <div id="footer">
 132                 <a href="http://www.pylonshq.com" style="color: #ccc; text-decoration:none;"
 133                     >www.pylonshq.com</a>
 134             </div>
 135         </div>
 136     </body>
 137 </html>