jekyll-theme-easy-wedding 0.1.21 → 0.1.22

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e3846ac576c275111b1155d5734874febf4a68fe083d04208e871cf5ca90d722
-  data.tar.gz: 395cd46ad841cda68846a136f523bdc73d5c5abc610a89c24d67e83564035c72
+  metadata.gz: e528e2b17bf7d135f76bfb5ad60f9e7af920a1c821d9e3065741b7b100bb9c00
+  data.tar.gz: c1d5943e355a2f870238db8b14f1502fadca721a47590accf79830e17d9e4eb6
 SHA512:
-  metadata.gz: 8e764828f3b973e995d86baf3b1d790a0a4095a5396358b1fd3dfe26af6c11ccd9fea9e30dafd04949a3e39702d0f9b40c8ce8d28739dad46eaa0d7e5e95d3c9
-  data.tar.gz: dde7f03764763080ce136a98b9956e8f19b4103fa617807ccb7dd68f16c2abbaf85c9e1ea06a5bd2d841bf21f50c173b6267616e7d03f484cabaa16c666d520d
+  metadata.gz: 5ff1e3f02b4f85f5aae767eb2f6d5ad717a9318b5887b8715bf7b3f50da7abbcc50c40d3cd9057c25104fc1c03228845d017df6fd1313c513f4baacd454237ff
+  data.tar.gz: 4350aec67292b38a6f8c33e8669871d3835e5c268ebd8cda7cd8f6c5bb66905cf9d9622708113f87420be2a8dd1387ee34f36590631f083b1c28733265e61220

data/_includes/people.html

@@ -5,7 +5,14 @@
     <div class="people-grid">
       {% for family in site.data.people.families %}
         <div class="protrait polaroid">
-          <img src="{{site.baseurl}}/assets/img/people/{{ family.pic }}" class="img-thumbnail img-responsive" alt="{{ family.name }}" title="{{ family.name }}">
+          <img src="{{site.baseurl}}/assets/img/people/{{ family.pic }}"
+               class="img-thumbnail img-responsive"
+               alt="{{ family.name }}"
+               title="{{ family.name }}"
+               {% if family.position %}
+               style="object-position: {{ family.position }}"
+               {% endif %}
+          >
           <div class="caption">
             <h4>{{ family.name }}</h4>
             <p>{{ family.people }}</p>
@@ -25,7 +32,14 @@
     <div class="people-grid">
       {% for kid in site.data.people.kids %}
         <div class="portrait polaroid">
-          <img src="{{site.baseurl}}/assets/img/people/{{ kid.pic }}" class="img-thumbnail img-responsive" alt="{{ kid.name }}" title="{{ kid.name }}">
+          <img src="{{site.baseurl}}/assets/img/people/{{ kid.pic }}"
+               class="img-thumbnail img-responsive"
+               alt="{{ kid.name }}"
+               title="{{ kid.name }}"
+               {% if her.position %}
+               style="object-position: {{ kid.position }}"
+               {% endif %}
+          >
           <div class="caption">
             <h5>{{ kid.name }}</h5>
               <small>{{ kid.role }}</small>
@@ -47,7 +61,11 @@
 
         <div class="portrait polaroid">
           <img class="img-thumbnail img-responsive" src="{{site.baseurl}}/assets/img/people/{{ her.pic }}" alt="{{ her.name }}"
-            title="{{ her.name }}">
+            title="{{ her.name }}"
+            {% if her.position %}
+            style="object-position: {{ her.position }}"
+            {% endif %}
+          >
           <div class="caption">
             <h5>{{ her.name }}</h5>
             <small>{{ her.role }}</small>
@@ -56,7 +74,11 @@
 
         <div class="portrait polaroid">
           <img class="img-thumbnail img-responsive" src="{{site.baseurl}}/assets/img/people/{{ his.pic }}" alt="{{ his.name }}"
-            title="{{ his.name }}">
+            title="{{ his.name }}"
+            {% if his.position %}
+            style="object-position: {{ his.position }}"
+            {% endif %}
+          >
           <div class="caption">
             <h5>{{ his.name }}</h5>
             <small>{{ his.role }}</small>

data/assets/css/styles.scss

@@ -13,6 +13,7 @@
 
 // Theme Variables
 $text-color: {{site.data.settings.theme.text_color | default: "#404040"}};
+$text-color-lighter: scale-color({{site.data.settings.theme.text_color | default: "#404040"}}, $lightness: 70%);
 
 $primary-color: {{site.data.settings.theme.primary_color | default: "#fff"}};
 $primary-text-color: text-clr($primary-color);
@@ -33,6 +34,7 @@ $accent-color-darker: scale-color({{site.data.settings.theme.accent_color | defa
 $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"}};
+$background-color-lighter: scale-color({{site.data.settings.theme.background_color | default: "#fff"}}, $lightness: 50%);
 
 :root {
     --intro-background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
@@ -49,6 +51,7 @@ $background-color: {{site.data.settings.theme.background_color | default: "#fff"
     }
 
     --text-color: #{$text-color};
+    --text-color-lighter: #{$text-color-lighter};
 
     --primary-color: #{$primary-color};
     --primary-color-darker: #{$primary-color-darker};
@@ -69,4 +72,5 @@ $background-color: {{site.data.settings.theme.background_color | default: "#fff"
     --accent-color-darkest: #{$accent-color-darkest};
 
     --background-color: #{$background-color};
+    --background-color-lighter: #{$background-color-lighter};
 }