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

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;