[SITE] add template, blueprint, css for photo pages

assets/scss/_mainvariables.scss

@@ -0,0 +1,8 @@
+$fontcolor: #000;
+$col_xxs_bp: 543px;
+
+$nav_bgColor: #1779ff;
+$nav_borderColor: darken($nav_bgColor, 15%);
+$nav_fgColor: #fff;
+$nav_textXsWidth: 80px;
+$nav_textSmWidth: 109px;

assets/scss/foundation.scss

@@ -49,3 +49,12 @@
 
 // Utility classes
 @import "utilities";
+
+
+// bugfixes:
+@include media-breakpoint-down(xs) {
+  .row {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}

assets/scss/main.scss

@@ -5,8 +5,7 @@
 @import "variables";
 @import "mixins";
 
-$fontcolor: #000;
-$col_xxs_bp: 543px;
+@import "mainvariables";
 
 body {
   margin: 0;
@@ -28,11 +27,18 @@ p {
   line-height: 1.5em;
 }
 
+main div.container {
+  margin-top: 10px;
+  @include media-breakpoint-up(lg) {
+    max-width: 940px;
+  }
+}
+
 
 $header_logoSize: 75px;
 
 header {
-  margin-bottom: 20px;
+  margin-bottom: 10px;
   img {
     width: $header_logoSize;
     height: $header_logoSize;
@@ -41,11 +47,7 @@ header {
   }
 }
 
-$nav_bgColor: #1779ff;
-$nav_borderColor: darken($nav_bgColor, 15%);
-$nav_fgColor: #fff;
-$nav_textXsWidth: 80px;
-$nav_textSmWidth: 109px;
+
 nav {
   box-sizing: border-box;
   ul.nav {
@@ -144,7 +146,7 @@ nav {
     }
   }
 
-  // from boostrap
+  // ---- from boostrap ----
   // @requires animation.scss and collapse.js, util.js
   .navbar-toggler {
     padding: .5rem .75rem;
@@ -168,6 +170,7 @@ footer {
   padding-bottom: 20px;
 
   background-color: #bebebe;
+  color: $fontcolor;
 
   p {
     margin-bottom: 0;

assets/scss/templates/photo.scss

@@ -0,0 +1,42 @@
+/* STYLE for jannikbeyerstedt.de
+ * for specific template
+ */
+@import "custom";
+@import "variables";
+@import "mixins";
+
+@import "../mainvariables";
+
+// change main.scss behavior
+body {
+  background-color: #424242;
+  color: #fff;
+}
+@include media-breakpoint-up(sm) {
+  nav {
+    ul.nav.main {
+      color: $nav_fgColor;
+    }
+  }
+}
+
+
+// additional css
+main.photo {
+  .container {
+    
+  }
+}
+
+div.carousel {
+  max-width: 1300px;
+  margin: 0 auto;
+}
+
+
+
+// ---- from boostrap ----
+// @requires animation.scss (already in main.scss) and carousel.js, util.js
+@import "images";
+
+@import "carousel";