Update sidebar widgets

zombeats · Dec 26, 2015 · 4ced1f4 · 4ced1f4
1 parent 72bf110
commit 4ced1f4
Show file tree

Hide file tree

Showing 6 changed files with 58 additions and 47 deletions.
diff --git a/partials/sidebar.hbs b/partials/sidebar.hbs
@@ -1,21 +1,21 @@
 <aside class="blog-sidebar">
 
-    <!-- {{> widgets/subscribe}} -->
+    {{!> widgets/subscribe}}
 
-    <!-- {{> widgets/links}} -->
+    {{!> widgets/links}}
 
-    <!-- {{> widgets/slack}} -->
+    {{> widgets/fbgroup}}
 
-    <!-- {{> widgets/event}} -->
+    {{> widgets/event}}
 
-    <!-- {{> widgets/feature}} -->
+    {{> widgets/feature}}
 
-    <!-- {{> widgets/twitter}} -->
+    {{> widgets/twitter}}
 
-    <!-- {{> widgets/facebook}} -->
+    {{> widgets/facebook}}
 
-    <!-- {{> widgets/advertising}} -->
+    {{!> widgets/advertising}}
 
-    <!-- {{> widgets/gplus}} -->
+    {{!> widgets/gplus}}
 
 </aside>
diff --git a/partials/widgets/facebook.hbs b/partials/widgets/facebook.hbs
@@ -1,3 +1,4 @@
+{{! TODO: Extract facebook page slug as Ghost variable }}
 <section class="facebook-box widget">
-    <div class="fb-like-box" data-href="https://www.facebook.com/cwmarmenor" data-width="290" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
+    <div class="fb-like-box" data-href="https://www.facebook.com/zombts" data-width="290" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
 </section>
diff --git a/partials/widgets/fbgroup.hbs b/partials/widgets/fbgroup.hbs
@@ -0,0 +1,9 @@
+<section class="slack-box widget">
+  <a class="twitter-box-profilepic" href="/unete"><img src="{{asset "images/slack.png"}}" alt="Twitter profile picture" /></a>
+  <img class="twitter-box-coverpic" src="{{asset "images/slackbg.jpg"}}" alt="Twitter cover image" nopin="nopin" />
+  <div class="slack-box-content">
+    <h4>Únete a la comunidad</h4>
+    <p>Forma parte de la más vibrante comunidad alrededor del Mar Menor.</p>
+    <a class="button-add large wide" data-toggle="modal" data-target="#blogsubscribe">Unirme</a>
+  </div>
+</section>
diff --git a/partials/widgets/feature.hbs b/partials/widgets/feature.hbs
@@ -1,39 +1,37 @@
 <section class="popular-posts widget">
-    <h3>Lo <mark>Más</mark> Destacado</h3>
-    {{!
-        Yep this is static. Soz. You were probably hoping for something fancy.
-    }}
-    <ol>
+  <h3>Lo
+    <mark>Más</mark> Destacado</h3>
+  <ol>
 
-        <li>
-          <a href="/sobrevivir_a_una_defi_epica_by_mn_1_2">
-            <span class="number" aria-hidden="true">1</span>Cómo Sobrevivir A Una DEFI Épica
-          </a>
-        </li>
+    <li>
+      <a href="/sobrevivir_a_una_defi_epica_by_mn_1_2">
+        <span class="number" aria-hidden="true">1</span>Cómo Sobrevivir A Una DEFI Épica
+      </a>
+    </li>
 
-        <li>
-          <a href="/el_cwmm_2_0_estrena_directiva">
-            <span class="number" aria-hidden="true">2</span>CWMarMenor Estrena Directiva
-          </a>
-        </li>
+    <li>
+      <a href="/el_cwmm_2_0_estrena_directiva">
+        <span class="number" aria-hidden="true">2</span>CWMarMenor Estrena Directiva
+      </a>
+    </li>
 
-        <li>
-          <a href="http://blog.ghost.org/writing-tools/">
-            <span class="number" aria-hidden="true">3</span>13 Writing Tools To Enhance The Quality of Your Blog
-          </a>
-        </li>
+    <li>
+      <a href="http://blog.ghost.org/writing-tools/">
+        <span class="number" aria-hidden="true">3</span>13 Writing Tools To Enhance The Quality of Your Blog
+      </a>
+    </li>
 
-        <li>
-          <a href="http://blog.ghost.org/markdown/">
-            <span class="number" aria-hidden="true">4</span>How to Write Faster, Better &amp; Longer: The Ultimate Guide to Markdown
-          </a>
-        </li>
+    <li>
+      <a href="http://blog.ghost.org/markdown/">
+        <span class="number" aria-hidden="true">4</span>How to Write Faster, Better &amp; Longer: The Ultimate Guide to Markdown
+      </a>
+    </li>
 
-        <li>
-          <a href="http://blog.ghost.org/distributed-team-tools/">
-            <span class="number" aria-hidden="true">5</span>11 Tools That Allow us to Work from Anywhere on Earth as a Distributed Company
-          </a>
-        </li>
+    <li>
+      <a href="http://blog.ghost.org/distributed-team-tools/">
+        <span class="number" aria-hidden="true">5</span>11 Tools That Allow us to Work from Anywhere on Earth as a Distributed Company
+      </a>
+    </li>
 
-    </ol>
+  </ol>
 </section>
diff --git a/partials/widgets/newsletter.hbs b/partials/widgets/newsletter.hbs
@@ -1,13 +1,13 @@
 <aside class="subscribe-banner">
-  ¿Te gustaría recibir el contenido en tu correo semanalmente? &nbsp;<a class="button" data-toggle="modal" data-target="#blogsubscribe">Subscríbete</a>
+  ¿Te gustaría recibir el contenido en tu correo mensualmente? &nbsp;<a class="button" data-toggle="modal" data-target="#blogsubscribe">Subscríbete</a>
 </aside>
 
 <div class="modal fade" id="blogsubscribe" tabindex="-1" role="dialog" aria-labelledby="Email subscription modal" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <header class="modal-header">
         <h4 class="modal-title">Una vez a la semana, recibe lo último.</h4>
-        <a class="modal-close" data-dismiss="modal" aria-hidden="true" href="#"><span class="hidden">Close</span></a>
+        <a class="modal-close" data-dismiss="modal" aria-hidden="true" href="#"><span class="hidden">Cerrar</span></a>
       </header>
       <div class="modal-body">
         <form action="{{! populated via code injection}}" method="post">

diff --git a/partials/widgets/twitter.hbs b/partials/widgets/twitter.hbs
@@ -1,9 +1,12 @@
+
+{{! TODO: Extract twitter handle slug as Ghost variable }}
+{{! TODO: Extract twitter description as Ghost variable }}
 <section class="twitter-box twitter-box-main widget">
-    <a class="twitter-box-profilepic" href="http://twitter.com/CWMarMenor"><img src="{{asset "images/logo.png"}}" alt="Twitter profile picture" /></a>
+    <a class="twitter-box-profilepic" href="http://twitter.com/zombeats_es"><img src="{{asset "images/logo.png"}}" alt="Twitter profile picture" /></a>
     <img class="twitter-box-coverpic" src="{{asset "images/twitterbg.jpg"}}" alt="Twitter cover image" nopin="nopin" />
     <div class="twitter-box-content">
-        <h4>CWMarMenor</h4>
-        <p>A non-profit, open source blogging platform. A movement to revolutionise the world of online publishing.</p>
-        <a href="https://twitter.com/CWMarMenor" class="twitter-follow-button" data-show-count="true">Seguir @CWMarMenor</a>
+        <h4>Zombeats</h4>
+        <p>Tu comunidad de beatbox en español. Campeonatos, Historias, Quedadas, Vídeos...</p>
+        <a href="https://twitter.com/zombeats_es" class="twitter-follow-button" data-show-count="true">Seguir @zombeats_es</a>
     </div>
 </section>