_template/base.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en">
   4 <head>
   5     <meta charset="utf-8">
   6     <meta content="IE=edge" http-equiv="X-UA-Compatible">
   7     <meta content="width=device-width, initial-scale=1" name="viewport">
   8     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
   9     <meta content="#fff" name="theme-color">
  10
  11     <title>{{title}}</title>
  12     <link href="css/open-sans.css" rel="stylesheet">
  13     <link href="css/style.css" rel="stylesheet">
  14     <link href="css/font-awesome.min.css" rel="stylesheet">
  15 </head>
  16
  17 <body>
  18     <nav class="navbar">
  19         <a href="index"><img alt="freenode" class="nlogo" src=
  20         "img/logos/coloured-alphabg.svg"></a> <a href="PIA" target=
  21         "_blank"><img alt="Private internet access" class="nlogo" src=
  22         "img/logos/PIALogo_black.svg"></a>
  23     </nav>
  24
  25
  26     <div class="container">
  27         <div class="jumbotron">
  28             <h2 class="child">Welcome to freenode, the new home of your
  29             projects.</h2>
  30
  31
  32             <div class="box-container">
  33                 <a class="box" href="about"><i class=
  34                 "fa fa-comment fa-4x"></i><br>
  35                 Chat</a> <a class="box" href="help"><i class=
  36                 "fa fa-question fa-4x"></i><br>
  37                 FAQ</a> <a class="box" href=
  38                 "contribute"><i class="fa fa-users fa-4x"></i><br>
  39                 Register a group</a>
  40             </div>
  41         </div>
  42
  43
  44         <div class="main">
  45         {% block content %}{% endblock %}
  46         </div>
  47     </div>
  48
  49
  50     <footer class="footer">
  51         <div class="footerchild">
  52             <h2>About freenode</h2>
  53
  54
  55             <ul>
  56                 <li>
  57                     <a>Vision</a>
  58                 </li>
  59
  60
  61                 <li>
  62                     <a>Mission</a>
  63                 </li>
  64
  65
  66                 <li>
  67                     <a>Philosophy</a>
  68                 </li>
  69
  70
  71                 <li>
  72                     <a>Policies</a>
  73                 </li>
  74
  75
  76                 <li>
  77                     <a>Credits</a>
  78                 </li>
  79             </ul>
  80         </div>
  81
  82
  83         <div class="footerchild">
  84             <h2>Using freenode</h2>
  85
  86
  87             <ul>
  88                 <li>
  89                     <a>Connect</a>
  90                 </li>
  91
  92
  93                 <li>
  94                     <a>Clients</a>
  95                 </li>
  96
  97
  98                 <li>
  99                     <a>Webchat</a>
 100                 </li>
 101
 102
 103                 <li>
 104                     <a>SASL</a>
 105                 </li>
 106             </ul>
 107         </div>
 108
 109
 110         <div class="footerchild">
 111             <h2>Groups/Projects</h2>
 112
 113
 114             <ul>
 115                 <li>
 116                     <a>Group Management System</a>
 117                 </li>
 118
 119
 120                 <li>
 121                     <a>Groups on freenode</a>
 122                 </li>
 123
 124
 125                 <li>
 126                     <a>How Groups Work</a>
 127                 </li>
 128             </ul>
 129         </div>
 130
 131
 132         <div class="footerchild">
 133             <h2>Support freenode</h2>
 134
 135
 136             <ul>
 137                 <li>
 138                     <a>Host a server</a>
 139                 </li>
 140             </ul>
 141         </div>
 142
 143         <div class="footerchild hdn">&nbsp;</div>
 144
 145
 146         <div class="footerchild">
 147             <h2>Social Media</h2>
 148
 149
 150             <ul>
 151                 <li>
 152                     <a href="https://plus.google.com/104326727082310562426"
 153                     target="_blank"><i class="fa fa-google-plus"></i>
 154                     Google+</a>
 155                 </li>
 156
 157
 158                 <li>
 159                     <a href="https://twitter.com/freenodestaff" target=
 160                     "_blank"><i class="fa fa-twitter"></i> Twitter</a>
 161                 </li>
 162
 163
 164                 <li>
 165                     <a href="PIA" target="_blank"><img alt="PIA" height="14px"
 166                     src="img/logos/pia-robot-original.svg"> Private Internet
 167                     Access</a>
 168                 </li>
 169             </ul>
 170         </div>
 171     </footer>
 172
 173
 174     <footer class="copyright">
 175         <a class="copyright" href=
 176         "https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
 177         "_blank"><img alt="CC by-nc-sa" height="31px" src=
 178         "img/by-nc-sa.svg"></a>
 179
 180         <p>&copy; Copyright 2002-2016, freenode</p>
 181     </footer>
 182 </body>
 183 </html>