Skip to content

Commit

Permalink
Separate into little blocks of code
Browse files Browse the repository at this point in the history
  • Loading branch information
Kikobeats committed Dec 26, 2015
1 parent f429c76 commit 4426428
Show file tree
Hide file tree
Showing 13 changed files with 147 additions and 116 deletions.
51 changes: 2 additions & 49 deletions default.hbs
Original file line number Diff line number Diff line change
@@ -1,45 +1,16 @@
<!DOCTYPE html>
<html>
<head>
{{! Document Settings }}
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
{{! Page Meta }}
<title>{{meta_title}}</title>
<meta name="description" content="{{meta_description}}" />
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="57x57" href="assets/images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/images/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/images/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/images/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/images/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="assets/images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/images/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="assets/images/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="assets/images/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="assets/images/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="assets/images/manifest.json">
<link rel="shortcut icon" href="assets/images/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/images/mstile-144x144.png">
<meta name="msapplication-config" content="assets/images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
{{! Styles'n'Scripts }}
{{> meta}}
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:700,400,200" />
<link rel="stylesheet" href="https://ghost.org/assets/application-53c891abfa2c2305e65de0c84c76e9e1.css" media="all" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{asset "css/itch.css"}}" />
{{ghost_head}}
</head>
<body class="{{body_class}}">
<div id="fb-root"></div>
<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>
</aside>
{{> widgets/newsletter}}
<header id="global-header" class="global-header navbar">
{{navigation}}
</header>
Expand All @@ -49,29 +20,11 @@
<div class="clearfix"></div>
</div>
</main>
<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>
</header>
<div class="modal-body">
<form action="{{! populated via code injection}}" method="post">
<input id="fieldEmail" name="{{! populated via code injection}}" type="email" placeholder="Tu correo electrónico" required />
<button class="button-add wide" type="submit">Subscribirse</button>
<p><strong>Política de Privacidad:</strong> No spam ni publicidad. Desunscríbete en cualquier momento.</p>
</form>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<footer id="global-footer">
<nav id="footer-nav" role="navigation">
<div class="clearfix"></div>
<span class="poweredby"> © 2015. Todos los derechos reservados. Construido con <a href="https://github.com/Kikobeats/Itch" target="_blank">Itch</a> usando <a href="https://ghost.org/" target="_blank">Ghost</a>.</span>

<ul id="social-menu">
<li class="twitter"><a href="https://twitter.com/CWMarMenor"><span class="hidden">Twitter</span></a></li>
<li class="facebook"><a href="https://www.facebook.com/CWMarMenor"><span class="hidden">Facebook</span></a></li>
Expand Down
27 changes: 27 additions & 0 deletions partials/meta.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
{{! Document Settings }}
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
{{! Page Meta }}
<meta name="description" content="{{meta_description}}" />
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="57x57" href="assets/images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/images/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/images/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/images/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/images/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="assets/images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/images/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="assets/images/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="assets/images/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="assets/images/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="assets/images/manifest.json">
<link rel="shortcut icon" href="assets/images/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/images/mstile-144x144.png">
<meta name="msapplication-config" content="assets/images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
76 changes: 9 additions & 67 deletions partials/sidebar.hbs
Original file line number Diff line number Diff line change
@@ -1,79 +1,21 @@
<aside class="blog-sidebar">

{{!
Sidebar contains widgets for both main blog and dev blog.
They are conditionally shown/hidden via code injection.
}}
<!-- {{> widgets/subscribe}} -->

{{!-- <section class="blog-subscribe blog-subscribe-main widget">
<h3>Join Thousands</h3>
<p>of subscribers who get fresh content from us once per week.</p>
<a class="button-add large wide" data-toggle="modal" data-target="#blogsubscribe">Subscribe Now</a>
</section> --}}
<!-- {{> widgets/links}} -->

{{!-- <section class="blog-text blog-text-dev widget">
<p>All the things:</p>
<ul>
<li><a href="https://github.com/TryGhost/Ghost/blob/master/CONTRIBUTING.md">Contributing Guide</a></li>
<li><a href="https://trello.com/b/EceUgtCL/ghost-roadmap">Official Roadmap</a></li>
<li><a href="https://ghost.org/slack/">Slack developer chat</a></li>
<li>Meetings: Tuesdays, 17:30 UTC</li>
</ul>
</section> --}}
<!-- {{> widgets/slack}} -->

<section class="slack-box widget">
<a class="twitter-box-profilepic" href="http://twitter.com/CWMarMenor"><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>
<!-- {{> widgets/event}} -->

<section class="popular-posts widget">
<h3>Próximo Evento</h3>
<a href="volvemos_a_tope_con_la_murcia_urban_sup_2015/">
<img src="http://3.bp.blogspot.com/-1YWpZDBcjag/VecxCz5U_eI/AAAAAAAADEA/EVPPJL0zhbw/s640/CartelMurciaUrbanSUP%2B2015%2BINFO.jpg" style="width: 60%;">
</a>
</section>
<!-- {{> widgets/feature}} -->

<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>
<li><a href="http://blog.ghost.org/fastest-way-to-blog/"><span class="number" aria-hidden="true">1</span>The Single Greatest Method for Immediately Increasing Your Blog Post Production Speed by 600%</a></li>
<li><a href="http://blog.ghost.org/great-blog-post-ideas/"><span class="number" aria-hidden="true">2</span>How To Come up with Great Ideas for Blog Posts, Every Single Time</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/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>
</section>
<!-- {{> widgets/twitter}} -->

<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>
<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>
</div>
</section>
<!-- {{> widgets/facebook}} -->

{{!-- <a class="ghost-love widget" href="https://ghost.org">
<h3>Want a blog like this? <span class="highlight">Try Ghost</span></h3>
<h4>The internet's most simple, most focused publishing platform</h4>
<div class="ghost-love-button">Test it out in seconds</div>
</a> --}}
<!-- {{> widgets/advertising}} -->

<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>
</section>

{{!-- <section class="gplus-box widget">
<div class="g-page" data-href="//plus.google.com/u/0/114465948129362706086" data-theme="dark" data-layout="landscape" data-showtagline="false" data-rel="publisher"></div>
</section> --}}
<!-- {{> widgets/gplus}} -->

</aside>
5 changes: 5 additions & 0 deletions partials/widgets/advertising.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<a class="ghost-love widget" href="https://ghost.org">
<h3>Want a blog like this? <span class="highlight">Try Ghost</span></h3>
<h4>The internet's most simple, most focused publishing platform</h4>
<div class="ghost-love-button">Test it out in seconds</div>
</a>
6 changes: 6 additions & 0 deletions partials/widgets/event.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<section class="popular-posts widget">
<h3>Próximo Evento</h3>
<a href="volvemos_a_tope_con_la_murcia_urban_sup_2015/">
<img src="http://3.bp.blogspot.com/-1YWpZDBcjag/VecxCz5U_eI/AAAAAAAADEA/EVPPJL0zhbw/s640/CartelMurciaUrbanSUP%2B2015%2BINFO.jpg" style="width: 60%;">
</a>
</section>
3 changes: 3 additions & 0 deletions partials/widgets/facebook.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<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>
</section>
39 changes: 39 additions & 0 deletions partials/widgets/feature.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<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>

<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="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/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>
</section>
3 changes: 3 additions & 0 deletions partials/widgets/gplus.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<section class="gplus-box widget">
<div class="g-page" data-href="//plus.google.com/u/0/114465948129362706086" data-theme="dark" data-layout="landscape" data-showtagline="false" data-rel="publisher"></div>
</section>
9 changes: 9 additions & 0 deletions partials/widgets/links.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<section class="blog-text blog-text-dev widget">
<p>All the things:</p>
<ul>
<li><a href="https://github.com/TryGhost/Ghost/blob/master/CONTRIBUTING.md">Contributing Guide</a></li>
<li><a href="https://trello.com/b/EceUgtCL/ghost-roadmap">Official Roadmap</a></li>
<li><a href="https://ghost.org/slack/">Slack developer chat</a></li>
<li>Meetings: Tuesdays, 17:30 UTC</li>
</ul>
</section>
21 changes: 21 additions & 0 deletions partials/widgets/newsletter.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<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>
</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>
</header>
<div class="modal-body">
<form action="{{! populated via code injection}}" method="post">
<input id="fieldEmail" name="{{! populated via code injection}}" type="email" placeholder="Tu correo electrónico" required />
<button class="button-add wide" type="submit">Subscribirse</button>
<p><strong>Política de Privacidad:</strong> No spam ni publicidad. Desunscríbete en cualquier momento.</p>
</form>
</div>
</div>
</div>
</div>
9 changes: 9 additions & 0 deletions partials/widgets/slack.hbs
Original file line number Diff line number Diff line change
@@ -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>
5 changes: 5 additions & 0 deletions partials/widgets/subscribe.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<section class="blog-subscribe blog-subscribe-main widget">
<h3>Join Thousands</h3>
<p>of subscribers who get fresh content from us once per week.</p>
<a class="button-add large wide" data-toggle="modal" data-target="#blogsubscribe">Subscribe Now</a>
</section>
9 changes: 9 additions & 0 deletions partials/widgets/twitter.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<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>
<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>
</div>
</section>

0 comments on commit 4426428

Please sign in to comment.