Merge pull request #41 from thiagoreis/master

Criando botão "ver mais eventos..." e adicionando paginação

Author: leonnleite

_config.yml

@@ -22,3 +22,7 @@ markdown: kramdown
 # Google-analytics
 google-analytics:
   id: "UA-109844866-1"
+plugins:
+  - jekyll-paginate
+paginate: 4
+paginate_path: "/eventos/page:num"

_includes/banner.html

@@ -1,6 +1,6 @@
 <div class="inner">
     <h2>
-        <img id="logo" src="images/logo-cinza-azul.png" title="{{site.title}}" alt="logo do PHPDF" />
+        <img id="logo" src="/images/logo-cinza-azul.png" title="{{site.title}}" alt="logo do PHPDF" />
     </h2>
 
     <p>

_includes/eventos.html

@@ -6,7 +6,7 @@ <h2>Encontros e eventos</h2>
         </p>
     </header>
     <ul class="features">
-        {% for post in site.categories.eventos %}
+        {% for post in site.categories.eventos limit:4 %}
             <li class="icon fa-{{ post.icon | escape }}">
                 <h3>{{ post.title | escape }}</h3>
                 {% assign date_format = site.minima.date_format | default: "%d/%m/%Y  · %k:%M" %}
@@ -16,11 +16,22 @@ <h3>{{ post.title | escape }}</h3>
                         {{ post.description }}
                     </span>
 
-                    {% if(post.link && post.link != '') %}
+                    {% if(post.link and post.link != '') %}
                         <a href="{{ post.link }}" class="button fit" target="_blank">Saiba mais</a>
                     {% endif %}
+                    
                 </p>
             </li>
         {% endfor %}
+        
     </ul>
+
+</div>
+<div class="inner">
+    <ul class="features">
+        <li>
+            <a href="/eventos" class="button fit">VER MAIS EVENTOS...</a>
+        </li>
+    </ul>
+   
 </div>

_includes/header.html

@@ -2,7 +2,7 @@
 <header id="header" class="alt">
     <h1>
         <a href="{{ site.baseurl }}">
-            <img id="logo" src="images/logo-branca.png" title="{{site.title}}" alt="logo do PHPDF" />
+            <img id="logo" src="/images/logo-branca.png" title="{{site.title}}" alt="logo do PHPDF" />
         </a>
     </h1>
     <nav id="nav">

_includes/menu.html

@@ -1,16 +1,16 @@
 <ul>
     <li>
-        <a href="#palestrante" title="Quer ser um palestrante?">
+        <a href="/#palestrante" title="Quer ser um palestrante?">
             <span>Quer ser um palestrante?</span>
         </a>
     </li>
     <li>
-        <a href="#eventos" title="Eventos">
+        <a href="/#eventos" title="Eventos">
             <span>Eventos</span>
         </a>
     </li>
     <li>
-        <a href="#patrocinadores" title="Parceiros">
+        <a href="/#patrocinadores" title="Parceiros">
             <span>Parceiros</span>
         </a>
     </li>

eventos/index.html

@@ -0,0 +1,52 @@
+---
+layout: default
+---
+<!-- Banner -->
+<section id="banner">
+    {% include banner.html %}
+</section>
+
+<section id="eventos_board" class="wrapper eventos_board special">
+
+<div class="inner">
+    <header class="major">
+        <h2>Encontros e eventos</h2>
+        <p>
+            Estes são nossos encontros e eventos mais recentes.
+        </p>
+    </header>
+    <ul class="features">
+        {% for post in paginator.posts  %}
+            <li class="icon fa-{{ post.icon | escape }}">
+                <h3>{{ post.title | escape }}</h3>
+                {% assign date_format = site.minima.date_format | default: "%d/%m/%Y  · %k:%M" %}
+                <small>{{ post.date | date: date_format }}</small>
+                <p>
+                    <span>
+                        {{ post.description }}
+                    </span>
+
+                    {% if(post.link and post.link != '') %}
+                        <a href="{{ post.link }}" class="button fit" target="_blank">Saiba mais</a>
+                    {% endif %}
+                </p>
+            </li>
+        {% endfor %}
+    </ul>
+    <!-- Pagination links -->
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path }}" class="previous">Anterior - </a>
+  {% else %}
+    <span class="previous">Anterior - </span>
+  {% endif %}
+  <span class="page_number ">Página: {{ paginator.page }} de {{ paginator.total_pages }}</span>
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path }}" class="next">- Próxima</a>
+  {% else %}
+    <span class="next ">- Próxima</span>
+  {% endif %}
+</div>
+</div>
+
+</section>