index.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. <!DOCTYPE html>
  2. <html itemscope itemtype="http://schema.org/WebPage" lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Welcome to Weber!</title>
  6. <link href="img/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
  7. <style>
  8. /* Reset */
  9. * {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. /* Default */
  14. body {
  15. font: normal 13px proxima-nova, sans-serif;
  16. color: #666;
  17. }
  18. a {
  19. color: #4c0066;
  20. }
  21. code, pre {
  22. background: #f9f9f9;
  23. border: 1px solid #ddd;
  24. border-radius: 3px;
  25. display: block;
  26. font-family: monospace;
  27. margin: 5px 0;
  28. padding: 20px 0 20px 30px;
  29. white-space: pre;
  30. }
  31. blockquote {
  32. background: #f9f9f9;
  33. border-left: 10px solid #eee;
  34. border-radius: 3px;
  35. color: #888;
  36. margin: 20px 0 20px 20px;
  37. padding: 10px 12px;
  38. quotes: "\201C""\201D""\2018""\2019";
  39. }
  40. blockquote:before {
  41. color: #ccc;
  42. content: open-quote;
  43. font-size: 55px;
  44. line-height: 1px;
  45. margin-right: 15px;
  46. vertical-align: -25px;
  47. }
  48. blockquote p {
  49. display: inline;
  50. }
  51. p {
  52. font-size: 120%;
  53. line-height: 25px;
  54. margin: 10px 0;
  55. }
  56. /* Classes */
  57. .content {
  58. margin: 0 auto;
  59. padding: 0 10px;
  60. width: 960px;
  61. }
  62. /* Structure */
  63. header:after, main:after,
  64. header:before, main:before {
  65. content: " ";
  66. display: table;
  67. }
  68. header:after, main:after {
  69. clear: both;
  70. }
  71. header {
  72. background: #4c0066;
  73. height: 150px;
  74. margin-bottom: 50px;
  75. }
  76. header .logo {
  77. border-radius: 100%;
  78. display: block;
  79. float: left;
  80. padding-top: 25px;
  81. }
  82. header .title {
  83. color: #fff;
  84. float: left;
  85. line-height: 30px;
  86. margin: 101px 0 0;
  87. text-align: right;
  88. width: 660px;
  89. }
  90. header .title h1 {
  91. font-size: 100px;
  92. }
  93. main .guide {
  94. float: right;
  95. width: 610px;
  96. }
  97. main .guide article {
  98. margin-bottom: 50px;
  99. }
  100. main .guide h3 {
  101. color: #4c0066;
  102. font-size: 150%;
  103. text-transform: uppercase;
  104. }
  105. main aside {
  106. float: left;
  107. margin-right: 50px;
  108. width: 300px;
  109. }
  110. .sidebar-box {
  111. margin: 25px 20px;
  112. }
  113. .sidebar-box h3 {
  114. font-size: 110%;
  115. margin-bottom: 5px;
  116. text-transform: uppercase;
  117. }
  118. .sidebar-box p {
  119. font-size: 90%;
  120. line-height: 100%;
  121. margin: 0;
  122. }
  123. .sidebar-box ol {
  124. background: #f9f9f9;
  125. border: 1px solid #eee;
  126. border-radius: 3px;
  127. list-style: none;
  128. }
  129. .sidebar-box ol a {
  130. border-bottom: 1px solid #eee;
  131. display: block;
  132. padding: 10px 10px;
  133. text-decoration: none;
  134. }
  135. .sidebar-box ol li:last-child a {
  136. border-bottom: none;
  137. }
  138. .sidebar-box ol a:hover {
  139. background: #f5f5f5;
  140. }
  141. li {
  142. margin-left: 20px;
  143. font-size: 120%;
  144. }
  145. h4 {
  146. font-size: 120%;
  147. }
  148. </style>
  149. </head>
  150. <body>
  151. <header role="banner">
  152. <div class="content">
  153. <a class="logo" href="http://0xAX.github.io/weber" target="_blank">
  154. <svg height="300" width="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  155. <g>
  156. <circle cx="150" cy="150" fill="#4c0066" r="147" stroke="#ffffff" stroke-width="6" />
  157. <path d="M191.75,213.42l34.57-126.24c2.39-8.71-4.36-15.78-15.08-15.78c-10.721,0-21.02,7.06-23.01,15.78l-28.82,126.24c-1.99,8.71,3.47,15.78,12.21,15.78C180.35,229.2,189.359,222.141,191.75,213.42z" fill="#ffffff" />
  158. <path d="M148.77,213.42l26.74-126.24c1.85-8.71-5.289-15.78-15.939-15.78c-10.66,0-20.47,7.06-21.92,15.78l-21.03,126.24c-1.45,8.71,4.41,15.78,13.09,15.78S146.92,222.141,148.77,213.42z" fill="#ffffff" />
  159. <path d="M106.05,213.45l4.78-31.511c1.33-8.689-5.28-15.739-14.76-15.739c-9.47,0-17.9,7.05-18.82,15.739l-3.36,31.511c-0.92,8.7,5.36,15.75,14.05,15.75C96.62,229.2,104.73,222.15,106.05,213.45z" fill="#ffffff" />
  160. </g>
  161. </svg>
  162. </a>
  163. <div class="title">
  164. <h1 style="margin-top: -20px;">Weber</h1>
  165. </div>
  166. </div>
  167. </header>
  168. <main class="content" role="main">
  169. <div class="guide">
  170. <article id="getting-started">
  171. <h3>Getting started</h3>
  172. <p>Welcome to the default <a href="https://github.com/0xAX/weber">Weber's</a> page. Weber is a MVC Rails like web framework which was built with <a href="http://elixir-lang.org/">Elixir</a> programming language. Build web applications quickly and efficiently as possible. Let's build Web with Elixir.</p>
  173. <h4>Weber features:</h4>
  174. <br/>
  175. <ul>
  176. <li>MVC web framework;</li>
  177. <li>New project generation;</li>
  178. <li>Json generation with exjson;</li>
  179. <li>Websocket support;</li>
  180. <li>HTML helpers;</li>
  181. <li>Site internationalization</li>
  182. <li>Sessions support;</li>
  183. <li>and many more</li>
  184. </ul>
  185. </article>
  186. </div>
  187. <aside role="contentinfo">
  188. <div class="sidebar-box">
  189. <h3>Links</h3>
  190. <ol>
  191. <li><a href="https://github.com/0xAX/weber">Weber source code</a></li>
  192. <li><a href="http://0xax.github.io/weber/index.html">Weber site</a></li>
  193. <li><a href="http://elixir-lang.org/">Elixir</a></li>
  194. </ol>
  195. </div>
  196. </aside>
  197. </main>
  198. </body>
  199. </html>