Add home expo

docs/_data/expo.json

@@ -1,24 +1,24 @@
 {
   "by_id": {
     "agilox": {
-      "name": "agilox",
+      "name": "Agilox",
       "url": "https://www.agilox.net/",
       "date": "27 Mar 2019",
     },
     "counternetwork": {
-      "name": "counternetwork",
+      "name": "Counter Network",
       "highlighted": true,
       "url": "https://counter.network/",
       "date": "28 Mar 2019",
     },
     "mynameismirko2018": {
-      "name": "mynameismirko2018",
+      "name": "mynameismirko",
       "highlighted": true,
       "url": "http://2018.mynameismirko.it/",
       "date": "26 Jan 2019",
     },
     "pingstack": {
-      "name": "pingstack",
+      "name": "Pingstack",
       "url": "https://pingstack.io/",
       "date": "26 Feb 2019",
     },
@@ -28,39 +28,39 @@
       "date": "24 Feb 2019",
     },
     "saashub": {
-      "name": "saashub",
+      "name": "SaaSHub",
       "url": "https://www.saashub.com/",
       "date": "9 Mar 2019",
     },
     "smesummit": {
-      "name": "smesummit",
+      "name": "SME summit",
       "url": "https://www.smesummit.id/",
       "date": "20 Mar 2019",
     },
     "snipper": {
-      "name": "snipper",
+      "name": "Snipper App",
       "highlighted": true,
       "url": "https://snipper.app/",
       "date": "25 Mar 2019",
     },
     "uncut": {
-      "name": "uncut",
+      "name": "GreenPeace Uncut",
       "highlighted": true,
       "url": "https://uncut.ro/index.en.html",
       "date": "12 Jan 2019",
     },
     "jethromay": {
-      "name": "jethromay",
+      "name": "Jethro May",
       "url": "https://jethromay.com/",
       "date": "17 Jan 2019"
     },
     "receptionhalls": {
-      "name": "receptionhalls",
+      "name": "Reception Halls",
       "url": "https://www.receptionhalls.com/",
       "date": "17 Dec 2018"
     },
     "danielfr": {
-      "name": "danielfr",
+      "name": "Daniel FR",
       "url": "https://danielfr.com/",
       "date": "16 Oct 2018"
     },
@@ -296,6 +296,12 @@
     }
   },
   "lists": {
+    "home": [
+      "getbedtimestories",
+      "counternetwork",
+      "Gustav",
+      "Sketch for Designrs"
+    ],
     "expo": [
       "counternetwork",
       "agilox",

docs/_includes/index/sponsor.html

@@ -21,5 +21,34 @@
         </div>
       </div>
     </div>
+
+    <div class="bd-minis">
+      <p class="bd-minis-title">
+        {% assign mini_item = site.data.global.navbar_items[2] %}
+        <a class="bd-minis-link" href="{{ site.url }}/{{ mini_item.id }}">
+          <span class="icon {{ mini_item.color }}">
+            <i class="{{ mini_item.fa_type }} {{ mini_item.fa_icon }}"></i>
+          </span>From the expo <strong>#builtwithbulma</strong>
+        </a>
+      </p>
+      <div class="bd-minis-list">
+        {% for website_id in site.data.expo.lists.home %}
+          {% assign website = site.data.expo.by_id[website_id] %}
+          {% assign imageName = website_id | slugify %}
+          {% assign imagePath = "/images/expo/" | prepend: site.url | append: imageName %}
+          {% assign size1x = "672x420" %}
+          {% assign size2x = "1344x840" %}
+          <a class="bd-mini" href="{{ site.url }}/{{ mini_item.id }}">
+            <img
+              src="{{ imagePath }}-{{ size1x }}.jpg"
+              data-src="{{ imagePath }}-{{ size1x }}.jpg"
+              data-srcset="{{ imagePath }}-{{ size2x }}.jpg 2x,
+                           {{ imagePath }}-{{ size1x }}.jpg 1x"
+              width="672"
+              height="420">
+          </a>
+        {% endfor %}
+      </div>
+    </div>
   </div>
 </div>

docs/_sass/sponsors.sass

@@ -35,9 +35,43 @@
   font-size: 0.875rem
   margin-bottom: 1rem
 
+.bd-minis
+  margin-top: 1rem
+  text-align: center
+
+.bd-minis-title
+  @extend .bd-partner-title
+  @extend %center
+
+.bd-minis-link
+  @extend %center
+  color: $grey
+  .icon
+    margin-right: 0.25em
+  strong
+    color: $grey
+    margin-left: 0.25em
+
+.bd-minis-list
+  align-items: center
+  display: flex
+  justify-content: space-between
+  margin: -1rem
+
+.bd-mini
+  @extend %center
+  box-shadow: 0 5px 10px rgba(black, 0.1)
+  margin: 1rem
+  img
+    display: block
+
 $bd-partnrs-3: 1040px
 $bd-partnrs-4: 1130px
 
++mobile
+  .bd-minis-list
+    flex-direction: column
+
 +tablet
   .bd-partnrs-list
     align-items: flex-start

docs/bulma-docs.sass

@@ -12,11 +12,11 @@ $bleeding-red: #CA1F26
 $star: #FFD257
 $rss: #f26522
 
-$mauve: #8A4D76;
+$mauve: #8A4D76
-$pink: #FA7C91;
+$pink: #FA7C91
-$brown: #757763;
+$brown: #757763
-$beige-light: #D0D1CD;
+$beige-light: #D0D1CD
-$beige-lighter: #EFF0EB;
+$beige-lighter: #EFF0EB
 
 $carbon-width: 300px
 $carbon-height: 100px

docs/css/bulma-docs.css

@@ -10526,7 +10526,7 @@ label.panel-block:hover {
   padding: 3rem 1.5rem 6rem;
 }
 
-.bd-columns-tool, .bd-footer-sponsor a, .bd-footer-donation-action, .bd-footer-star-figure {
+.bd-columns-tool, .bd-footer-sponsor a, .bd-footer-donation-action, .bd-footer-star-figure, .bd-minis-title, .bd-minis-link, .bd-mini {
   align-items: center;
   display: flex;
   justify-content: center;
@@ -14076,12 +14076,52 @@ svg {
   display: none;
 }
 
-.bd-partner-title {
+.bd-partner-title, .bd-minis-title {
   color: #b5b5b5;
   font-size: 0.875rem;
   margin-bottom: 1rem;
 }
 
+.bd-minis {
+  margin-top: 1rem;
+  text-align: center;
+}
+
+.bd-minis-link {
+  color: #7a7a7a;
+}
+
+.bd-minis-link .icon {
+  margin-right: 0.25em;
+}
+
+.bd-minis-link strong {
+  color: #7a7a7a;
+  margin-left: 0.25em;
+}
+
+.bd-minis-list {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin: -1rem;
+}
+
+.bd-mini {
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
+  margin: 1rem;
+}
+
+.bd-mini img {
+  display: block;
+}
+
+@media screen and (max-width: 768px) {
+  .bd-minis-list {
+    flex-direction: column;
+  }
+}
+
 @media screen and (min-width: 769px), print {
   .bd-partnrs-list {
     align-items: flex-start;

docs/expo.html

@@ -62,7 +62,7 @@ breadcrumb:
           <div class="bd-websites">
             {% for website_id in site.data.expo.lists.expo %}
               {% assign website = site.data.expo.by_id[website_id] %}
-              {% assign imageName = website.name | slugify %}
+              {% assign imageName = website_id | slugify %}
               {% assign imagePath = "/images/expo/" | prepend: site.url | append: imageName %}
               <article class="bd-website {% if website.highlighted %}bd-is-highlighted{% endif %}">
                 <a class="bd-website-image" href="{{ website.url }}" target="_blank" rel="nofollow">