fix(#262): announce improvements on home page (#288)

Contributes to #262. Let users know that we've made some progress with YouTube issues. <img width="386" alt="Capture d’écran 2020-03-13 à 15 43 42" src="https://user-images.githubusercontent.com/531781/76631210-94af0880-6541-11ea-8e32-6e95461cb911.png">
openwhyd · Mar 13, 2020 · 6eca49f · 6eca49f
1 parent 96d6bf6
commit 6eca49f
Showing 1 changed file with 48 additions and 30 deletions.
diff --git a/app/templates/sideBox.html b/app/templates/sideBox.html
@@ -1,3 +1,50 @@
+<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 class="sideBox sidebox--important">
+  <div class="head">
+    <h2>😌 Progress with YouTube API</h2>
+  </div>
+  <div class="body">
+    <p>After YouTube reduced our API quota, <a href="https://github.com/openwhyd/openwhyd/issues/262" target="_blank"
+        class="no-ajaxy">we worked hard</a> to make it possible to post tracks again. Bonus: <a href="/button">Openwhyd
+        + Track</a> button got faster! 💪</p>
+    <p>If you notice any bug related to posting and/or editing tracks on Openwhyd, please let us know.</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/new/choose" target="_blank" class="no-ajaxy">on GitHub</a>
+    </div>
+    <p>Thanks for your patience and loyalty, dear music lovers, you rock! 😍</p>
+  </div>
+</div>
+<!--
 <div class="sideBox sidebox--important">
   <div class="head">
     <h2>😓 Issues with YouTube API</h2>
@@ -13,37 +60,8 @@ <h2>😓 Issues with YouTube API</h2>
     </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">