Permalink
Browse files

Updated the style of the old post

- Updated the style of the old posts (http://codeweek.eu/news) to
integrate with the new theme of the site.
- Included paginate (jekyll-paginate)
- Added a variable to know the featured image or video of the post.
  • Loading branch information...
1 parent 665ff0b commit 016ce03ab3598762f7de85939ea36d5dceee6cb7 joseihf committed May 20, 2016
View
@@ -2,6 +2,10 @@ name: Europe Code Week
markdown: kramdown
highlighter: rouge
+gems: [jekyll-paginate]
+paginate: 5
+paginate_path: "/news/page:num/"
+
contact:
email: info@codeweek.eu
twitter: CodeWeekEU
View
@@ -1,13 +1,93 @@
---
-layout: header
+layout: default
---
-<section class="content post wrap">
- <div class="post-info">
- <div class="alert alert-danger">Note: This is an <strong>archive</strong> of news from the first Code Week. Visit our <a href="http://blog.codeweek.eu/">new blog</a> for the latest updates.</div>
+<!-- Page Title -->
+<section id="page-title">
+ <div class="container clearfix">
<h1>{{ page.title }}</h1>
- <span>Published on {{ page.date | date_to_string }}</span>
+ <span>CodeWeekEU2016</span>
+ <ol class="breadcrumb">
+ <li><a href="http://codeweek.eu">Home</a></li>
+ <li><a href="http://codeweek.eu/news">News</a></li>
+ <li class="active">{{ page.title }}</li>
+ </ol>
</div>
-
- {{ content }}
</section>
+<!-- #page-title end -->
+<!-- Content -->
+
+<section id="content">
+ <div class="content-wrap">
+ <div class="container clearfix">
+
+
+ <!-- Post Content
+ ============================================= -->
+ <div class="postcontent nobottommargin clearfix">
+
+ <div class="single-post nobottommargin">
+
+ <!-- Single Post
+ ============================================= -->
+ <div class="entry clearfix">
+
+ <!-- Entry Image
+ ============================================= -->
+ <div class="entry-image">
+ <a href="#"><img src=" {{ page.img }} " alt=""></a>
+ </div><!-- .entry-image end -->
+
+ <!-- Entry Title
+ ============================================= -->
+ <div class="entry-title">
+ <h2>{{ page.title }}</h2>
+ </div><!-- .entry-title end -->
+
+ <!-- Entry Meta
+ ============================================= -->
+ <ul class="entry-meta clearfix">
+ <li><i class="icon-calendar3"></i> {{ page.date | date_to_string }} </li>
+ </ul><!-- .entry-meta end -->
+
+ <!-- Entry Content
+ ============================================= -->
+ <div class="entry-content notopmargin">
+{{ content }}
+
+ <!-- Post Single - Content End -->
+<!-- Tag Cloud
+ ============================================= -->
+ <div class="tagcloud clearfix bottommargin">
+
+ {% for tag in page.tags %}
+ <a href="#">{{ tag }}</a>
+ {% endfor %}
+ </div><!-- .tagcloud end -->
+
+ <div class="clear"></div>
+
+
+ </div>
+ </div><!-- .entry end -->
+
+
+
+
+
+
+ </div>
+
+ </div><!-- .postcontent end -->
+
+ <!-- Sidebar
+ ============================================= -->
+ <div class="sidebar nobottommargin col_last clearfix">
+ <div class="sidebar-widgets-wrap">
+
+ </div>
+ </div>
+
+ </div>
+ </div>
+</section>
@@ -3,6 +3,7 @@ layout: post
title: "Best moments of the final #codeEU day: everyone codes!"
date: 2013-11-30 23:59:59
categories: news
+video: https://www.youtube.com/embed/Wx_N71Cw4BE?rel=0
---
It's getting hard to believe that we reached the final day of the first ever Europe Code Week. It's been so exciting to see your smiles from all corners of Europe. So exciting that we really hope you won't stop learning and sending us your coding moments just because Code Week is over.
@@ -3,6 +3,7 @@ layout: post
title: "Europe Code Week 2013 celebrated with 300 #codeEU events [infographic]"
date: 2013-12-01 08:05:10
categories: news
+img: http://thumbnails.visually.netdna-cdn.com/EuropeCodeWeek2013_529a8276b1f9e_w587.png
---
#codeEU was officially a big success for Europe! To wrap up this amazing week in style, we decided to prepare a small <a href="http://visual.ly/europe-code-week-2013">infographic</a> with key facts and some highlights of this year's Europe Code Week. Thanks everyone for making it such a great success! We hope you'll also join us next year.
@@ -3,6 +3,9 @@ layout: post
title: "EU Code Week Ireland follow up video"
date: 2013-12-05 20:52:13
categories: news
+tags: [Coding, Codeweek]
+img:
+video: "https://player.vimeo.com/video/81054753"
---
Ireland was undoubtedly the hero of the first ever Europe Code Week! To learn more about what was going on last week all over the country, take a look at the great follow up [video](https://vimeo.com/81054753) created by the [Galway Education Centre](http://www.galwayec.ie), featuring Irish #codeEU ambassador [Julie Cullen](https://twitter.com/cullej29).
@@ -3,6 +3,7 @@ layout: post
title: "EU Code Week video from Switzerland"
date: 2013-12-07 15:56:13
categories: news
+video: https://player.vimeo.com/video/81186435
---
[GEMS World Academy in Etoy](http://www.gemsworldacademy-etoy.com/), Switzerland really embraced Europe Code Week in a big way. You can read more about how they used [Hopscotch](https://www.gethopscotch.com), an iPad app similar to [Scratch](http://scratch.mit.edu), to introduce coding to kids in a fun way on the [Learning Freewheel blog](http://learningfreewheel.wordpress.com/the-wardrobe/). The best part? It was also the kids teaching their teachers how to use the new tools!
@@ -3,6 +3,7 @@ layout: post
title: "Save the date: Europe Code Week returns from October 11 to 17, 2014"
date: 2014-02-10 13:30:13
categories: news
+img: /img/codeEU-2014-banner-s.jpg
---
Last year it took just one month to organize [300 events](http://codeweek.eu/news/2013/12/01/europe-code-week-2013-infographic.html) for the first ever Europe Code Week. 10,000 participants of all ages in 26 European countries learned about coding at workshops and lectures organized by schools, universities and countless volunteers. This year we want to go even bigger. And we need your help to get Europe coding again from **October 11 to 17, 2014**.
View
@@ -5,16 +5,72 @@
<div class="alert alert-danger">Note: This is an <strong>archive</strong> of news from the first Code Week. Visit our <a href="http://blog.codeweek.eu/">new blog</a> for the latest updates.</div>
-{% for post in site.posts limit:5 %}
- <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
- <span>Published on {{ post.date | date_to_string }}</span>
- <p>{{ post.content }}</p>
- <hr class="blog-divider"/>
-{% endfor %}
+<!-- Post Content
+
-<p>Older news:</p>
-<ul>
-{% for post in site.posts offset:5 %}
- <li><a href="{{ post.url }}">{{ post.title }}</a></li>
+ <!-- Posts
+ ============================================= -->
+ <div id="posts" class="small-thumbs">
+
+
+<!-- This loops through the paginated posts -->
+{% for post in paginator.posts %}
+
+ <div class="entry clearfix">
+ {% if post.img | is not null %}
+ <div class="entry-image">
+ <img class="image_fade" src="{{ post.img }}" alt="Standard Post with Image">
+ </div>
+ {% else %}
+ {% if post.video | is not null %}
+ <div class="entry-image">
+ <iframe src="{{ post.video }}" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+ </div>
+ {% endif %}
+ {% endif %}
+ <div class="entry-c">
+ <div class="entry-title">
+ <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+ </div>
+ <ul class="entry-meta clearfix">
+ <li><i class="icon-calendar3"></i> {{ post.date | date_to_string }}</li>
+ <li><a href="#"><i class="icon-user"></i> CodeWeek</a></li>
+ <li><i class="icon-folder-open"></i> News</li>
+
+ </ul>
+ <div class="entry-content">
+ {{ post.excerpt }}
+ <a href="{{ post.url }}"class="more-link">Read More</a>
+ </div>
+ </div>
+
+ </div>
+
+
+
{% endfor %}
-</ul>
+</div>
+<div class="clearfix">
+<!-- Pagination links -->
+<ul class="pager nomargin">
+ {% if paginator.previous_page %}
+ <li class="previous"><a href="{{ paginator.previous_page_path }}" class="previous">&larr; Previous page</a></li>
+ {% else %}
+ <li class="previous disabled"><a href="#">&larr; Previous page</a></li>
+ {% endif %}
+ <li><span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span></li>
+ {% if paginator.next_page %}
+ <li class="next"><a href="{{ paginator.next_page_path }}" class="next">Next page &rarr;</a></li>
+ {% else %}
+ <li class="next disabled "><a href="#">Next &rarr;</a></li>
+ {% endif %}
+ </ul>
+
+</div>
+
+
+
+
+
+
+

0 comments on commit 016ce03

Please sign in to comment.