templates/theme.html
author Reimar Bauer <rb.proj AT googlemail DOT com>
Fri, 17 Jan 2014 17:07:11 +0100
branchlanding-page-2014
changeset 93 08058a9475d4
parent 78 b28d5c14c5c2
permissions -rw-r--r--
landing-page-2014 closed
     1 <!DOCTYPE html>
     2 <html lang="en"><head>
     3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     4     <meta charset="utf-8">
     5     <!--meta http-equiv="X-UA-Compatible" content="IE=edge"-->
     6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     7     <meta name="description" content="">
     8     <meta name="author" content="">
     9     <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico')}}">
    10 
    11     <title>pymove3D -- 2014</title>
    12 
    13     <!-- Bootstrap core CSS -->
    14     <link href="/static/css/bootstrap.css" rel="stylesheet">
    15 
    16     <!-- Just for debugging purposes. Don't actually copy this line! -->
    17     <!--[if lt IE 9]><script src="/static/js/ie8-responsive-file-warning.js"></script><![endif]-->
    18 
    19     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    20     <!--[if lt IE 9]>
    21       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    22       <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    23     <![endif]-->
    24   </head>
    25 
    26 <body>
    27   <div id="wrap">
    28     <header>
    29      <!-- Fixed navbar -->
    30       <div class="navbar navbar-default" role="navigation">
    31         <div class="container">
    32           <div class="navbar-header">
    33             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    34               <span class="sr-only">Toggle navigation</span>
    35               <span class="icon-bar"></span>
    36               <span class="icon-bar"></span>
    37               <span class="icon-bar"></span>
    38             </button>
    39             <a class="navbar-brand" href="/"><img class="logo" src="/static/images/PyMove3D.png" title="PyMove3D" alt="logo pymove3d" /></a>
    40           </div>
    41           <div class="collapse navbar-collapse">
    42             <ul class="nav navbar-nav">
    43              {% for href, caption in [('/competition', 'Competition'),
    44            ('/task', 'Task'),
    45            ('/submission', 'Submission'),
    46            ('/coursematerial', 'Coursematerial'),
    47            ]:
    48            %}
    49            {%- if href[1:] == act -%} 
    50            <li class="active">{% else %} <li>{% endif %}<a href="{{ href }}" >{{ caption }}</a></li>
    51            {% endfor %}
    52             </ul>
    53             <ul class="nav navbar-nav navbar-right">
    54             <li class="active"><a href="./"> <img class="flags" src="/static/images/flags/de.png" alt="deutsch" />
    55 </a></li>
    56             <li><a href="../navbar-static-top/"><img class ="flags" src="/static/images/flags/gb.png" alt="english" />
    57 </a></li>
    58             <li><a href="../navbar-fixed-top/"><img class="flags" src="/static/images/flags/it.png" alt="italiano" />
    59 </a></li>
    60           </ul>
    61           </div><!--/.nav-collapse -->
    62         </div>
    63       </div>
    64     </header>
    65       <div id="main">
    66         <div class="course">
    67            <div class="container">
    68             <div class="col-sm-8"> {% block jumbotron %}{% endblock %}</div>
    69             <div class="col-sm-4">
    70               <div class="well">
    71                 <img class="img" src="/static/images/jt-coursematerial.png" alt="bild" />
    72               </div>
    73             </div>
    74             <div class="col-sm-4">
    75               <div class="panel panel-default">
    76                 <div class="panel-heading">
    77                   <h3 class="panel-title"> {% block body %}{% endblock %}</h3>
    78                 </div>
    79                 <div class="panel-body">
    80                   The competition will start on 01.01.2014
    81                 </div>
    82               </div>
    83             </div>
    84             <div class="col-sm-4">
    85               <div class="panel panel-default">
    86                 <div class="panel-heading">
    87                   <h3 class="panel-title">Python software Verband</h3>
    88                 </div>
    89                 <div class="panel-body">
    90                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    91                   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    92                   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    93                   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    94                   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    95                   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    96                 </div>
    97               </div>
    98             </div>
    99             <div class="col-sm-4">
   100               <div class="panel panel-default">
   101                 <div class="panel-heading">
   102                   <h3 class="panel-title">Fragen</h3>
   103                 </div>
   104                 <div class="panel-body">
   105                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   106                   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   107                   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   108                   consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   109                   cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   110                   proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   111                 </div>
   112               </div>
   113             </div>
   114           </div>
   115         </div><!-- course -->
   116         <div class="themen">
   117            <div class="container">
   118              <div class="col-sm-12">
   119               <h1>Stimmen</h1>
   120               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   121               tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   122               quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   123               consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
   124               cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
   125               proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
   126             </div>
   127             </div>
   128         
   129         </div>
   130         <div class="partner">
   131            <div class="container">
   132              <div class="col-sm-12">
   133               <h1>Sponsoren</h1>
   134               <ul class="list-inline">
   135                 <li><a href="">Logo</a></li>
   136                  <li><a href="">Logo</a></li>
   137                   <li><a href="">Logo</a></li>
   138                    <li><a href="">Logo</a></li>
   139                     <li><a href="">Logo</a></li>
   140                      <li><a href="">Logo</a></li>
   141               </ul>
   142             </div>
   143             </div>
   144         
   145         </div>
   146 
   147     <div class="container">
   148 <p style="text-align:right;padding-right:20px;font-size:.7em;">
   149 <a href="/datenschutzerklaerung">Datenschutzerklärung</a>
   150 <a href="/impressum">Impressum</a></p>
   151       <!-- Static navbar -->
   152       <div class="navbar navbar-default" role="navigation">
   153         <div class="navbar-header">
   154           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
   155             <span class="sr-only">Toggle navigation</span>
   156             <span class="icon-bar"></span>
   157             <span class="icon-bar"></span>
   158             <span class="icon-bar"></span>
   159           </button>
   160           <a class="navbar-brand" href="/">pymove3D -- 2014</a>
   161         </div>
   162         <div class="navbar-collapse collapse">
   163           <ul class="nav navbar-nav navbar-right">
   164              {% for href, caption in [('/competition', 'Wettbewerb'),
   165 	                          ('/task', 'Aufgabe'),
   166                                   ('/submission', 'Einreichung'),
   167 	                          ('/coursematerial', 'Kursmaterial'),
   168 	  ]:
   169 	  %}
   170           {%- if href[1:] == act -%} 
   171           <li class="active">{% else %} <li>{% endif %}<a href="{{ href }}" >{{ caption }}</a></li>
   172           {% endfor %}
   173           </ul>
   174         </div><!--/.nav-collapse -->
   175       </div>
   176 
   177       <!-- Main component for a primary marketing message or call to action -->
   178       <div class="jumbotron">
   179        	{% block jumbotron %}{% endblock %}
   180         <div class="clear"></div>
   181       </div>
   182        	{% block body %}{% endblock %}
   183     </div> <!-- /container -->
   184      
   185         {% include "footer.html" %}
   186 
   187     <!-- Bootstrap core JavaScript
   188     ================================================== -->
   189     <!-- Placed at the end of the document so the pages load faster -->
   190     <script src="/static/js/jquery-1.10.2.min.js"></script>
   191     <script src="static/js/bootstrap.js"></script>
   192   
   193 
   194 </body></html>
Impressum Datenschutzerklärung