templates/theme.html
changeset 61 eeffb510d690
parent 48 111a215ee273
child 78 b28d5c14c5c2
child 79 2ce7e676b306
equal deleted inserted replaced
60:152e56840f49 61:eeffb510d690
    11     <title>PyMove3D -- 2014</title>
    11     <title>PyMove3D -- 2014</title>
    12 
    12 
    13     <!-- Bootstrap core CSS -->
    13     <!-- Bootstrap core CSS -->
    14     <link href="/static/css/bootstrap.css" rel="stylesheet">
    14     <link href="/static/css/bootstrap.css" rel="stylesheet">
    15 
    15 
    16     <!-- Custom styles for this template -->
       
    17     <link href="/static/css/navbar.css" rel="stylesheet">
       
    18 
       
    19     <!-- Custom styles for pymove3d -->
       
    20     <link href="/static/css/pymove3d.css" rel="stylesheet">
       
    21 
       
    22 
       
    23     <!-- Just for debugging purposes. Don't actually copy this line! -->
    16     <!-- Just for debugging purposes. Don't actually copy this line! -->
    24     <!--[if lt IE 9]><script src="/static/js/ie8-responsive-file-warning.js"></script><![endif]-->
    17     <!--[if lt IE 9]><script src="/static/js/ie8-responsive-file-warning.js"></script><![endif]-->
    25 
    18 
    26     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    19     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    27     <!--[if lt IE 9]>
    20     <!--[if lt IE 9]>
    28       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    21       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    29       <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    22       <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    30     <![endif]-->
    23     <![endif]-->
    31   </head>
    24   </head>
    32 
    25 
    33   <body>
    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>
    34 
   146 
    35     <div class="container">
   147       </div><!-- /main -->
    36 <img class="flags" src="/static/images/flags/de.png" alt="deutsch" />
   148 </div> <!-- /wrap -->
    37 <img class ="flags" src="/static/images/flags/gb.png" alt="english" />
   149 {% include "footer.html" %}
    38 <img class="flags" src="/static/images/flags/it.png" alt="italiano" />
       
    39 <br style="clear: both;" />
       
    40       <!-- Static navbar -->
       
    41       <div class="navbar navbar-default" role="navigation">
       
    42         <div class="navbar-header">
       
    43           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
       
    44             <span class="sr-only">Toggle navigation</span>
       
    45             <span class="icon-bar"></span>
       
    46             <span class="icon-bar"></span>
       
    47             <span class="icon-bar"></span>
       
    48           </button>
       
    49           <a class="navbar-brand" href="/">PyMove3D -- 2014</a>
       
    50         </div>
       
    51         <div class="navbar-collapse collapse">
       
    52           <ul class="nav navbar-nav navbar-right">
       
    53              {% for href, caption in [('/competition', 'Competition'),
       
    54 	                          ('/task', 'Task'),
       
    55                                   ('/submission', 'Submission'),
       
    56 	                          ('/coursematerial', 'Coursematerial'),
       
    57 	  ]:
       
    58 	  %}
       
    59           {%- if href[1:] == act -%} 
       
    60           <li class="active">{% else %} <li>{% endif %}<a href="{{ href }}" >{{ caption }}</a></li>
       
    61           {% endfor %}
       
    62           </ul>
       
    63         </div><!--/.nav-collapse -->
       
    64       </div>
       
    65 
       
    66       <!-- Main component for a primary marketing message or call to action -->
       
    67       <div class="jumbotron">
       
    68        	{% block jumbotron %}{% endblock %}
       
    69         <div class="clear"></div>
       
    70       </div>
       
    71        	{% block body %}{% endblock %}{% include "footer.html" %}
       
    72       
       
    73     </div> <!-- /container -->
       
    74      
       
    75 
       
    76     <!-- Bootstrap core JavaScript
   150     <!-- Bootstrap core JavaScript
    77     ================================================== -->
   151     ================================================== -->
    78     <!-- Placed at the end of the document so the pages load faster -->
   152     <!-- Placed at the end of the document so the pages load faster -->
    79     <script src="/static/js/jquery-1.10.2.min.js"></script>
   153     <script src="/static/js/jquery-1.10.2.min.js"></script>
    80     <script src="static/js/bootstrap.js"></script>
   154     <script src="static/js/bootstrap.js"></script>
Impressum Datenschutzerklärung