1.1 --- a/templates/theme.html Sun Dec 29 12:41:43 2013 +0100
1.2 +++ b/templates/theme.html Sun Dec 29 12:45:11 2013 +0100
1.3 @@ -13,13 +13,6 @@
1.4 <!-- Bootstrap core CSS -->
1.5 <link href="/static/css/bootstrap.css" rel="stylesheet">
1.6
1.7 - <!-- Custom styles for this template -->
1.8 - <link href="/static/css/navbar.css" rel="stylesheet">
1.9 -
1.10 - <!-- Custom styles for pymove3d -->
1.11 - <link href="/static/css/pymove3d.css" rel="stylesheet">
1.12 -
1.13 -
1.14 <!-- Just for debugging purposes. Don't actually copy this line! -->
1.15 <!--[if lt IE 9]><script src="/static/js/ie8-responsive-file-warning.js"></script><![endif]-->
1.16
1.17 @@ -30,49 +23,130 @@
1.18 <![endif]-->
1.19 </head>
1.20
1.21 - <body>
1.22 +<body>
1.23 + <div id="wrap">
1.24 + <header>
1.25 + <!-- Fixed navbar -->
1.26 + <div class="navbar navbar-default" role="navigation">
1.27 + <div class="container">
1.28 + <div class="navbar-header">
1.29 + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
1.30 + <span class="sr-only">Toggle navigation</span>
1.31 + <span class="icon-bar"></span>
1.32 + <span class="icon-bar"></span>
1.33 + <span class="icon-bar"></span>
1.34 + </button>
1.35 + <a class="navbar-brand" href="/"><img class="logo" src="/static/images/PyMove3D.png" title="PyMove3D" alt="logo pymove3d" /></a>
1.36 + </div>
1.37 + <div class="collapse navbar-collapse">
1.38 + <ul class="nav navbar-nav">
1.39 + {% for href, caption in [('/competition', 'Competition'),
1.40 + ('/task', 'Task'),
1.41 + ('/submission', 'Submission'),
1.42 + ('/coursematerial', 'Coursematerial'),
1.43 + ]:
1.44 + %}
1.45 + {%- if href[1:] == act -%}
1.46 + <li class="active">{% else %} <li>{% endif %}<a href="{{ href }}" >{{ caption }}</a></li>
1.47 + {% endfor %}
1.48 + </ul>
1.49 + <ul class="nav navbar-nav navbar-right">
1.50 + <li class="active"><a href="./"> <img class="flags" src="/static/images/flags/de.png" alt="deutsch" />
1.51 +</a></li>
1.52 + <li><a href="../navbar-static-top/"><img class ="flags" src="/static/images/flags/gb.png" alt="english" />
1.53 +</a></li>
1.54 + <li><a href="../navbar-fixed-top/"><img class="flags" src="/static/images/flags/it.png" alt="italiano" />
1.55 +</a></li>
1.56 + </ul>
1.57 + </div><!--/.nav-collapse -->
1.58 + </div>
1.59 + </div>
1.60 + </header>
1.61 + <div id="main">
1.62 + <div class="course">
1.63 + <div class="container">
1.64 + <div class="col-sm-8"> {% block jumbotron %}{% endblock %}</div>
1.65 + <div class="col-sm-4">
1.66 + <div class="well">
1.67 + <img class="img" src="/static/images/jt-coursematerial.png" alt="bild" />
1.68 + </div>
1.69 + </div>
1.70 + <div class="col-sm-4">
1.71 + <div class="panel panel-default">
1.72 + <div class="panel-heading">
1.73 + <h3 class="panel-title"> {% block body %}{% endblock %}</h3>
1.74 + </div>
1.75 + <div class="panel-body">
1.76 + The competition will start on 01.01.2014
1.77 + </div>
1.78 + </div>
1.79 + </div>
1.80 + <div class="col-sm-4">
1.81 + <div class="panel panel-default">
1.82 + <div class="panel-heading">
1.83 + <h3 class="panel-title">Python software Verband</h3>
1.84 + </div>
1.85 + <div class="panel-body">
1.86 + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
1.87 + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
1.88 + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
1.89 + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
1.90 + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
1.91 + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
1.92 + </div>
1.93 + </div>
1.94 + </div>
1.95 + <div class="col-sm-4">
1.96 + <div class="panel panel-default">
1.97 + <div class="panel-heading">
1.98 + <h3 class="panel-title">Fragen</h3>
1.99 + </div>
1.100 + <div class="panel-body">
1.101 + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
1.102 + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
1.103 + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
1.104 + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
1.105 + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
1.106 + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
1.107 + </div>
1.108 + </div>
1.109 + </div>
1.110 + </div>
1.111 + </div><!-- course -->
1.112 + <div class="themen">
1.113 + <div class="container">
1.114 + <div class="col-sm-12">
1.115 + <h1>Stimmen</h1>
1.116 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
1.117 + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
1.118 + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
1.119 + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
1.120 + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
1.121 + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
1.122 + </div>
1.123 + </div>
1.124 +
1.125 + </div>
1.126 + <div class="partner">
1.127 + <div class="container">
1.128 + <div class="col-sm-12">
1.129 + <h1>Sponsoren</h1>
1.130 + <ul class="list-inline">
1.131 + <li><a href="">Logo</a></li>
1.132 + <li><a href="">Logo</a></li>
1.133 + <li><a href="">Logo</a></li>
1.134 + <li><a href="">Logo</a></li>
1.135 + <li><a href="">Logo</a></li>
1.136 + <li><a href="">Logo</a></li>
1.137 + </ul>
1.138 + </div>
1.139 + </div>
1.140 +
1.141 + </div>
1.142
1.143 - <div class="container">
1.144 -<img class="flags" src="/static/images/flags/de.png" alt="deutsch" />
1.145 -<img class ="flags" src="/static/images/flags/gb.png" alt="english" />
1.146 -<img class="flags" src="/static/images/flags/it.png" alt="italiano" />
1.147 -<br style="clear: both;" />
1.148 - <!-- Static navbar -->
1.149 - <div class="navbar navbar-default" role="navigation">
1.150 - <div class="navbar-header">
1.151 - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
1.152 - <span class="sr-only">Toggle navigation</span>
1.153 - <span class="icon-bar"></span>
1.154 - <span class="icon-bar"></span>
1.155 - <span class="icon-bar"></span>
1.156 - </button>
1.157 - <a class="navbar-brand" href="/">PyMove3D -- 2014</a>
1.158 - </div>
1.159 - <div class="navbar-collapse collapse">
1.160 - <ul class="nav navbar-nav navbar-right">
1.161 - {% for href, caption in [('/competition', 'Competition'),
1.162 - ('/task', 'Task'),
1.163 - ('/submission', 'Submission'),
1.164 - ('/coursematerial', 'Coursematerial'),
1.165 - ]:
1.166 - %}
1.167 - {%- if href[1:] == act -%}
1.168 - <li class="active">{% else %} <li>{% endif %}<a href="{{ href }}" >{{ caption }}</a></li>
1.169 - {% endfor %}
1.170 - </ul>
1.171 - </div><!--/.nav-collapse -->
1.172 - </div>
1.173 -
1.174 - <!-- Main component for a primary marketing message or call to action -->
1.175 - <div class="jumbotron">
1.176 - {% block jumbotron %}{% endblock %}
1.177 - <div class="clear"></div>
1.178 - </div>
1.179 - {% block body %}{% endblock %}{% include "footer.html" %}
1.180 -
1.181 - </div> <!-- /container -->
1.182 -
1.183 -
1.184 + </div><!-- /main -->
1.185 +</div> <!-- /wrap -->
1.186 +{% include "footer.html" %}
1.187 <!-- Bootstrap core JavaScript
1.188 ================================================== -->
1.189 <!-- Placed at the end of the document so the pages load faster -->