codehero-static/_layouts/post.html at 111fdd2e87258e49c4312447177af4e6bdd1ce36 · codeheroco/codehero-static · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
---
layout: default
---
{% for sname in site.data.series %}
  {% if sname.name == page.serie %}
    {% assign serie-url = sname.url-series %}
    {% assign thumb = sname.thumb %}
  {% endif %}
{% endfor %}
<div class="row">
  <div class="contenido-fondo-blanco col-xs-12 col-sm-9 col-md-9">
    <div class="post">
      <div class="row">
        <div class="col-xs-12 col-sm-4 col-md-4">
          {% if page.serie %}
            <img class="no-border-padding img-responsive" src="{{ thumb }}" alt="post thumbnail">
          {% else %}
            <img class="no-border-padding img-responsive" src="{{ page.thumbnail }}" alt="post thumbnail">
          {% endif %}
        </div>
        <div class="post-header col-xs-12 col-sm-8 col-md-8">
          {% if page.serie %}
            <h1>{{ page.serie}}: {{ page.title }}</h1>
          {% else %}
            <h1>{{ page.title }}</h1>
          {% endif %}
          <p class="author">Publicado Por: <a href="/author/{{ page.author_login }}.html">{{ page.author }}</a>, El {{ page.date | date_to_string }}</p>
          {% unless page.dificultad or page.duracion %}
            {% include share-buttons.html %}
          {% endunless %}
        </div>
      </div>
      <hr>
      {% if page.duracion or page.dificultad %}
        <div class="detalles-tutorial row">
          <div class="col-xs-6 col-sm-6 col-md-6">
            <h4>Detalles del Curso:</h4>
            {% if page.dificultad %}
              <p><b>Dificultad:</b> {{ page.dificultad | capitalize }}</p>
            {% endif %}
            {% if page.duracion %}
              <p><b>Duración:</b> {{ page.duracion }} min</p>
            {% endif %}
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6">
            <div id="social-block">
              {% include share-buttons.html %}
            </div>
          </div>
        </div>
        <hr>
      {% endif %}
      {% if page.github %}
        <div class="row">
          <div class="center-in-div col-xs-4 col-sm-2 col-md-2">
            <i class="fa-oscuro fa fa-github"></i>
          </div>
          <div class="col-xs-8 col-sm-10 col-md-10">
            <p><b>Hemos habilitado un repo en GitHub para que puedas descargar el código de esta entrada:</b></p>
            <a href="{{ page.github }}">Échale un vistazo aquí.</a>
          </div>
        </div>
        <hr>
      {% endif %}
      <div class="post-content">
        {% if page.serie %}
          <div class="alert alert-info">
            <h4>Más artículos en <a href="/series/{{ serie-url }}.html">{{ page.serie }}</a></h4>
            <p>Este es el artículo <b>{{ page.title }}</b> de la serie {{ page.serie }} - <a id="show-post-list" href="#">Mostrar todos</a></p>
            <ol class="post-ordered-list">
            {% assign sorted_pages = site.posts | sort:"date" %}
            {% for post in sorted_pages %}
              {% if post.serie contains page.serie %}
                {% if post.title == page.title %}
                  <li>{{ post.title }}</li>
                {% else %}
                  <li><a href="{{ post.url }}">{{ post.title }}</a></li>
                {% endif %}
              {% endif %}
            {% endfor %}
          </ol>
        </div>
        {% endif %}
        {% assign paragraphs = content | split:'</p>' %}
        {% for paragraph in paragraphs %}
          {{ paragraph }}
          {% assign forlength = forloop.length | divided_by:2 %}
          {% if forloop.index == forlength %}
            {% unless page.categories contains 'notícias' %}
              {% include middle-post-ad.html %}
            {% endunless %}
          {% endif %}
        {% endfor %}
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
          <div class="center-in-div">
            <!-- Bottom ad -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-1352515212336214"
                 data-ad-slot="4522232795"
                 data-ad-format="rectangle">
            </ins>
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
          </div>
        </div>
      </div>
      <hr>
      <div class="detalles-tutorial row">
        <div class="col-xs-6 col-sm-6 col-md-6">
          <h4>¿Te ha gustado esta publicación?</h4>
          <p><b>Compártela:</b></p>
          {% include share-buttons.html %}
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6">
          <div class="hidden-xs col-sm-4 col-md-3">
            {% for autor in site.data.autores %}
              {% if autor.name == page.author %}
                <img class="post-author-thumb" src="http://www.gravatar.com/avatar/{{ autor.thumb }}" alt="gravatar">
              {% endif %}
            {% endfor %}
          </div>
          <div class="col-xs-12 col-sm-8 col-md-9">
            <h4>Por {{ page.author }}</h4>
            <p>Conoce más sobre este autor <a href="/author/{{ page.author_login }}.html">aquí</a></p>
          </div>
        </div>
      </div>
      <hr>
      {% include disqus.html %}
    </div>
  </div>
  {% include ads-section.html %}
</div>