daiblogs 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +4 -4
  3. data/_includes/header.html +1 -1
  4. data/_includes/svg-defs.html +24 -6
  5. data/_includes/webfonts.html +1 -1
  6. data/_layouts/blog.html +4 -0
  7. data/_layouts/default.html +25 -4
  8. data/_layouts/home.html +146 -0
  9. data/_layouts/post.html +31 -0
  10. data/_sass/flickity.scss +137 -0
  11. data/_sass/grid.scss +0 -8
  12. data/_sass/layout.scss +818 -0
  13. data/_sass/legacy.scss +24 -17
  14. data/_sass/mixins.scss +1 -1
  15. data/_sass/typesetting.scss +8 -1
  16. data/_sass/variables.scss +25 -11
  17. data/assets/css/site.scss +2 -1
  18. data/assets/images/blockquote-right.svg +9 -0
  19. data/assets/images/blockquote.svg +9 -0
  20. data/assets/images/bottom-rec.svg +9 -0
  21. data/assets/images/full-rec.svg +9 -0
  22. data/assets/images/open-rec.svg +11 -0
  23. data/assets/images/top-rec.svg +9 -0
  24. data/assets/js/progress.js +73 -0
  25. data/assets/js/site.js +12 -0
  26. metadata +11 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: bd80deb565e6e21618f0abebf14136877a338477e8e097cf7efd3be854cb0b4e
4
- data.tar.gz: 1ebdfc82da5938581a9e09011e59a10845cb3e7234fe007592f6a1cafae22b8f
3
+ metadata.gz: 319945bd60e616148b940048a2650dbf2a6687f209e72f28dc7cfc7e6cfb265e
4
+ data.tar.gz: 3e11c76d0cf7c67598f4d4cc2d1bbce58c24d56e164db89230a21d05940a57ce
5
5
  SHA512:
6
- metadata.gz: 7f62e6f76527a379f39eda031c64133b8eb27af47e7b12af25c6331a4735138421b9a02168714cbf8cdaf0f6bdb7de92e7decf71018d38f22682a91d023d6fd0
7
- data.tar.gz: e1c9c0b1418a30af95934d5b5ceddac3fff76e54bd48667f9ea545a6fc1e5ce985dbdaeae1c309ba418d1e58ca1f2736525191367909c096cb462acc3cbaad1a
6
+ metadata.gz: 5bb3a46e625f7fa31704aa4ddc8bb2602f386c8b370bcf436fad9b8fe1bb45222a76ac903b84807972dc3c04639935609ba161cbe9e8720a386fac739c11f6d8
7
+ data.tar.gz: 784a38219d31f32ffd0b24ffd42c40c2a1d2c07be9665c48739aa525b1c27f7b243d0deb881be0a213a72fa8792e5d01cdfb0899a6b2bf5640a6ffcfc128a49a
data/_includes/footer.html CHANGED
@@ -1,15 +1,15 @@
1
1
  <footer>
2
2
  <div class="footer-inner">
3
- <p id="last"></p>
3
+ <p id="last"></p>f
4
4
  <p class="footer-bottom-links"><a href="/sign-up" class="footer-bottom-link">Sign Up</a>
5
5
  <a href="/contact-us" class="footer-bottom-link">Contact Us</a>
6
6
  <a href="/project-login" class="footer-bottom-link">Project Login</a>
7
- <a href="/privacy-policy" class="footer-bottom-link">Privacy Policy</a> Copyright DAI. All Rights Reserved. </p>
7
+ <a href="/privacy-policy" class="footer-bottom-link">Privacy Policy</a> <span class="copyright">Copyright DAI. All Rights Reserved.</span> </p>
8
8
  {% include footer-nav.html %}
9
9
  <div class="footer-bottom">
10
- <svg class="logo--footer" viewBox="0 0 982 245" preserveAspectRatio="xMinYMax meet"><use xlink:href="#flat-logo"></use></svg><span class="trademarked">&reg; </span>
11
- <svg class="logo--footer--afiliate" viewBox="0 0 708 426" preserveAspectRatio="xMinYMax meet"><use xlink:href="#affiliate-badge"></use></svg>
10
+ <svg class="logo--footer footer-flat--logo" viewBox="0 0 982 245" preserveAspectRatio="xMinYMax meet"><use xlink:href="#flater-logo"></use></svg><span class="trademarked">&reg; </span>
12
11
  </div>
12
+ <p></p>
13
13
  <p class="legaleeze">DAI is an equal opportunity/affirmative action employer with a commitment to diversity. All qualified applicants will receive consideration for employment without regard to race, color, religion, sex, sexual orientation, gender identity or national origin. <a href="/eeo">Related Resources</a></p>
14
14
  </div>
15
15
 
data/_includes/header.html CHANGED
@@ -22,7 +22,7 @@
22
22
  <div class="header-site_nav">
23
23
  <div class="header-inner">
24
24
  <div class="header-inner--wrap">
25
- <a class="header-inner--logo" href="https://www.dai.com"><svg class="logo" viewBox="0 0 982 245" preserveAspectRatio="xMinYMax meet"><use xlink:href="#logo"></use></svg></a>
25
+ <a class="header-inner--logo" href="https://www.dai.com"><svg class="logo header-flat--logo" viewBox="0 0 982 245" preserveAspectRatio="xMinYMax meet"><use xlink:href="#flat-logo"></use></svg></a>
26
26
  <ul class="header-nav--main">
27
27
  <li class="has-dropdown"><a id="who-we-are-nav"href="https://www.dai.com/#who-we-are{% if page.title == "Home" %}{{"_hash"}}{% endif %}" class="{% if page.url contains "who-we-are" %}{{"active"}}{% endif %}">Who We Are</a>{% unless page.title == "Home" %}<ul class="dropdown">
28
28
  {% for item in site.data.nav-main-who %}
data/_includes/svg-defs.html CHANGED
@@ -1,5 +1,17 @@
1
1
  <svg style="display: none;">
2
2
  <defs>
3
+ <g class="svg" id="clock" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <g id="clock" transform="translate(5.000000, 5.000000)" stroke="#A1C7E3" stroke-width="10">
5
+ <circle id="Oval" cx="50" cy="50" r="50"></circle>
6
+ <polyline id="Line" stroke-linecap="square" points="54.5234375 25 46 49.6551837 76.640625 68.1992187"></polyline>
7
+ </g>
8
+ </g>
9
+ <g id="bottom-rec" class="svg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
10
+ <rect id="Rectangle" stroke="#FFFFFF" stroke-width="9" x="5" y="-340" width="795" height="888"></rect>
11
+ </g>
12
+ <g id="border-rectangle" class="svg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
13
+ <rect id="Rectangle" stroke="#FFFFFF" stroke-width="9" x="5" y="5" width="795" height="888"></rect>
14
+ </g>
3
15
  <g id="affiliate-badge" class="svg-badge" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
16
  <rect id="Rectangle-Copy" fill="#303B40" x="0" y="0" width="707.753906" height="425.5625"></rect>
5
17
  <g id="Group-Copy" transform="translate(84.000000, 141.000000)" fill="#F2F0ED">
@@ -175,8 +187,8 @@
175
187
  <path d="M2.56640625,0.93359375 C2.1796875,0.51171875 1.51171875,0.40625 0.9140625,0.58203125 C0.31640625,0.828125 0,1.42578125 0,1.98828125 L0,21.5 C0,21.5 12,33.9101575 12,35.0000012 C12,36.089845 0,48.5 0,48.5 L0,68.0117188 C0,68.5742188 0.31640625,69.171875 0.9140625,69.4179688 C1.51171875,69.59375 2.1796875,69.4882813 2.56640625,69.0664063 L35.578125,36.0898438 C35.8242188,35.7382813 36,35.421875 36,35 C36,34.578125 35.8242188,34.2617188 35.578125,33.9101563 L2.56640625,0.93359375 Z" id="right" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
176
188
  </g>
177
189
  <g id="search" sketch:type="MSLayerGroup">
178
- <path d="M440.841,375.939 L438.15,373.25 L438.156,373.248 L330.642,265.726 C345.58,239.992 354.258,210.161 354.462,178.275 C355.088,80.66 276.472,1.032 178.864,0.418 C178.47,0.416 178.088,0.416 177.696,0.416 C80.635,0.42 1.628,78.807 1.003,176.014 C0.385,273.623 79.002,353.25 176.6,353.873 C176.989,353.875 177.366,353.877 177.755,353.877 C210.198,353.877 240.601,345.087 266.753,329.802 L374.172,437.233 L374.182,437.224 L376.868,439.909 C384.993,448.033 398.161,448.026 406.282,439.909 L440.841,405.355 C448.958,397.238 448.963,384.062 440.841,375.939 L440.841,375.939 Z" id="search-path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
179
- <path d="M176.885,308.804 C104.296,308.338 45.615,248.896 46.073,176.302 C46.538,104.173 105.587,45.49 177.698,45.486 L178.578,45.488 C213.745,45.708 246.721,59.612 271.428,84.637 C296.133,109.662 309.617,142.814 309.39,177.988 C309.168,213.003 295.363,245.881 270.523,270.553 C245.689,295.223 212.743,308.805 177.755,308.805 L176.885,308.804 L176.885,308.804 Z" id="circle-fill" fill="#000000" sketch:type="MSShapeGroup"></path>
190
+ <path d="M440.841,375.939 L438.15,373.25 L438.156,373.248 L330.642,265.726 C345.58,239.992 354.258,210.161 354.462,178.275 C355.088,80.66 276.472,1.032 178.864,0.418 C178.47,0.416 178.088,0.416 177.696,0.416 C80.635,0.42 1.628,78.807 1.003,176.014 C0.385,273.623 79.002,353.25 176.6,353.873 C176.989,353.875 177.366,353.877 177.755,353.877 C210.198,353.877 240.601,345.087 266.753,329.802 L374.172,437.233 L374.182,437.224 L376.868,439.909 C384.993,448.033 398.161,448.026 406.282,439.909 L440.841,405.355 C448.958,397.238 448.963,384.062 440.841,375.939 L440.841,375.939 Z" id="search-path" sketch:type="MSShapeGroup"></path>
191
+ <path d="M176.885,308.804 C104.296,308.338 45.615,248.896 46.073,176.302 C46.538,104.173 105.587,45.49 177.698,45.486 L178.578,45.488 C213.745,45.708 246.721,59.612 271.428,84.637 C296.133,109.662 309.617,142.814 309.39,177.988 C309.168,213.003 295.363,245.881 270.523,270.553 C245.689,295.223 212.743,308.805 177.755,308.805 L176.885,308.804 L176.885,308.804 Z" id="circle-fill" fill="#f2f0ed"sketch:type="MSShapeGroup"></path>
180
192
  </g>
181
193
  <g id="logo" sketch:type="MSLayerGroup">
182
194
  <path d="M0,0 L0,74 L371,74 L371,0 L0,0 L0,0 Z" id="logo-blue" fill="#8DBCDA" sketch:type="MSShapeGroup"></path>
@@ -185,10 +197,16 @@
185
197
  <path d="M500,54 L500,188 L540.503145,188 C547.060829,188 553.425546,186.908159 559.597484,184.724444 C565.769423,182.54073 571.266223,178.917803 576.08805,173.855556 C580.909877,168.793308 584.767281,162.192633 587.660377,154.053333 C590.553474,145.914033 592,135.988207 592,124.275556 C592,113.555502 590.987432,103.877821 588.962264,95.2422222 C586.937097,86.6066235 583.610086,79.2118826 578.981132,73.0577778 C574.352178,66.9036729 568.22855,62.1889053 560.610063,58.9133333 C552.991576,55.6377614 543.589154,54 532.402516,54 L500,54 Z M436,244 L436,2 L543.21519,2 C559.227928,2 574.138117,4.48550269 587.946203,9.45658263 C601.754288,14.4276626 613.705646,21.8841706 623.800633,31.8263305 C633.89562,41.7684904 641.785837,54.1960039 647.471519,69.1092437 C653.157201,84.0224835 656,101.53398 656,121.644258 C656,139.268996 653.679348,155.537741 649.037975,170.45098 C644.396601,185.36422 637.376629,198.243643 627.977848,209.089636 C618.579067,219.935628 606.859775,228.465422 592.81962,234.679272 C578.779466,240.893122 562.244821,244 543.21519,244 L436,244 Z M743,153 L806,153 L775.351351,64 L774.67027,64 L743,153 Z M714.598454,73.3251553 L741.5942,2 L807.534815,2 C807.534815,2 821.307186,39.2537568 835.079561,76.5075124 L897,244 L831.276814,243.999999 L815.543096,200.013933 L729.043532,200.013933 L714.301878,243.999999 L650,244 L714.598454,73.3251553 Z M919,244 L919,2 L982,2 L982,244 L919,244 Z" id="logo-dai" fill="#6A4C17" sketch:type="MSShapeGroup"></path>
186
198
  </g>
187
199
  <g id="flat-logo" sketch:type="MSLayerGroup">
188
- <path d="M0,0 L0,74 L371,74 L371,0 L0,0 L0,0 Z" id="logo-blue" fill="#f2f0ed" sketch:type="MSShapeGroup"></path>
189
- <path d="M0,85 L0,159 L371,159 L371,85 L0,85 L0,85 Z" id="logo-green" fill="#f2f0ed" sketch:type="MSShapeGroup"></path>
190
- <path d="M0,171 L0,245 L371,245 L371,171 L0,171 L0,171 Z" id="logo-brown" fill="#f2f0ed" sketch:type="MSShapeGroup"></path>
191
- <path d="M500,54 L500,188 L540.503145,188 C547.060829,188 553.425546,186.908159 559.597484,184.724444 C565.769423,182.54073 571.266223,178.917803 576.08805,173.855556 C580.909877,168.793308 584.767281,162.192633 587.660377,154.053333 C590.553474,145.914033 592,135.988207 592,124.275556 C592,113.555502 590.987432,103.877821 588.962264,95.2422222 C586.937097,86.6066235 583.610086,79.2118826 578.981132,73.0577778 C574.352178,66.9036729 568.22855,62.1889053 560.610063,58.9133333 C552.991576,55.6377614 543.589154,54 532.402516,54 L500,54 Z M436,244 L436,2 L543.21519,2 C559.227928,2 574.138117,4.48550269 587.946203,9.45658263 C601.754288,14.4276626 613.705646,21.8841706 623.800633,31.8263305 C633.89562,41.7684904 641.785837,54.1960039 647.471519,69.1092437 C653.157201,84.0224835 656,101.53398 656,121.644258 C656,139.268996 653.679348,155.537741 649.037975,170.45098 C644.396601,185.36422 637.376629,198.243643 627.977848,209.089636 C618.579067,219.935628 606.859775,228.465422 592.81962,234.679272 C578.779466,240.893122 562.244821,244 543.21519,244 L436,244 Z M743,153 L806,153 L775.351351,64 L774.67027,64 L743,153 Z M714.598454,73.3251553 L741.5942,2 L807.534815,2 C807.534815,2 821.307186,39.2537568 835.079561,76.5075124 L897,244 L831.276814,243.999999 L815.543096,200.013933 L729.043532,200.013933 L714.301878,243.999999 L650,244 L714.598454,73.3251553 Z M919,244 L919,2 L982,2 L982,244 L919,244 Z" id="logo-dai" fill="#f2f0ed" sketch:type="MSShapeGroup"></path>
200
+ <path d="M0,0 L0,74 L371,74 L371,0 L0,0 L0,0 Z" id="logo-blue" sketch:type="MSShapeGroup" fill="#a1c7e3"></path>
201
+ <path d="M0,85 L0,159 L371,159 L371,85 L0,85 L0,85 Z" id="logo-green" sketch:type="MSShapeGroup" fill="#8fc73e"></path>
202
+ <path d="M0,171 L0,245 L371,245 L371,171 L0,171 L0,171 Z" id="logo-brown" sketch:type="MSShapeGroup"></path>
203
+ <path d="M500,54 L500,188 L540.503145,188 C547.060829,188 553.425546,186.908159 559.597484,184.724444 C565.769423,182.54073 571.266223,178.917803 576.08805,173.855556 C580.909877,168.793308 584.767281,162.192633 587.660377,154.053333 C590.553474,145.914033 592,135.988207 592,124.275556 C592,113.555502 590.987432,103.877821 588.962264,95.2422222 C586.937097,86.6066235 583.610086,79.2118826 578.981132,73.0577778 C574.352178,66.9036729 568.22855,62.1889053 560.610063,58.9133333 C552.991576,55.6377614 543.589154,54 532.402516,54 L500,54 Z M436,244 L436,2 L543.21519,2 C559.227928,2 574.138117,4.48550269 587.946203,9.45658263 C601.754288,14.4276626 613.705646,21.8841706 623.800633,31.8263305 C633.89562,41.7684904 641.785837,54.1960039 647.471519,69.1092437 C653.157201,84.0224835 656,101.53398 656,121.644258 C656,139.268996 653.679348,155.537741 649.037975,170.45098 C644.396601,185.36422 637.376629,198.243643 627.977848,209.089636 C618.579067,219.935628 606.859775,228.465422 592.81962,234.679272 C578.779466,240.893122 562.244821,244 543.21519,244 L436,244 Z M743,153 L806,153 L775.351351,64 L774.67027,64 L743,153 Z M714.598454,73.3251553 L741.5942,2 L807.534815,2 C807.534815,2 821.307186,39.2537568 835.079561,76.5075124 L897,244 L831.276814,243.999999 L815.543096,200.013933 L729.043532,200.013933 L714.301878,243.999999 L650,244 L714.598454,73.3251553 Z M919,244 L919,2 L982,2 L982,244 L919,244 Z" id="logo-dai" sketch:type="MSShapeGroup"></path>
204
+ </g>
205
+ <g id="flater-logo" sketch:type="MSLayerGroup">
206
+ <path d="M0,0 L0,74 L371,74 L371,0 L0,0 L0,0 Z" id="logo-blue" sketch:type="MSShapeGroup" fill="#c8c6c2"></path>
207
+ <path d="M0,85 L0,159 L371,159 L371,85 L0,85 L0,85 Z" id="logo-green" sketch:type="MSShapeGroup" fill="#c8c6c2"></path>
208
+ <path d="M0,171 L0,245 L371,245 L371,171 L0,171 L0,171 Z" id="logo-brown" sketch:type="MSShapeGroup"></path>
209
+ <path d="M500,54 L500,188 L540.503145,188 C547.060829,188 553.425546,186.908159 559.597484,184.724444 C565.769423,182.54073 571.266223,178.917803 576.08805,173.855556 C580.909877,168.793308 584.767281,162.192633 587.660377,154.053333 C590.553474,145.914033 592,135.988207 592,124.275556 C592,113.555502 590.987432,103.877821 588.962264,95.2422222 C586.937097,86.6066235 583.610086,79.2118826 578.981132,73.0577778 C574.352178,66.9036729 568.22855,62.1889053 560.610063,58.9133333 C552.991576,55.6377614 543.589154,54 532.402516,54 L500,54 Z M436,244 L436,2 L543.21519,2 C559.227928,2 574.138117,4.48550269 587.946203,9.45658263 C601.754288,14.4276626 613.705646,21.8841706 623.800633,31.8263305 C633.89562,41.7684904 641.785837,54.1960039 647.471519,69.1092437 C653.157201,84.0224835 656,101.53398 656,121.644258 C656,139.268996 653.679348,155.537741 649.037975,170.45098 C644.396601,185.36422 637.376629,198.243643 627.977848,209.089636 C618.579067,219.935628 606.859775,228.465422 592.81962,234.679272 C578.779466,240.893122 562.244821,244 543.21519,244 L436,244 Z M743,153 L806,153 L775.351351,64 L774.67027,64 L743,153 Z M714.598454,73.3251553 L741.5942,2 L807.534815,2 C807.534815,2 821.307186,39.2537568 835.079561,76.5075124 L897,244 L831.276814,243.999999 L815.543096,200.013933 L729.043532,200.013933 L714.301878,243.999999 L650,244 L714.598454,73.3251553 Z M919,244 L919,2 L982,2 L982,244 L919,244 Z" id="logo-dai" sketch:type="MSShapeGroup"></path>
192
210
  </g>
193
211
  </defs>
194
212
  </svg>
data/_includes/webfonts.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>
2
2
  (function(d) {
3
3
  var config = {
4
- kitId: 'yjb4iuu',
4
+ kitId: 'epl6fzl',
5
5
  scriptTimeout: 3000
6
6
  },
7
7
  h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
data/_layouts/blog.html CHANGED
@@ -0,0 +1,4 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
data/_layouts/default.html CHANGED
@@ -2,13 +2,34 @@
2
2
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
3
3
  {% include iehacks.html %}
4
4
  {% include head.html %}
5
- <body class="{% if page.promos %}{% if page.promos[0].title.size > 1 %}promos {% endif %}{% endif %}{% if page.country-page %}country {% endif %}" >
5
+ <body class="" >
6
6
  <div class="wrapper">
7
7
  {% include header.html %}
8
-
9
- {{ content }}
10
- </div>
8
+ <div class="inner-wrap blogs-block">
9
+ {{ content }}
10
+ </div>
11
11
  {% include footer.html %}
12
12
  </div>
13
+
14
+ {%- if page.layout == "post" -%}
15
+ <script src="assets/js/progress.js"></script>
16
+ <script type="text/javascript">
17
+ document.addEventListener("DOMContentLoaded", function (event) {
18
+ progressJS.start({"css": "true"});
19
+ });
20
+ </script>
21
+ {%- endif -%}
13
22
  </body>
23
+ {%- if page.layout == "home" -%}
24
+ <script>
25
+ var elem = document.querySelector('.main-carousel');
26
+ var flkty = new Flickity( elem, {
27
+ // options
28
+ autoPlay: true,
29
+ wrapAround: true,
30
+ cellAlign: 'left',
31
+ contain: true
32
+ });
33
+ </script>
34
+ {%- endif -%}
14
35
  </html>
data/_layouts/home.html CHANGED
@@ -0,0 +1,146 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="blog-masthead">
5
+ <div class="blog-masthead--logo">
6
+
7
+ </div>
8
+ <div class="blog-masthead--search">
9
+ <h3><svg class="search-icon" viewBox="0 0 447 446" preserveAspectRatio="xMinYMax meet"><use xlink:href="#search"></use></svg><input type="text" placeholder="Search"></h3>
10
+ </div>
11
+ <div class="blog-masthead--subscribe">
12
+ <h3>Subscribe <input type="text" placeholder="Email Address"></h3>
13
+ </div>
14
+ </div>
15
+ <div class="featured">
16
+ <div class="featured--title">
17
+ <h2><span>FEATURE</span> <span class="emphasize">ARTICLES</span></h2>
18
+ <hr class="bar">
19
+ </div>
20
+ </div>
21
+ {%- assign toppost = site.posts | where_exp:"post","post.weight > 8" -%}
22
+ {%- for post in toppost limit:1 -%}
23
+ <div class="featured-zero">
24
+ <div class="featured-zero--blog">{{ site.title }}</div>
25
+ <div class="featured-zero--image" style="background-image: url({{ post.featured-image }});"></div>
26
+ <div class="featured-zero--post">
27
+ <div class="featured-zero--author">
28
+ {%- assign author = site.data.experts | where_exp:"expert", "expert.name == post.author" -%}
29
+ {%- if author > 0 -%}
30
+ <div class="featured-zero--author-pic">
31
+ <img src="{{ author[0].image }}" alt="">
32
+ <span><a href="{{ author[0].link }}">{{ author[0].name }}</a></span>
33
+ </div>
34
+ {%- else -%}
35
+ <div class="featured-zero--author-pic">
36
+ <img src="/uploads/author-placeholder.jpg" alt="">
37
+ <span>{{ post.author | markdownify | remove:"<p>" | remove:"</p>"}}</span>
38
+ </div>
39
+ {%- endif -%}
40
+ <div class="featured-zero--author-data">
41
+ <p>Tags: {% for tag in post.tags %}<a href=" ">{{ tag }}</a> {% unless forloop.last %}<span class="seperator">/</span> {% endunless %} {% endfor %}</p>
42
+ <p>{{ post.date | date: '%m/%d' }} | {% capture time %}{{ post.content | reading_time }}{% endcapture %} {{ time }} min read</p>
43
+ </div>
44
+ </div>
45
+ <div class="featured-zero--post-wrap">
46
+ <h4>{{ post.title }}<hr class="bar"></h4>
47
+ <p>{{ post.summary}}</p>
48
+ <a href="{{ post.url }}" class="button">READ MORE</a>
49
+ </div>
50
+ </div>
51
+
52
+ {% endfor %}
53
+ </div>
54
+ <div class="featured-other">
55
+ {%- for post in toppost offset:1 limit:2-%}
56
+ <div class="featured-other--wrap {% cycle "odd", "even" %}">
57
+ <div class="featured-other--blog">{{ site.title }}</div>
58
+ <div class="featured-other--image" style="background-image: url({{post.featured-image}}); background-position: center; background-size: cover; "></div>
59
+ <div class="featured-other--post">
60
+ <div class="featured-other--author">
61
+ {%- assign author = site.data.experts | where_exp:"expert", "expert.name == post.author" -%}
62
+ {%- if author.size > 0 -%}
63
+ <div class="featured-other--author-pic">
64
+ <img src="{{ author[0].image }}" alt="">
65
+ <span><a href="{{ author[0].link }}">{{ author[0].name }}</a></span>
66
+ </div>
67
+ {%- else -%}
68
+ <div class="featured-other--author-pic">
69
+ <img src="/uploads/author-placeholder.jpg" alt="">
70
+ <span>{{ post.author | markdownify | remove:"<p>" | remove:"</p>"}}</span>
71
+ </div>
72
+ {%- endif -%}
73
+ <div class="featured-other--author-data">
74
+ <p>{{ post.date | date: '%m/%d' }} | {% capture time %}{{ post.content | reading_time }}{% endcapture %} {{ time }} min read</p>
75
+ </div>
76
+ </div>
77
+ <div class="featured-other--post-wrap">
78
+ <h4 class="featured-other--title">{{ post.title | truncate: 84 }}<hr class="bar"></h4>
79
+ <p class="featured-other--summary">{{ post.summary | markdownify | remove:'<p>' | rmeove:'</p>' | truncate: 125}}</p>
80
+ <a href="{{ post.url }}" class="button">READ MORE</a>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ {%- endfor -%}
85
+ </div>
86
+ <div class="recent">
87
+ <div class="featured--title">
88
+ <h2><span>RECENT</span> <span class="emphasize">ARTICLES</span></h2>
89
+ <hr class="bar">
90
+ </div>
91
+ <div class="shadow-wrap">
92
+ <div class="main-carousel">
93
+ {%- comment -%} This loop will have to be re-written once we can pull in more real posts, for right now we're just looping through the same 3 {%- endcomment -%}
94
+ {%- assign recent = site.posts -%}
95
+ {%- for post in recent limit:6 -%}
96
+ <div class="carousel-cell">
97
+ <div class="recent-blog">
98
+ <span>{{post.publication}}<span/>
99
+ </div>
100
+ <div class="recent-image">
101
+ <img src="{{post.featured-image}}"/>
102
+ </div>
103
+ <div class="featured-other--author">
104
+ {%- assign author = site.data.experts | where_exp:"expert", "expert.name == post.author" -%}
105
+ {%- if author.size > 0 -%}
106
+ <div class="featured-other--author-pic">
107
+ <img src="{{ author[0].image }}" alt="">
108
+ <span><a href="{{ author[0].link }}">{{ author[0].name }}</a></span>
109
+ </div>
110
+ {%- else -%}
111
+ <div class="featured-other--author-pic">
112
+ <img src="/uploads/author-placeholder.jpg" alt="">
113
+ <span>{{ post.author | markdownify | remove:"<p>" | remove:"</p>"}}</span>
114
+ </div>
115
+ {%- endif -%}
116
+ <div class="featured-other--author-data">
117
+ <p>{{ post.date | date: '%m/%d' }} | {% capture time %}{{ post.content | reading_time }}{% endcapture %} {{ time }} min read</p>
118
+ </div>
119
+ </div>
120
+ <h4 class="featured-other--title">{{ post.title | truncate: 84 }}<hr class="bar"></h4>
121
+ <p class="featured-other--summary">{{ post.summary | markdownify | remove:'<p>' | rmeove:'</p>' | truncate: 125}}</p>
122
+ <a href="{{ post.url }}" class="button">READ MORE</a>
123
+ </div>
124
+ {%- endfor -%}
125
+ </div>
126
+ </div>
127
+ </div>
128
+ <div class="more">
129
+ <div class="featured--title">
130
+ <h2><span>MORE</span> <span class="emphasize">NEWS</span></h2>
131
+ <hr class="bar">
132
+ </div>
133
+ <div class="more-block-wrap">
134
+ {%- comment -%} @FIXME We'll need to activate this logic when we've got more posts to work with in the site{%- assign morepost = site.posts | were_exp:"pos","post.weight < 8" -%} {%- endcomment -%}
135
+ {%- assign more = site.posts | where_exp:"post", "post.weight < 8" -%}
136
+ {%- for post in more limit:9 -%}
137
+ <div class="more-block">
138
+ <hr class="bar">
139
+ <h3 class="more-title">{{ post.title | truncate:85 }}</h3>
140
+ <div class="more-details"><span class="more-blog">{{ post.publication }}</span><span class="more-time"><svg class="clock-icon" viewBox="0 0 110 110" preserveAspectRatio="xMinYMax meet"><use xlink:href="#clock"></use></svg> {% capture time %}{{ post.content | reading_time }}{% endcapture %} {{ time }} min read
141
+ </span> </div>
142
+ </div>
143
+ {%- endfor -%}
144
+ </div>
145
+ </div>
146
+
data/_layouts/post.html CHANGED
@@ -0,0 +1,31 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="post-wrapper">
5
+ <div class="lead-wrap">
6
+ <div class="post-summary">
7
+ <h3 class="summary-publication">{{ page.publication }}</h3>
8
+ <h1 class ="summary-title">{{ page.title }}
9
+ <hr class="bar">
10
+ </h1>
11
+ <div class="summary-details">
12
+ <p class="details-time">{% capture time %}{{ page.content | reading_time }}{% endcapture %} {{ time }} min read</p>
13
+ {%- assign author = site.data.experts | where_exp:"expert", "expert.name == page.author" -%}
14
+ {%- if author > 0 -%}
15
+ <p class="details-author">By <a href="{{author[0].link}}">{{author[0].name}}</a></p>
16
+ {%- else -%}
17
+ <p class="details-author">By {{ page.author | markdownify | remove:"<p>" | remove:"</p>"}}</p>
18
+ {%- endif -%}
19
+ <p>Tags: {% for tag in page.tags %}<a href=" ">{{ tag }}</a> {% unless forloop.last %}<span class="seperator">/</span> {% endunless %} {% endfor %}</p>
20
+ </div>
21
+ <div class="summary-summary">
22
+ {{ page.summary }}
23
+ </div>
24
+ </div>
25
+ <div class="post-image" style="background-image: url({{ page.featured-image }})"></div>
26
+ </div>
27
+
28
+ <div class="post-body">
29
+ {{content}}
30
+ </div>
31
+ </div>
data/_sass/flickity.scss ADDED
@@ -0,0 +1,137 @@
1
+ /*! Flickity v2.2.1
2
+ https://flickity.metafizzy.co
3
+ ---------------------------------------------- */
4
+
5
+ .flickity-enabled {
6
+ position: relative;
7
+ }
8
+
9
+ .flickity-enabled:focus { outline: none; }
10
+
11
+ .flickity-viewport {
12
+ overflow: hidden;
13
+ position: relative;
14
+ height: 100%;
15
+ }
16
+
17
+ .flickity-slider {
18
+ position: absolute;
19
+ width: 100%;
20
+ height: 100%;
21
+ }
22
+
23
+ /* draggable */
24
+
25
+ .flickity-enabled.is-draggable {
26
+ -webkit-tap-highlight-color: transparent;
27
+ -webkit-user-select: none;
28
+ -moz-user-select: none;
29
+ -ms-user-select: none;
30
+ user-select: none;
31
+ }
32
+
33
+ .flickity-enabled.is-draggable .flickity-viewport {
34
+ cursor: move;
35
+ cursor: -webkit-grab;
36
+ cursor: grab;
37
+ }
38
+
39
+ .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
40
+ cursor: -webkit-grabbing;
41
+ cursor: grabbing;
42
+ }
43
+
44
+ /* ---- flickity-button ---- */
45
+
46
+ .flickity-button {
47
+ position: absolute;
48
+ background: hsla(0, 0%, 100%, 0.75);
49
+ border: none;
50
+ color: #333;
51
+ }
52
+
53
+ .flickity-button:hover {
54
+ background: white;
55
+ cursor: pointer;
56
+ }
57
+
58
+ .flickity-button:focus {
59
+ outline: none;
60
+ box-shadow: 0 0 0 5px #19F;
61
+ }
62
+
63
+ .flickity-button:active {
64
+ opacity: 0.6;
65
+ }
66
+
67
+ .flickity-button:disabled {
68
+ opacity: 0.3;
69
+ cursor: auto;
70
+ /* prevent disabled button from capturing pointer up event. #716 */
71
+ pointer-events: none;
72
+ }
73
+
74
+ .flickity-button-icon {
75
+ fill: currentColor;
76
+ }
77
+
78
+ /* ---- previous/next buttons ---- */
79
+
80
+ .flickity-prev-next-button {
81
+ top: 50%;
82
+ width: 44px;
83
+ height: 44px;
84
+ border-radius: 50%;
85
+ /* vertically center */
86
+ transform: translateY(-50%);
87
+ }
88
+
89
+ .flickity-prev-next-button.previous { left: 10px; }
90
+ .flickity-prev-next-button.next { right: 10px; }
91
+ /* right to left */
92
+ .flickity-rtl .flickity-prev-next-button.previous {
93
+ left: auto;
94
+ right: 10px;
95
+ }
96
+ .flickity-rtl .flickity-prev-next-button.next {
97
+ right: auto;
98
+ left: 10px;
99
+ }
100
+
101
+ .flickity-prev-next-button .flickity-button-icon {
102
+ position: absolute;
103
+ left: 20%;
104
+ top: 20%;
105
+ width: 60%;
106
+ height: 60%;
107
+ }
108
+
109
+ /* ---- page dots ---- */
110
+
111
+ .flickity-page-dots {
112
+ position: absolute;
113
+ width: 100%;
114
+ bottom: -25px;
115
+ padding: 0;
116
+ margin: 0;
117
+ list-style: none;
118
+ text-align: center;
119
+ line-height: 1;
120
+ }
121
+
122
+ .flickity-rtl .flickity-page-dots { direction: rtl; }
123
+
124
+ .flickity-page-dots .dot {
125
+ display: inline-block;
126
+ width: 10px;
127
+ height: 10px;
128
+ margin: 0 8px;
129
+ background: #333;
130
+ border-radius: 50%;
131
+ opacity: 0.25;
132
+ cursor: pointer;
133
+ }
134
+
135
+ .flickity-page-dots .dot.is-selected {
136
+ opacity: 1;
137
+ }