Add apps

Author: iffy

.gitignore

@@ -1,3 +1,4 @@
 _site
 .sass-cache
 node_modules
+.DS_Store

_includes/header.html

@@ -24,6 +24,7 @@
         {% endfor %}
         <a class="page-link" href="/protocol.html">Protocol</a>
         <a class="page-link" href="https://bridge.simplefin.org">Bridge</a>
+        <a class="page-link" href="/ecosystem.html">Apps</a>
       </div>
     </nav>
 

ecosystem.md

@@ -0,0 +1,79 @@
+---
+layout: default
+---
+
+<style>
+h1 {
+  margin-top: 4rem;
+}
+section {
+    border: 1px solid lightgrey;
+
+}
+.app-list {
+    display: flex;
+}
+.item {
+  max-width: 120px;
+}
+.item-title {
+  text-align: center;
+  font-size: 1.5rem;
+}
+.item-logo {
+  width: 120px;
+  height: 120px;
+  border-radius: 100%;
+}
+.item-logo:empty {
+  background-color: lightgrey;
+}
+.item-desc {
+  width: 100%;
+  font-size: 0.9rem;
+  text-align: center;
+}
+</style>
+
+Here is some software that supports the SimpleFIN Protocol.  Email info@simplefin.org or <a href="https://github.com/simplefin/simplefin.github.com/blob/master/ecosystem.md">fork</a> to add to this list.
+
+# Open Source
+
+<div class="app-list">
+
+<a class="item" href="https://github.com/simplefin/sfin2ledger" target="_blank">
+  <div class="item-logo"></div>
+  <div class="item-title">sfin2ledger</div>
+  <div class="item-desc">CLI to convert from SimpleFIN to Ledger</div>
+</a>
+
+
+</div>
+
+
+# Commercial Apps
+
+<div class="app-list">
+
+<a class="item" href="https://www.bucketsisbetter.com" target="_blank">
+  <div class="item-logo"><img src="/img/applogos/buckets.png"></div>
+  <div class="item-title">Buckets</div>
+  <div class="item-desc">Budgeting App</div>
+</a>
+
+
+</div>
+
+
+# Services
+
+<div class="app-list">
+
+<a class="item" href="https://bridge.simplefin.org" target="_blank">
+  <div class="item-logo"><img src="/img/applogos/simplefin.png"></div>
+  <div class="item-title">SimpleFIN Bridge</div>
+  <div class="item-desc">Bridge for banks without SimpleFIN</div>
+</a>
+
+
+</div>

img/applogos/buckets.png

@@ -7,7 +7,7 @@ SimpleFIN (also SFIN) stands for Simple Financial Interchange and makes read-onl
 # Why give them the combination to your safe...
 
 <center>
-    <img src="/img/safe.png" style="width: 50%;">
+    <img src="/img/safe.small.png" style="width: 50%;">
 </center>
 
 # ...when they only need to look through a window?