/pylonsapp/pylonsapp/public/index.html

https://code.google.com/p/formalchemy/ · HTML · 137 lines · 137 code · 0 blank · 0 comment · 0 complexity · 2f603f1ce01365cd7074d24a5fde9388 MD5 · raw file 

    

  1. <?xml version="1.0" encoding="UTF-8"?>
    2. 

  2. <!DOCTYPE html 
    3. 

  3.      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    4. 

  4.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    5. 

  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    6. 

  6.     <head>
    7. 

  7.         <title>Welcome to Pylons!</title>
    8. 

  8.         <style type="text/css">
    9. 

  9.             body {
    10. 

  10.                 font-family: arial, helvetica, sans-serif;
    11. 

  11.                 background-color: #ffc900;
    12. 

  12.                 background-image: url(bg.png);
    13. 

  13.                 background-repeat: repeat-x;
    14. 

  14.                 width:100%;
    15. 

  15.                 height:100%;
    16. 

  16.                 margin:0;
    17. 

  17.                 max-height: 100%;
    18. 

  18.                 padding:0;
    19. 

  19.                 border:none;
    20. 

  20.                 line-height:1.4;
    21. 

  21.             }
    22. 

  22.             #container {
    23. 

  23.                 color:white;
    24. 

  24.                 background-color:#111;
    25. 

  25.                 position: absolute;
    26. 

  26.                 left: 50%;
    27. 

  27.                 width: 500px;
    28. 

  28.                 margin-left: -300px;
    29. 

  29.                 padding:50px;
    30. 

  30.                 height:100%;
    31. 

  31.             }
    32. 

  32.             #footer {
    33. 

  33.                 margin: 120px 0 0 0;
    34. 

  34.                 padding: 3px;
    35. 

  35.                 text-align:center;
    36. 

  36.                 font-size:small;
    37. 

  37.                 background-color:#222;
    38. 

  38.                 letter-spacing: 1px;
    39. 

  39.             }
    40. 

  40.             h1 {
    41. 

  41.                 text-align:center;
    42. 

  42.                 font-size:xx-large;
    43. 

  43.                 font-weight:normal;
    44. 

  44.                 margin: 0 0 20px 0;
    45. 

  45.                 border:none;
    46. 

  46.                 padding:0;
    47. 

  47.                 letter-spacing: 5px;
    48. 

  48.             }
    49. 

  49.             h2 {
    50. 

  50.                 font-size:xx-large;
    51. 

  51.                 font-weight:normal;
    52. 

  52.                 margin: 0 0 20px 0;
    53. 

  53.                 border:none;
    54. 

  54.                 padding:0;
    55. 

  55.             }
    56. 

  56.             hr {
    57. 

  57.                 margin-bottom:30px;
    58. 

  58.                 border: 1px solid #222;
    59. 

  59.                 background-color: #222;
    60. 

  60.                 padding: 2px;
    61. 

  61.             }
    62. 

  62.             #logo {
    63. 

  63.                 background-image: url(signum8b_spk.png);
    64. 

  64.                 background-repeat: no-repeat;
    65. 

  65.                 height: 0;
    66. 

  66.                 overflow: hidden;
    67. 

  67.                 padding-top: 99px;
    68. 

  68.                 width: 239px;
    69. 

  69.             }
    70. 

  70.             #left {
    71. 

  71.                 float:left;
    72. 

  72.                 width:250px;
    73. 

  73.                 margin:0 50px 0 0;
    74. 

  74.                 border:none;
    75. 

  75.                 padding:0 0 0 10px;
    76. 

  76.             }
    77. 

  77.             #right {
    78. 

  78.                 margin:0 0 0 330px;
    79. 

  79.                 border:none;
    80. 

  80.                 padding:0;
    81. 

  81.             }
    82. 

  82.             ul {
    83. 

  83.                 list-style:none;
    84. 

  84.                 margin:0;
    85. 

  85.                 border:none;
    86. 

  86.                 padding:0;
    87. 

  87.             }
    88. 

  88.             a:visited {
    89. 

  89.                 color:white;
    90. 

  90.                 text-decoration:none;
    91. 

  91.             }
    92. 

  92.             a:link {
    93. 

  93.                 color:white;
    94. 

  94.                 text-decoration:none;
    95. 

  95.             }</style>
    96. 

  96.     </head>
    97. 

  97.     <body>
    98. 

  98.         <div id="container">
    99. 

  99.             <h1>Welcome to <img src="pylons-logo.gif" alt="Logo displaying the word Pylons"
    100. 

  100.                     style="vertical-align:-15px; width: 250px;"/>
    101. 

  101.             </h1>
    102. 

  102.             <hr/>
    103. 

  103.             <div id="left">
    104. 

  104.                 <h2>Let's begin!</h2>
    105. 

  105.                 <p>If you haven't used Pylons before, start with the <a href="http://pylonshq.com/docs/en/0.9.7/gettingstarted/"
    106. 

  106.                         style="text-decoration:underline;">beginners' tutorial</a>.</p>
    107. 

  107.             </div>
    108. 

  108.             <div id="right">
    109. 

  109.                 <h2>Help</h2>
    110. 

  110.                 <ul>
    111. 

  111.                     <li>
    112. 

  112.                         <a href="http://pylonshq.com/docs/en/0.9.7/">Official documentation</a>
    113. 

  113.                     </li>
    114. 

  114.                     <li>
    115. 

  115.                         <a href="http://wiki.pylonshq.com/display/pylonsfaq/Home">FAQ</a>
    116. 

  116.                     </li>
    117. 

  117.                     <li>
    118. 

  118.                         <a href="http://wiki.pylonshq.com/dashboard.action">Wiki</a>
    119. 

  119.                     </li>
    120. 

  120.                     <li>
    121. 

  121.                         <a href="http://wiki.pylonshq.com/display/pylonscommunity/Home#Home-JointheMailingLists">Mailing list</a>
    122. 

  122.                     </li>
    123. 

  123.                     <li>
    124. 

  124.                         <a href="http://wiki.pylonshq.com/display/pylonscommunity/Home#Home-IRC">IRC</a>
    125. 

  125.                     </li>
    126. 

  126.                     <li>
    127. 

  127.                         <a href="http://pylonshq.com/project/pylonshq/roadmap">Bug tracker</a>
    128. 

  128.                     </li>
    129. 

  129.                 </ul>
    130. 

  130.             </div>
    131. 

  131.             <div id="footer">
    132. 

  132.                 <a href="http://www.pylonshq.com" style="color: #ccc; text-decoration:none;"
    133. 

  133.                     >www.pylonshq.com</a>
    134. 

  134.             </div>
    135. 

  135.         </div>
    136. 

  136.     </body>
    137. 

  137. </html>
    138.