brighter images

_includes/header.html

@@ -1,5 +1,5 @@
 <header class="hero" style="background-image: url({{ page.image }});">
-  <div>
+  <div class="textcontainer">
     <h1>{{ page.title }}</h1>
     <p>{{ page.description }}</p>
     {% if page.category == 'releases' %}

_layouts/default.html

@@ -11,7 +11,7 @@
 {% include relBase.html %}
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20200805-rv1.css" />
+<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20200805-rv2.css" />
 <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />

_sass/_layout.scss

@@ -43,7 +43,12 @@ body {
   min-height: 75vh; 
   width: 100vw;
 
-  
+  .textcontainer {
+    background-color: _palette(bg-alt);
+    border-radius: 5px;
+    max-width: 700px;
+    padding: 20px 20px 40px 20px;
+  }
 
   div {
     z-index: 10;
@@ -71,7 +76,7 @@ body {
     background-repeat: repeat-x;
     background-position: bottom;
     z-index: 1;
-    background-color: _palette(border-alt);
+ 
   }
 
 }

log.html

@@ -1,7 +1,7 @@
 ---
 title: Web-Log
 description: 'Ramblings, announcenments and thoughts going on in the 徒 setto セット Cypher. In written form intertwined with audio'
-image: /images/pages/grace-brauteseth-1R0hB9WWVvQ-unsplash.jpg
+image: /images/pages/4-darkweb-instrumental-.jpeg
 ---
 
 {% include relBase.html %}