static/LICENSE

-The MIT License (MIT)
-
-Copyright (c) 2014-2018 Materialize
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

static/README.md

-<p align="center">
-  <a href="http://materializecss.com/">
-    <img src="http://materializecss.com/res/materialize.svg" width="150">
-  </a>
-</p>
-
-<h3 align="center">MaterializeCSS</h3>
-
-<p align="center">
-  Materialize, a CSS Framework based on material design.
-  <br>
-  <a href="http://materializecss.com/"><strong>-- Browse the docs --</strong></a>
-  <br>
-  <br>
-  <a href="https://travis-ci.org/Dogfalo/materialize">
-    <img src="https://travis-ci.org/Dogfalo/materialize.svg?branch=master" alt="Travis CI badge">
-  </a>
-  <a href="https://badge.fury.io/js/materialize-css">
-    <img src="https://badge.fury.io/js/materialize-css.svg" alt="npm version badge">
-  </a>
-  <a href="https://cdnjs.com/libraries/materialize">
-    <img src="https://img.shields.io/cdnjs/v/materialize.svg" alt="CDNJS version badge">
-  </a>
-  <a href="https://david-dm.org/Dogfalo/materialize">
-    <img src="https://david-dm.org/Dogfalo/materialize/status.svg" alt="dependencies Status badge">
-    </a>
-  <a href="https://david-dm.org/Dogfalo/materialize#info=devDependencies">
-    <img src="https://david-dm.org/Dogfalo/materialize/dev-status.svg" alt="devDependency Status badge">
-  </a>
-  <a href="https://gitter.im/Dogfalo/materialize">
-    <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge">
-  </a>
-</p>
-
-## Table of Contents
-- [Quickstart](#quickstart)
-- [Documentation](#documentation)
-- [Supported Browsers](#supported-browsers)
-- [Changelog](#changelog)
-- [Testing](#testing)
-- [Contributing](#contributing)
-- [Copyright and license](#copyright-and-license)
-
-## Quickstart:
-Read the [getting started guide](http://materializecss.com/getting-started.html) for more information on how to use materialize.
-
-- [Download the latest release](https://github.com/Dogfalo/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/Dogfalo/materialize/releases/))
-- Clone the repo: `git clone https://github.com/Dogfalo/materialize.git` (Beta: `git clone -b v1-dev https://github.com/Dogfalo/materialize.git`)
-- Include the files via [cdnjs](https://cdnjs.com/libraries/materialize). More [here](http://materializecss.com/getting-started.html). ([Beta](https://cdnjs.com/libraries/materialize/1.0.0-beta))
-- Install with [npm](https://www.npmjs.com): `npm install materialize-css` (Beta: `npm install materialize-css@next`)
-- Install with [Bower](https://bower.io): `bower install materialize` ([DEPRECATED](https://bower.io/blog/2017/how-to-migrate-away-from-bower/))
-- Install with [Atmosphere](https://atmospherejs.com): `meteor add materialize:materialize` (Beta: `meteor add materialize:materialize@=1.0.0-beta`)
-
-## Documentation
-The documentation can be found at <http://materializecss.com>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer.
-
-### Running documentation locally
-Run these commands to set up the documentation:
-
-```bash
-git clone https://github.com/Dogfalo/materialize
-cd materialize
-npm install
-```
-
-Then run `grunt monitor` to compile the documentation. When it finishes, open a new browser window and navigate to `localhost:8000`. We use [BrowserSync](https://www.browsersync.io/) to display the documentation.
-
-### Documentation for previous releases
-Previous releases and their documentation are available for [download](https://github.com/Dogfalo/materialize/releases).
-
-## Supported Browsers:
-Materialize is compatible with:
-
-- Chrome 35+
-- Firefox 31+
-- Safari 9+
-- Opera
-- Edge
-- IE 11+
-
-## Changelog
-For changelogs, check out [the Releases section of materialize](https://github.com/Dogfalo/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md).
-
-## Testing
-We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).
-
-## Contributing
-Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/Dogfalo/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
-
-## Copyright and license
-Code Copyright 2018 Materialize. Code released under the MIT license.

static/css/style.css

@@ -10,25 +10,25 @@ nav {
 	border-bottom: #2855e6 3px solid;
 }
 
-.brand-image {
+.navbar-brand {
 	padding: 0;
 }
 
 img#logo {
-	height: 60px;
+	height: 50px;
 }
 
-nav {
+.navbar {
 	margin-bottom: 0;
 	background-color: #f8f8f8;
 	color: #777777;
 }
 
-.nav-wrapper > ul > li > a {
+.navbar-nav > ul > li > a {
 	color: #777777;
 }
 
-div .nav-wrapper li:hover .dropdown-menu {
+div .navbar-nav li:hover .dropdown-menu {
 	display: block;
 	margin-top: 0px;
 }

static/css/style.foo

+html, body {
+	overflow-x: hidden;
+}
+
+a {
+	color: var(--teckids-blue-dark);
+}
+
+.navbar {
+	border-bottom: var(--teckids-orange-dark) 3px solid;
+}
+
+.navbar-brand {
+	padding: 0;
+}
+
+img#logo {
+	height: 100%;
+}
+
+.navbar {
+	margin-bottom: 0;
+}
+
+.navbar-nav li:hover .dropdown-menu {
+	display: block;
+	margin-top: 0px;
+}
+
+#navbar-main > ul.nav > li.active > a, #navbar-main > ul.nav > li.ancestor > a {
+	background: var(--teckids-orange-light);
+	background: linear-gradient(var(--teckids-orange-dark), var(--teckids-orange-light), var(--teckids-orange-dark));
+	color: #f8f8f8;
+}
+
+#navbar-main ul.dropdown-menu > li.active > a {
+	background: var(--teckids-orange-dark);
+	color: #f8f8f8;
+}
+
+footer#main-footer {
+	background: var(--teckids-blue-light);
+	color: #ffffff;
+	margin-top: 20px;
+	padding-top: 30px;
+	padding-bottom: 20px;
+}
+
+footer#sponsoren-footer {
+        background: #ffffff;
+        border-top: var(--teckids-blue-light) 3px solid;
+        margin-top: 50px;
+        padding-top: 3px;
+        padding-bottom: 20px;
+}
+
+ul.footer-link-list {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+
+ul.footer-link-list li:first-child {
+	font-weight: bold;
+	margin-bottom: 5px;
+}
+
+footer#main-footer a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+img.filer_image {
+	max-width: 100%;
+}
+
+img.left {
+	float: left;
+	margin-right: 20px;
+}
+
+img.right {
+	float: right;
+	margin-left: 20px;
+}
+
+img.center {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+h2, h3, h4 {
+	clear: both;
+}
+
+h3#sponsorheading {
+	text-align: center;
+	font-weight: bold;
+}
+
+#ldaplist-aktive img.media-object {
+	width: 150px;
+}
+
+div.row video {
+	max-width: 100%;
+}
+
+img.sponsorslogo {
+	width: 300px;
+	padding-left: 20px;
+	float: left;
+}
+
+p#sponsortext {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	text-align: center;
+}
+
+time.icon {
+	font-size: 1em; /* change icon size */
+	display: block;
+	position: relative;
+	width: 7em;
+	height: 7em;
+	background-color: #fff;
+	border-radius: 0.6em;
+	box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
+	overflow: hidden;
+}
+
+time.icon * {
+	display: block;
+	width: 100%;
+	font-size: 1em;
+	font-weight: bold;
+	font-style: normal;
+	text-align: center;
+}
+
+time.icon strong {
+	position: absolute;
+	top: 0;
+	padding: 0.4em 0;
+	color: #fff;
+	background-color: var(--teckids-orange-dark);
+	border-bottom: 1px dashed var(--teckids-orange-light);
+	box-shadow: 0 2px 0 var(--teckids-orange-light);
+}
+
+time.icon em {
+	position: absolute;
+	bottom: 0.3em;
+	color: var(--teckids-blue-light);
+}
+
+time.icon span {
+	font-size: 2.8em;
+	letter-spacing: -0.05em;
+	padding-top: 0.8em;
+	color: var(--teckids-blue-dark);
+}

templates/base.html

@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="{{ DESCRIPTION }}" />
     <meta name="author" content="Teckids e.V." />
-    <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/materialize.min.css" />
-    <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/style.css" />
+    <link rel="stylesheet" type="text/css" href="{{ THEME_STATIC_DIR }}/css/bootstrap.min.css" />
+    <link rel="stylesheet" type="text/css" href="{{ THEME_STATIC_DIR }}/css/style.css" />
 
     <title>
         {{ SITENAME }}
@@ -17,28 +17,29 @@
 
 <body>
     <!-- Navigation -->
-    <nav id="navbar-main">
-        <div class="nav-wrapper">
+    <nav class="navbar navbar-default">
+        <div class="container-fluid">
             <!-- Brand and toggle get grouped for better mobile display -->
-            <a class="brand-logo" href="{{ SITEURL }}">
+            <div class="navbar-header page-scroll">
+                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="glyphicon glyphicon-th-list"></span>
+                </button>
+                <a class="navbar-brand" href="{{ SITEURL }}">
                  <img id="logo" src="{{ SITELOGO }}" alt="{{ SITENAME }}">
-            </a>
-            <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+                </a>
+            </div>
+
             <!-- Collect the nav links, forms, and other content for toggling -->
-            <ul class="right hide-on-med-and-down">
-                {% for name, link in LINKS %}
-                    <li>
-                        <a href="{{ link }}">{{ name }}</a>
-                    </li>
-                {% endfor %}
-            </ul>
-            <ul class="sidenav" id="mobile-demo">
-                {% for name, link in LINKS %}
-                    <li>
-                        <a href="{{ link }}">{{ name }}</a>
-                    </li>
-                {% endfor %}
-            </ul>
+            <div class="collapse navbar-collapse" id="navbar-main">
+                <ul class="nav navbar-nav navbar-right">
+                    {% for name, link in LINKS %}
+                        <li>
+                            <a href="{{ link }}">{{ name }}</a>
+                        </li>
+                    {% endfor %}
+                </ul>
+            </div>
             <!-- /.navbar-collapse -->
         </div>
         <!-- /.container -->
@@ -57,9 +58,9 @@
                 <div class="col s12">
                     <h3 id='sponsorheading' class="black-text">Sponsoren</h3>
                     <p id="sponsortext" class="black-text">Wir bedanken uns bei unseren Sponsoren für die Unterstützung unserer Vereinsarbeit. Außerdem freuen wir uns immer über weitere Sponsoren, die ihr Engagement mit ihrem Logo hier bewerben möchten!</p>
-                    <a href="https://www.bareos.com"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/img/logo-bareos.png" href="https://www.bareos.com/" alt="Bareos-Logo" class="sponsorslogo" /></a>
-                    <a href="https://www.speedpartner.de/"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/img/logo-speedpartner.png" alt="Speedpartner-Logo" class="sponsorslogo" /></a>
-		    <a href="https://www.informatik-aktuell.de/"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/img/logo_informatik-aktuell.png" alt="Informatik-Aktuell-Logo" class="sponsorslogo" /></a>
+                    <a href="https://www.bareos.com"><img src="{{ THEME_STATIC_DIR }}/img/logo-bareos.png" href="https://www.bareos.com/" alt="Bareos-Logo" class="sponsorslogo" /></a>
+                    <a href="https://www.speedpartner.de/"><img src="{{ THEME_STATIC_DIR }}/img/logo-speedpartner.png" alt="Speedpartner-Logo" class="sponsorslogo" /></a>
+		    <a href="https://www.informatik-aktuell.de/"><img src="{{ THEME_STATIC_DIR }}/img/logo_informatik-aktuell.png" alt="Informatik-Aktuell-Logo" class="sponsorslogo" /></a>
                 </div>
             </div>
         </div>
@@ -93,7 +94,7 @@
         </div>
     </footer>
 
-    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/materialize.js"></script>
+    <script src="{{ THEME_STATIC_DIR }}/js/bootstrap.min.js"></script>
 
 </body>
 

templates/base1.html

+{% load staticfiles static i18n cms_tags sekizai_tags menu_tags %}
+<!DOCTYPE html>
+<html lang="{{ LANGUAGE_CODE }}">
+
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="{% page_attribute 'meta_description' %}" />
+    <meta name="author" content="Teckids e.V." />
+
+    <title>
+        {% block title %}
+            {% page_attribute "page_title" %} - {{ request.site.name }}
+        {% endblock title %}
+    </title>
+
+    <!-- Bootstrap Core CSS -->
+    <link href="{% static 'aldryn_bootstrap3/css/bootstrap.min.css' %}" rel="stylesheet" />
+
+    <!-- django CMS -->
+    {% render_block "css" %}
+
+    <!-- Aldryn -->
+    {{ ALDRYN_SNAKE.render_head }}
+
+    <!-- django CMS toolbar adjustment -->
+    {% if request.toolbar %}
+    <style>
+        .cms-toolbar-expanded .navbar-custom {
+            margin-top: 45px;
+        }
+    </style>
+    {% endif %}
+
+    {% block head_stuff %}{% endblock %}
+</head>
+
+<body>
+    <!-- django CMS Toolbar -->
+    {% cms_toolbar %}
+
+    <!-- Navigation -->
+    <nav class="navbar navbar-default">
+        <div class="container-fluid">
+            <!-- Brand and toggle get grouped for better mobile display -->
+            <div class="navbar-header page-scroll">
+                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="glyphicon glyphicon-th-list"></span>
+                </button>
+                <a class="navbar-brand" href="{% page_url "home" %}">
+                 {% block brand %}{% endblock %}
+                </a>
+            </div>
+
+            <!-- Collect the nav links, forms, and other content for toggling -->
+            <div class="collapse navbar-collapse" id="navbar-main">
+                <ul class="nav navbar-nav navbar-right">
+                    {% show_menu 0 1 100 100 %}
+                    <li class="dropdown sibling">
+                        <a class="dropdown-toggle" data-toggle="dropdown"
+                           expanded="false" role="button">
+                            <span class="glyphicon glyphicon-globe"></span>
+                        </a>
+
+                        <ul class="dropdown-menu">
+                            {% language_chooser "menu/language_chooser.html" %}
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+            <!-- /.navbar-collapse -->
+        </div>
+        <!-- /.container -->
+    </nav>
+
+    <!-- Page Header -->
+    {% block header %}{% endblock %}
+
+    <!-- Main Content -->
+    {% block content_outer %}{% endblock %}
+
+    <!-- Sponsoren Footer -->
+    {% get_static_prefix as STATIC_PREFIX %}
+    <footer id="sponsoren-footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-12 col-md-12">
+                    <h3 id='sponsorheading'>Sponsoren</h3>
+                    <p id="sponsortext">Wir bedanken uns bei unseren Sponsoren für die Unterstützung unserer Vereinsarbeit. Außerdem freuen wir uns immer über weitere Sponsoren, die ihr Engagement mit ihrem Logo hier bewerben möchten!</p>
+                    <a href="https://www.bareos.com"><img src="{{ STATIC_PREFIX }}logo-bareos.png" href="https://www.bareos.com/" alt="Bareos-Logo" class="sponsorslogo" /></a>
+                    <a href="https://www.speedpartner.de/"><img src="{{ STATIC_PREFIX }}logo-speedpartner.png" alt="Speedpartner-Logo" class="sponsorslogo" /></a>
+		    <a href="https://www.informatik-aktuell.de/"><img src="{{ STATIC_PREFIX }}logo_informatik-aktuell.png" alt="Informatik-Aktuell-Logo" class="sponsorslogo" /></a>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Footer -->
+    <footer id="main-footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-4 col-sm-offset-1 col-xs-10 col-xs-offset-1">
+                    <ul class="footer-link-list">
+                        <li>{% page_attribute "page_title" "smallprint" %}</li>
+                        {% show_menu_below_id "smallprint" 0 0 0 0 "menu/smallprint.html" %}
+                    </ul>
+                </div>
+                <div class="col-sm-5 col-sm-offset-1 col-xs-10 col-xs-offset-1">
+                    <p style="text-align: right">
+                        Teckids e.V.<br/>
+                        Rochusstr. 2<br/>
+                        53123 Bonn
+                    </p>
+                    <p style="text-align: right">
+                       <span class="glyphicon glyphicon-envelope"></span> <a href="mailto:verein@teckids.org">verein@teckids.org</a><br/>
+                       <span class="glyphicon glyphicon-phone-alt"></span> <a href="tel:+4922892934160">+49 228 92934160</a>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <!-- jQuery -->
+    <script src="{% static 'aldryn_bootstrap3/js/jquery.min.js' %}"></script>
+
+    <!-- Bootstrap Core JavaScript -->
+    <script src="{% static 'aldryn_bootstrap3/js/bootstrap.min.js' %}"></script>
+
+    <!-- django CMS -->
+    {% render_block "js" %}
+
+    <!-- Aldryn -->
+    {{ ALDRYN_SNAKE.render_tail }}
+
+</body>
+
+</html>

templates/page.html

@@ -9,11 +9,9 @@
         
         <meta itemprop='url' content='{{ SITEURL }}/{{ page.url }}' />
         <meta itemprop='name' content='{{ SITENAME }} - {{ page.title|striptags }}' />
-        <meta itemprop='image' content='{{ SITEURL }}/images/frontpage/wilber-big.png' />
 
         <meta property='og:url' content='{{ SITEURL }}/{{ page.url }}' />
         <meta property='og:title' content='{{ SITENAME }} - {{ page.title|striptags }}' />
-        <meta property='og:image' content='{{ SITEURL }}/images/frontpage/wilber-big.png' />
 
         {% if page.authors %}
         {% for author in page.authors %}