fix(announcement): look for mobile app developer

app/templates/sideBox.html

@@ -28,6 +28,23 @@
   }
 </style>
 
+<div class="sideBox sidebox--important">
+  <div class="head">
+    <h2>🌠 Wanted: Mobile Developer</h2>
+  </div>
+  <div class="body">
+    <img src="/images/github-octocat.png" width="64px" style="float:left; margin-right:16px;"
+      alt="contribute to open-source project openwhyd on github">
+    <p>Hundreds of Openwhyd users are still hoping for a mobile app!</p>
+    <p>If you want to help us build one, come say Hi!</p>
+    <div id="sideBoxLinks">
+      <a href="https://github.com/openwhyd/openwhyd/issues/194" target="_blank" class="no-ajaxy">on GitHub</a>
+      <a href="https://www.facebook.com/openwhyd" target="_blank" class="no-ajaxy">on Facebook</a>
+    </div>
+    <p>Beginners are welcome 🤗 and will be guided through the process.</p>
+  </div>
+</div>
+<!--
 <div class="sideBox sidebox--important">
   <div class="head">
     <h2>😌 Progress with YouTube API</h2>
@@ -44,6 +61,7 @@ <h2>😌 Progress with YouTube API</h2>
     <p>Thanks for your patience and loyalty, dear music lovers, you rock! 😍</p>
   </div>
 </div>
+-->
 <!--
 <div class="sideBox sidebox--important">
   <div class="head">
@@ -110,71 +128,6 @@ <h2>😓 Issues with YouTube API</h2>
       <a href="https://github.com/openwhyd/openwhyd/commits/master" target="_blank" class="no-ajaxy">on GitHub</a>
     </div>
   </div>
-  <style>
-    .sideBox>div {
-      overflow: auto;
-    }
-
-    .sideBox>div>p {
-      margin-bottom: 8px;
-    }
-
-    #sideBoxLinks {
-      margin: 12px 0;
-      text-align: center;
-      font-size: 14px;
-    }
-
-    #sideBoxLinks a {
-      color: #3177AF;
-      display: inline-block;
-      border-radius: 2rem;
-      background-color: #fafafa;
-      padding: 8px 12px;
-      margin: 8px;
-    }
-
-    #sideBoxLinks a:hover {
-      background-color: #62A1D3;
-      color: #fff;
-    }
-  </style>
-</div>
--->
-<!--
-<div class="sideBox">
-  <div class="head">
-    <h2>📣 Sponsoring opportunity</h2>
-  </div>
-  <div class="body" style="overflow:auto;">
-    <a href="mailto:adrien@openwhyd.org" target="_blank" class="no-ajaxy"
-        style="float:left; width:64px; height:64px; border: 2px dashed gray; color:gray; margin-right:16px; display:table;">
-        <div style="display:table-cell; text-align:center; vertical-align:middle;">YOUR BRAND HERE</div>
-    </a>
-    <p style="margin-bottom:8px;">Get thousands of passionate music lovers to see <b>your brand</b> everyday.</p>
-    <p>
-      <a href="https://openwhyd.org/about" target="_blank" class="no-ajaxy" style="float:left; padding: 1px 5px;">Read our story</a>
-      <a href="mailto:adrien@openwhyd.org?subject=Sponsoring" target="_blank" class="no-ajaxy" style="border: 1px solid #3177AF; border-radius: 5px; padding: 1px 5px; float: right;">Contact us</a>
-    </p>
-  </div>
-</div>
--->
-<!--
-<div class="sideBox">
-  <div class="head">
-    <a href="mailto:adrien@openwhyd.org?subject=Sponsoring" target="_blank" class="no-ajaxy"
-        style="float: none; position: static; width:280px; height:64px; border: 2px dashed gray; color:gray; display:table;">
-        <div style="display:table-cell; text-align:center; vertical-align:middle;">YOUR BRAND HERE</div>
-    </a>
-  </div>
-  <div class="body" style="overflow:auto;">
-    <h2 style="margin-top:0; font-size: 14px;">📣 Sponsoring opportunity</h2>
-    <p style="margin-bottom:8px;">Get thousands of passionate music lovers to see your brand everyday.</p>
-    <p>
-      <a href="https://openwhyd.org/about" target="_blank" class="no-ajaxy" style="float:left; padding: 1px 0;">Read our story</a>
-      <a href="mailto:adrien@openwhyd.org?subject=Sponsoring" target="_blank" class="no-ajaxy" style="border: 1px solid #3177AF; border-radius: 5px; padding: 1px 5px; float: right;">Contact us</a>
-    </p>
-  </div>
 </div>
 -->
 <!--