iv-devs.github.io/blog.html at development · iv-devs/iv-devs.github.io · 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
---
layout: default
title: Blog
order: 4
permalink: /blog/
---
<section class="contenidos prox-evento p-t-50 p-b-50">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="info-evento text-center">
                    <h1>Blog<span class="blink">|</span> </h1>
                    <hr class="divider-morado">
                </div>
            </div>
        </div>
        <div class="col-md-12 text-center">
          <span class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></span>
        </div>

    </div>
</section>

<div class="post">
    <div class="div container">
        {% assign rows = site.posts.size | divided_by: 2.0 | ceil %}
        {% for i in (1..rows) %}
            {% assign offset = forloop.index0 | times: 2 %}
            <div class="row">
                {% for post in site.posts limit:2 offset:offset %}
                    <div class="col-md-6">
                        {% if post.image %}
                            <a href="{{ post.url | prepend: site.baseurl }}" class="inner">
                                <div class="img_post">
                                    <img class="" src="{{ site.baseurl }}/assets/img{{ post.image }}">
                                    <div name="gradiant" class="gradiant">
                                        <div class="txt f-30">
                                            <span class="f-15">{{ post.date | date: "%b %-d, %Y" }}</span><br>
                                            {{ post.title | escape }}
                                        </div>
                                    </div>
                                </div>
                            </a>
                        {% endif %}
                        {{ post.excerpt }}
                    </div>
                {% endfor %}
            </div>
        {% endfor %}
    </div>
    <!-- JS Que aplica degradado Random a cada img del blog -->
    <script>
        var colors = [' gradiant-cian', ' gradiant-azul', ' gradiant-morado'];
        var divs = document.getElementsByName('gradiant');

        for (var i = 0; i < divs.length; i++) {
            min = Math.ceil(0);
            max = Math.floor(3);
            var r = Math.floor(Math.random() * (max - min)) + min;
            divs[i].className += colors[r];
        }
    </script>
</div>