feat(ui): announcing issues with youtube api

app/templates/sideBox.html

@@ -1,3 +1,50 @@
+<div class="sideBox sidebox--important">
+  <div class="head">
+    <h2>😓 Issues with YouTube API</h2>
+  </div>
+  <div class="body">
+    <p>Our YouTube API quota was greatly reduced. As a result, you may sometimes not be able to add YouTube tracks to
+      your Openwhyd account.
+    </p>
+    <p>We're currently working on this. Any help is welcome!</p>
+    <div id="sideBoxLinks">
+      <a href="https://www.facebook.com/openwhyd" target="_blank" class="no-ajaxy">on Facebook</a>
+      <a href="https://github.com/openwhyd/openwhyd/issues/262" target="_blank" class="no-ajaxy">on GitHub</a>
+    </div>
+    <p>Thanks for your patience and understanding.</p>
+  </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 sidebox--important">
   <div class="head">
     <h2>🤗 Openwhyd needs you!</h2>
@@ -30,6 +77,7 @@ <h2>🤗 Openwhyd needs you!</h2>
     }
   </style>
 </div>
+-->
 <!--
 <div class="sideBox sidebox--important">
   <div class="head">