Add more expo

docs/_includes/navbar.html

@@ -142,7 +142,7 @@
         </div>
       </div>
       <a class="navbar-item {% if page.route == 'expo' %}is-active{% endif %}" href="{{ site.url }}/expo/">
-        <span class="bd-emoji">🎨</span>
+        <span class="bd-emoji">⭐️</span>
         Expo
       </a>
       <a class="navbar-item {% if page.route == 'love' %}is-active{% endif %}" href="{{ site.url }}/love/">

docs/_includes/tws.html

@@ -33,7 +33,7 @@
         id="869284735440363520"
         date="9:10 PM - May 29, 2017"
         avatar="https://pbs.twimg.com/profile_images/663874141854961666/HXz-_UA4_bigger.jpg"
-        hearts="2"
+        hearts="4"
       %}
 
       {%

docs/_sass/expo.sass

@@ -1,6 +1,5 @@
 .bd-expo
   background-color: $background
-  background-color: $white
   padding: 1.5rem
 
 .bd-website
@@ -17,8 +16,19 @@
   margin-bottom: 1.5rem
   position: relative
   &:hover
+    .bd-website-shadow
+      opacity: 0
     .bd-website-overlay
       opacity: 0.25
+  .b-lazy
+    opacity: 0
+    transition: opacity 500ms $easing
+  .b-loaded
+    opacity: 1
+
+.bd-website-shadow
+  border: 1px solid rgba(#000, 0.04)
+  transition: opacity 200ms $easing
 
 .bd-website-overlay
   background-color: $black
@@ -40,8 +50,7 @@
   .bd-website
     margin-top: 3rem
     width: calc(50% - 3rem)
-    &:nth-child(1),
-    &:nth-child(2)
+    &:nth-child(1)
       margin-top: 0
     &.bd-is-highlighted
       width: 100%

docs/_sass/love.sass

@@ -1,3 +1,6 @@
+.bd-love
+  background-color: $background
+
 .bd-testimonials
   background-color: $background
 
@@ -72,10 +75,10 @@
   display: flex
   justify-content: center
 
-.bd-embrace
-  background-color: $background
-  border-radius: $radius
-  padding: 1.5rem
+// .bd-embrace
+//   background-color: $background
+//   border-radius: $radius
+//   padding: 1.5rem
 
 +mobile
   .bd-love

docs/css/bulma-docs.css

@@ -10327,7 +10327,6 @@ html.route-index .hero.is-primary a.column:hover .title strong {
 
 .bd-expo {
   background-color: whitesmoke;
-  background-color: white;
   padding: 1.5rem;
 }
 
@@ -10349,10 +10348,28 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   position: relative;
 }
 
+.bd-website-image:hover .bd-website-shadow {
+  opacity: 0;
+}
+
 .bd-website-image:hover .bd-website-overlay {
   opacity: 0.25;
 }
 
+.bd-website-image .b-lazy {
+  opacity: 0;
+  transition: opacity 500ms ease-out;
+}
+
+.bd-website-image .b-loaded {
+  opacity: 1;
+}
+
+.bd-website-shadow {
+  border: 1px solid rgba(0, 0, 0, 0.04);
+  transition: opacity 200ms ease-out;
+}
+
 .bd-website-overlay {
   background-color: #0a0a0a;
   opacity: 0;
@@ -10379,7 +10396,7 @@ html.route-index .hero.is-primary a.column:hover .title strong {
     margin-top: 3rem;
     width: calc(50% - 3rem);
   }
-  .bd-website:nth-child(1), .bd-website:nth-child(2) {
+  .bd-website:nth-child(1) {
     margin-top: 0;
   }
   .bd-website.bd-is-highlighted {
@@ -10390,6 +10407,10 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   }
 }
 
+.bd-love {
+  background-color: whitesmoke;
+}
+
 .bd-testimonials {
   background-color: whitesmoke;
 }
@@ -10491,12 +10512,6 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   justify-content: center;
 }
 
-.bd-embrace {
-  background-color: whitesmoke;
-  border-radius: 3px;
-  padding: 1.5rem;
-}
-
 @media screen and (max-width: 768px) {
   .bd-love {
     padding: 1.5rem;

docs/expo.html

@@ -7,6 +7,26 @@ other:
   url: https://lucperkins.github.io/bookkeeper/
   date: "26 Jul 2017"
 websites:
+- name: Gustav
+  url: https://hellogustav.com/
+  date: "29 Aug 2017"
+  highlighted: true
+- name: Penmob
+  url: https://www.penmob.com/
+  date: "23 Aug 2017"
+- name: Brújula Turística
+  url: https://www.brujulaturistica.com/
+  date: "3 Aug 2017"
+- name: Sketch for Designrs
+  url: http://sketch.fordesignrs.com/
+  date: "22 Aug 2017"
+  highlighted: true
+- name: LottieFiles
+  url: https://www.lottiefiles.com/
+  date: "1 Aug 2017"
+- name: Smileonthetiles
+  url: https://smileonthetiles.co.uk/
+  date: "1 Aug 2017"
 - name: Bashful Birdie
   url: http://www.bashfulbirdie.com/
   date: "24 Jul 2017"
@@ -127,6 +147,7 @@ websites:
                 width="672"
                 height="420">
             {% endif %}
+            <span class="bd-website-shadow is-overlay"></span>
             <span class="bd-website-overlay is-overlay"></span>
           </a>
           <h2 class="title is-5 bd-website-name is-marginless">