git.squeep.com Git - akkoma/blob - lib/pleroma/web/templates/layout/app.html.eex

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset=utf-8 />
   5     <title>
   6     <%= Application.get_env(:pleroma, :instance)[:name] %>
   7     </title>
   8     <style>
   9       body {
  10         background-color: #282c37;
  11         font-family: sans-serif;
  12         color:white;
  13         text-align: center;
  14       }
  15
  16       .container {
  17         margin: 50px auto;
  18         max-width: 320px;
  19         padding: 0;
  20         padding: 40px 40px 40px 40px;
  21         background-color: #313543;
  22         border-radius: 4px;
  23       }
  24
  25       h1 {
  26         margin: 0;
  27       }
  28
  29       h2 {
  30         color: #9baec8;
  31         font-weight: normal;
  32         font-size: 20px;
  33         margin-bottom: 40px;
  34       }
  35
  36       form {
  37         width: 100%;
  38       }
  39
  40       input {
  41         box-sizing: border-box;
  42         width: 100%;
  43         padding: 10px;
  44         margin-top: 20px;
  45         background-color: rgba(0,0,0,.1);
  46         color: white;
  47         border: 0;
  48         border-bottom: 2px solid #9baec8;
  49         font-size: 14px;
  50       }
  51
  52       input:focus {
  53         border-bottom: 2px solid #4b8ed8;
  54       }
  55
  56       button {
  57         box-sizing: border-box;
  58         width: 100%;
  59         color: white;
  60         background-color: #419bdd;
  61         border-radius: 4px;
  62         border: none;
  63         padding: 10px;
  64         margin-top: 30px;
  65         text-transform: uppercase;
  66         font-weight: 500;
  67         font-size: 16px;
  68       }
  69     </style>
  70   </head>
  71   <body>
  72     <div class="container">
  73       <h1>Pleroma</h1>
  74       <%= render @view_module, @view_template, assigns %>
  75     </div>
  76   </body>
  77 </html>