img header font shadow, font color option added

README.ko.md

@@ -751,7 +751,11 @@ header:
       -
     subtitle:
       -
+    titleColor:
+    titleShadow: false
     titleFontSize: 44
+    subtitleColor:
+    subtitleCursive: false
     subtitleFontSize: 16
     spaceBetweenTitleSubtitle: 20
 

README.md

@@ -744,7 +744,11 @@ header:
       -
     subtitle:
       -
+    titleColor:
+    titleShadow: false
     titleFontSize: 44
+    subtitleColor:
+    subtitleCursive: false
     subtitleFontSize: 16
     spaceBetweenTitleSubtitle: 20
 

archetypes/header.md

@@ -31,7 +31,11 @@ header:
     subtitle:
       - header subtitle1
       - header subtitle2
+    titleColor: 
+    titleShadow: false
     titleFontSize: 44
+    subtitleColor: 
+    subtitleCursive: false
     subtitleFontSize: 16
     spaceBetweenTitleSubtitle: 20
 

exampleSite/content/_index.md

@@ -30,7 +30,11 @@ header:
       -
     subtitle:
       -
+    titleColor:
+    titleShadow: false
     titleFontSize: 44
+    subtitleColor:
+    subtitleCursive: false
     subtitleFontSize: 16
     spaceBetweenTitleSubtitle: 20
 

layouts/partials/header/header-img.html

@@ -6,7 +6,7 @@
       {{ $header := . }}
       {{ if .title }}
         {{ range .title }}
-        <div class="site-header__title" style="font-size: {{ $header.titleFontSize }}px;">
+        <div class="site-header__title {{ if $header.titleShadow }}site-header__title--shadow{{ end }}" style="font-size: {{ $header.titleFontSize }}px;">
           {{ . }}
         </div>
         {{ end }}      
@@ -16,7 +16,7 @@
       {{ end }}
       {{ if .subtitle }}
         {{ range .subtitle }} 
-        <div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px;">
+        <div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px; {{ with $header.subtitleColor }}color:{{ . }}{{ end }}" data-cursive="{{ with $header.subtitleCursive }}{{ . }}{{ end }}">
           {{ . }}
         </div>
         {{ end }}