Add more expo

diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html
index 1261803a34e28513254429539d5a4144dab705fa..9acfcb1e5cef93280c788410bcf1b3fa68f76a76 100644 (file)
--- a/docs/_includes/navbar.html
+++ b/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/">

diff --git a/docs/_includes/tws.html b/docs/_includes/tws.html
index bfec7244bc162b409d086a14a281a09fd5eb5244..9598e041abc64eb8b19c4161a3bf13ac7cb656f0 100644 (file)
--- a/docs/_includes/tws.html
+++ b/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"
       %}
 
       {%

diff --git a/docs/_sass/expo.sass b/docs/_sass/expo.sass
index 7c62a2e39752e2295d721ac84921955aa7d06815..d488fe6368cd41310f072990a14d72899a2fd0a0 100644 (file)
--- a/docs/_sass/expo.sass
+++ b/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%

diff --git a/docs/_sass/love.sass b/docs/_sass/love.sass
index ab2a48042c6cd7d8660aca7c26879b875b88d3dc..27dc1793f4388ab746fe8d4c27c89ea19f61ce23 100644 (file)
--- a/docs/_sass/love.sass
+++ b/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

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 0a418d5f99ce4da43030a5e86d714cdf1558ae5f..af4e06d74d055b46b64cee518b29f095b0329856 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/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;

diff --git a/docs/expo.html b/docs/expo.html
index eb93bd2ed23b9a049e003a1980727751f0e54fd2..08892128dd737afbea60fc134f572ee0860d4a70 100644 (file)
--- a/docs/expo.html
+++ b/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">

diff --git a/docs/images/expo/brújula-turística-1344x840.jpg b/docs/images/expo/brújula-turística-1344x840.jpg
new file mode 100644 (file)
index 0000000..cc237b2
Binary files /dev/null and "b/docs/images/expo/br\303\272jula-tur\303\255stica-1344x840.jpg" differ

diff --git a/docs/images/expo/brújula-turística-672x420.jpg b/docs/images/expo/brújula-turística-672x420.jpg
new file mode 100644 (file)
index 0000000..65b98a4
Binary files /dev/null and "b/docs/images/expo/br\303\272jula-tur\303\255stica-672x420.jpg" differ

diff --git a/docs/images/expo/gustav-1344x840.jpg b/docs/images/expo/gustav-1344x840.jpg
new file mode 100644 (file)
index 0000000..455d184
Binary files /dev/null and b/docs/images/expo/gustav-1344x840.jpg differ

diff --git a/docs/images/expo/gustav-2688x1680.jpg b/docs/images/expo/gustav-2688x1680.jpg
new file mode 100644 (file)
index 0000000..cd4ae94
Binary files /dev/null and b/docs/images/expo/gustav-2688x1680.jpg differ

diff --git a/docs/images/expo/hellogustav-672x420.jpg b/docs/images/expo/hellogustav-672x420.jpg
new file mode 100644 (file)
index 0000000..ffecac0
Binary files /dev/null and b/docs/images/expo/hellogustav-672x420.jpg differ

diff --git a/docs/images/expo/lottiefiles-1344x840.jpg b/docs/images/expo/lottiefiles-1344x840.jpg
new file mode 100644 (file)
index 0000000..2e0954b
Binary files /dev/null and b/docs/images/expo/lottiefiles-1344x840.jpg differ

diff --git a/docs/images/expo/lottiefiles-672x420.jpg b/docs/images/expo/lottiefiles-672x420.jpg
new file mode 100644 (file)
index 0000000..91823ee
Binary files /dev/null and b/docs/images/expo/lottiefiles-672x420.jpg differ

diff --git a/docs/images/expo/miso-1344x840.jpg b/docs/images/expo/miso-1344x840.jpg
new file mode 100644 (file)
index 0000000..a8f0073
Binary files /dev/null and b/docs/images/expo/miso-1344x840.jpg differ

diff --git a/docs/images/expo/miso-672x420.jpg b/docs/images/expo/miso-672x420.jpg
new file mode 100644 (file)
index 0000000..21a341f
Binary files /dev/null and b/docs/images/expo/miso-672x420.jpg differ

diff --git a/docs/images/expo/penmob-1344x840.jpg b/docs/images/expo/penmob-1344x840.jpg
new file mode 100644 (file)
index 0000000..c10854b
Binary files /dev/null and b/docs/images/expo/penmob-1344x840.jpg differ

diff --git a/docs/images/expo/penmob-672x420.jpg b/docs/images/expo/penmob-672x420.jpg
new file mode 100644 (file)
index 0000000..3b3d042
Binary files /dev/null and b/docs/images/expo/penmob-672x420.jpg differ

diff --git a/docs/images/expo/sketch-for-designrs-1344x840.jpg b/docs/images/expo/sketch-for-designrs-1344x840.jpg
new file mode 100644 (file)
index 0000000..f3f94fd
Binary files /dev/null and b/docs/images/expo/sketch-for-designrs-1344x840.jpg differ

diff --git a/docs/images/expo/sketch-for-designrs-2688x1680.jpg b/docs/images/expo/sketch-for-designrs-2688x1680.jpg
new file mode 100644 (file)
index 0000000..d9d957d
Binary files /dev/null and b/docs/images/expo/sketch-for-designrs-2688x1680.jpg differ

diff --git a/docs/images/expo/sketch-for-designrs-672x420.jpg b/docs/images/expo/sketch-for-designrs-672x420.jpg
new file mode 100644 (file)
index 0000000..7b6fdd3
Binary files /dev/null and b/docs/images/expo/sketch-for-designrs-672x420.jpg differ

diff --git a/docs/images/expo/smileonthetiles-1344x840.jpg b/docs/images/expo/smileonthetiles-1344x840.jpg
new file mode 100644 (file)
index 0000000..332550b
Binary files /dev/null and b/docs/images/expo/smileonthetiles-1344x840.jpg differ

diff --git a/docs/images/expo/smileonthetiles-672x420.jpg b/docs/images/expo/smileonthetiles-672x420.jpg
new file mode 100644 (file)
index 0000000..542d323
Binary files /dev/null and b/docs/images/expo/smileonthetiles-672x420.jpg differ