does it work?

templates/default-layout.hamlet

@@ -1,16 +1,6 @@
 <!-- Page Contents -->
 
-
-$if (Just HomeR == mcurrentRoute)
-    ^{widget}
-$else
-    <div .container>
-        <div .row>
-            <div .col-md-12>
-                ^{widget}
-
-<!-- Footer -->
-<footer .footer>
-    <div .container>
-        <p .text-muted>
-            #{appCopyright $ appSettings master}
+<div .container>
+  <div .ad>
+    <img src=@{AdR}>
+  ^{widget}

templates/default-layout.lucius

@@ -1,28 +1,11 @@
-.masthead,
-.navbar {
-    background-color: rgb(27, 28, 29);
+body {
+    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
 }
 
-.navbar-default .navbar-nav > .active > a {
-    background-color: transparent;
-    border-bottom: 2px solid white;
-}
-
-.navbar-nav {
-    padding-bottom: 1em;
-}
-
-.masthead {
-    margin-top: -21px;
-    color: white;
-    text-align: center;
-    min-height: 500px;
-}
 
 .masthead .header {
     max-width: 700px;
     margin: 0 auto;
-    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
 }
 
 .masthead h1.header {
@@ -38,36 +21,15 @@
     font-weight: normal;
 }
 
-.masthead .btn {
-    margin: 1em 0;
+aside,
+.ad {
+  width: 25%;
+  padding-left: 15px;
+  margin-left: 15px;
+  float: right;
 }
 
-
-/* Common styles for all types */
-.bs-callout {
-  padding: 20px;
-  margin: 20px 0;
-  border: 1px solid #eee;
-  border-left-width: 5px;
-  border-radius: 3px;
-}
-
-.bs-callout p:last-child {
-  margin-bottom: 0;
-}
-
-.bs-callout-info {
-  border-left-color: #1b809e;
-}
-
-/* Space things out */
-.bs-docs-section {
-  margin-bottom: 60px;
-}
-.bs-docs-section:last-child {
-  margin-bottom: 0;
-}
-
-#message {
-    margin-bottom: 40px;
+img {
+  max-width: 100%;
+  max-height: 100%;
 }

templates/homepage.hamlet

@@ -1,27 +1,10 @@
 <div .masthead>
-    <div .container>
-        <div .row>
-            <h1 .header>
-              OwO Geländespiel
+  <h1 .header>
+    OWO Geländespiel
 
-<div .container>
-    <!-- Starting
-        ================================================== -->
-    <div .bs-docs-section>
-        <div .row>
-            <div .col-lg-12>
-                <div .page-header>
-                    <h1 #Tutors>Tutors
-                        #{tutorP}
+<div .points .tutor>
+  <h1 #Tutors>Tutoren: #{tutorP}
 
-    <hr>
-
-    <!-- Forms
-        ================================================== -->
-    <div .bs-docs-section>
-        <div .row>
-            <div .col-lg-12>
-                <div .page-header>
-                    <h1 #Ersties>Ersties
-                        #{erstieP}
+<div .points .erstie>
+  <h1 #Ersties>Ersties: #{erstieP}
 

templates/homepage.lucius

@@ -2,3 +2,19 @@ li {
     line-height: 2em;
     font-size: 16px
 }
+.points {
+  border-radius: 25px;
+  font-weight: bold;
+  margin: auto;
+  max-width: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 30px;
+}
+.tutor {
+  background-color: #f68afc;
+}
+.erstie {
+  background-color: #00FF00;
+}

templates/round.hamlet

@@ -1,14 +1,9 @@
 <div .masthead>
-    <div .container>
-        <div .row>
             <h1 .header>
               OwO Geländespiel Station #{station} Round #{roundNumber}
 
 <div .container>
-    <div .bs-docs-section>
-        <div .row>
-            <div .col-lg-12>
-                <div .page-header>
+    <div .form>
                     <form method=post action=@{StationRoundR stationIdentifier roundNumber} enctype=#{roundFormEnctype}>
                         ^{roundFormWidget}
                         <button> Submit

templates/round.lucious

@@ -0,0 +1,5 @@
+.form {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

templates/station.hamlet

@@ -1,14 +1,8 @@
 <div .masthead>
-    <div .container>
-        <div .row>
             <h1 .header>
               OwO Geländespiel Station #{station}
 
-<div .container>
-    <div .bs-docs-section>
-        <div .row>
-            <div .col-lg-12>
-                <div .page-header>
+<div .container .form>
                     <ul>
                         $forall round <- rounds
                           <li>

templates/station.lucious

@@ -0,0 +1,5 @@
+.form {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}