text-only caretakers fallback

* workaround for #7

_src/_assets/scss/_caretakers.scss

@@ -5,11 +5,13 @@
 }
 
 .caretaker {
-    text-align: center;
+    display: flex;
-    display: block;
+    align-items: center;
+    justify-content: center;
     box-shadow: none;
     max-width: 130px;
     margin: auto;
+    height: 100%;
     transition: .25s ease-out;
 
     &:hover,
@@ -18,6 +20,10 @@
             fill: $link-color;
             color: $link-color;
         }
+
+        .caretaker__name {
+            color: $link-color;
+        }
     }
 }
 
@@ -41,3 +47,12 @@
 .logo-caretaker--human-data-commons-foundation {
     transform: scale(1.3);
 }
+
+//
+// The logo fallback
+//
+.caretaker__name {
+    font-size: $font-size-base;
+    color: $brand-04;
+    vertical-align: middle;
+}

_src/_data/caretakers.yml

@@ -1,5 +1,6 @@
 - name: COALA
   link: http://coala.global
+  logo: false
 
 - name: Internet Archive
   link: https://archive.org
@@ -30,6 +31,7 @@
 
 - name: SmartContract
   link: https://smartcontract.com
+  logo: false
 
 - name: OuiShare
   link: http://ouishare.net
@@ -42,3 +44,4 @@
 
 - name: CREATE-NET
   link: http://create-net.fbk.eu
+  logo: false

_src/_includes/caretakers.html

@@ -8,10 +8,15 @@
 
         <div class="grid__col grid__col--2">
             <a class="caretaker" href="{{ caretaker.link }}" rel="external">
-                <svg class="logo-caretaker logo-caretaker--{{ slug }}" aria-labelledby="title">
+                {% if caretaker.logo == false %}
-                    <title>{{ caretaker.name }}</title>
+                    <span class="caretaker__name">{{ caretaker.name }}</span>
-                    <use xlink:href="/assets/img/sprite.svg#logo-{{ slug }}"></use>
+                {% else %}
-                </svg>
+                    <svg class="logo-caretaker logo-caretaker--{{ slug }}" aria-labelledby="title">
+                        <title>{{ caretaker.name }}</title>
+                        <use xlink:href="/assets/img/sprite.svg#logo-{{ slug }}"></use>
+                    </svg>
+                {% endif %}
+
             </a>
         </div>