jekyll-theme-easy-wedding 0.1.16 → 0.1.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 60cecd6322e85692166fbd9bdc36a69b8ef32bf1dee382bfe8d360a413840e3b
-  data.tar.gz: 99eefadc7ea7d7b217474b325633cdc7f91f8216b2ab4c120651ac98c64fa650
+  metadata.gz: 5650011cf496022bbbc5998e04968cbea0c4c7197ca609070b417576e23d3b9f
+  data.tar.gz: c0c0f987db5e5002178226d5c1eb3195b85a0150756b859f9c55d625e0fb551f
 SHA512:
-  metadata.gz: c3b8667a3b22df91fd9502c18168b230d9fdd4942cc1b17fbb1cba0fe22e8a497456b368846173bc0b387359b0498c76a0549080012ecfbbf2c6e5f3fe123b6a
-  data.tar.gz: 23c5499b2aa74198276688300c913e08099c38fab30d1796d06df485cdff55f7789cd6cb39521a471608d4cf843b80f6e43e01644369074c530930106106138d
+  metadata.gz: aad7b8971ea13597f4b88af0896d7c5dd779a8bb411907f7a6ab710b6eb51b2f56f1576b7c07f81808815a284682168eb2b1a3c034f6137e3a82abafcde9a6b6
+  data.tar.gz: 4a03ae40bcd90168c679cccd61d0fdac906602f9fadc091267bfdd92cb044635e56b50cbf71f4f984abc60c9d655e2487ae428f410e31ea4decf1a0018f01da3

data/_includes/photo-gallery.html

@@ -10,9 +10,9 @@
   width: 300px;
   height: auto;
   padding: 15px;
-  border: solid 1px rgb(181 181 181);
+  border: solid 1px var(--secondary-color-darker);
   margin: 8px;
-  background-color: #e0e0e0;
+  background-color: var(--secondary-color);
   cursor: zoom-in;
 }
 </style>

data/_layouts/page.html

@@ -2,4 +2,23 @@
 layout: default
 ---
 
-{{ content }}
+{% capture style %}
+    {% if page.image_position %} background-position: {{ page.image_position }};{% endif %}
+    background-image: url({{site.baseurl}}/{{ page.billboard_image }})
+{% endcapture %}
+
+<header class="billboard billboard-header"
+        style="{{style}}">
+  <h1 class="billboard-text">
+    {{ page.title }}
+  </h1>
+</header>
+
+<section class="container content-section text-center">
+  <div class="row">
+    <div class="col-lg-12 page-content">
+        {{ content }}
+    </div>
+  </div>
+</section>
+

data/assets/css/styles.scss

@@ -1,6 +1,39 @@
 ---
 ---
 
+@use "sass:color";
+
+@function text-clr($color) {
+  @if (lightness($color) > 50) {
+    @return #000;
+  } @else {
+    @return #fff;
+  }
+}
+
+// Theme Variables
+$text-color: {{site.data.settings.theme.text_color | default: "#404040"}};
+
+$primary-color: {{site.data.settings.theme.primary_color | default: "#fff"}};
+$primary-text-color: text-clr($primary-color);
+$primary-color-darker: scale-color({{site.data.settings.theme.primary_color | default: "#fff"}}, $lightness: -10%);
+$primary-text-color-darker: text-clr($primary-color-darker);
+$primary-color-darkest: scale-color({{site.data.settings.theme.primary_color | default: "#fff"}}, $lightness: -30%);
+$primary-text-color-darkest: text-clr($primary-color-darkest);
+
+$secondary-color: {{site.data.settings.theme.secondary_color | default: "#afa63d"}};
+$secondary-text-color: text-clr($secondary-color);
+$secondary-color-darker: scale-color({{site.data.settings.theme.secondary_color | default: "#fff"}}, $lightness: -10%);
+$secondary-text-color-darker: text-clr($secondary-color-darker);
+$secondary-color-darkest: scale-color({{site.data.settings.theme.secondary_color | default: "#fff"}}, $lightness: -30%);
+$secondary-text-color-darkest: text-clr($secondary-color-darkest);
+
+$accent-color: {{site.data.settings.theme.accent_color | default: "#219ab3"}};
+$accent-color-darker: scale-color({{site.data.settings.theme.accent_color | default: "#fff"}}, $lightness: -10%);
+$accent-color-darkest: scale-color({{site.data.settings.theme.accent_color | default: "#fff"}}, $lightness: -30%);
+
+$background-color: {{site.data.settings.theme.background_color | default: "#fff"}};
+
 :root {
     --intro-background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
              rgba(0,0,0,0.65) 100%),url({{site.data.settings.hero_image}}) no-repeat center center scroll;
@@ -14,4 +47,26 @@
         --intro-background-position: {{site.data.settings.mobile_hero_position | default: "center center"}};
         {% endif %}
     }
+
+    --text-color: #{$text-color};
+
+    --primary-color: #{$primary-color};
+    --primary-color-darker: #{$primary-color-darker};
+    --primary-color-darkest: #{$primary-color-darkest};
+    --primary-text-color: #{$primary-text-color};
+    --primary-text-color-darker: #{$primary-text-color-darker};
+    --primary-text-color-darkest: #{$primary-text-color-darkest};
+
+    --secondary-color: #{$secondary-color};
+    --secondary-color-darker: #{$secondary-color-darker};
+    --secondary-color-darkest: #{$secondary-color-darkest};
+    --secondary-text-color: #{$secondary-text-color};
+    --secondary-text-color-darker: #{$secondary-text-color-darker};
+    --secondary-text-color-darkest: #{$secondary-text-color-darkest};
+
+    --accent-color: #{$accent-color};
+    --accent-color-darker: #{$accent-color-darker};
+    --accent-color-darkest: #{$accent-color-darkest};
+
+    --background-color: #{$background-color};
 }