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