Permalink
Browse files

Updated About Page and page layout

  • Loading branch information...
1 parent 37801a2 commit 9258ef838eba1d160740beec6c4e2c272c421d88 joseihf committed Apr 25, 2016
Showing with 101 additions and 63 deletions.
  1. +1 −1 _layouts/page.html
  2. +100 −62 about/index.html
View
@@ -6,7 +6,7 @@
<section id="page-title">
<div class="container clearfix">
<h1>{{ page.title }}</h1>
- <span>CodeWeekEU2015</span>
+ <span>CodeWeekEU2016</span>
<ol class="breadcrumb">
<li><a href="http://codeeu.programamos.es">Home</a></li>
<li class="active">{{ page.title }}</li>
View
@@ -1,79 +1,117 @@
---
layout: page
-title: About the initiative and resources
+title: About EU Code Week
---
-<div class="note">(jump to <a href="#resources">Resources</a>)</div>
-<p>The initiative was launched by <a href="http://ec.europa.eu/digital-agenda/en/young-advisors">Neelie Kroes' Young Advisors</a> with the support from <a href="http://ec.europa.eu/dgs/connect/en/content/dg-connect">DG Connect</a> at the European Commission. Sounds fancier than it really is. We're just a bunch of young people with a dream of a world where all sort of crazy ideas are given a chance to change the world. But it's not really about us.</p>
+
+<p>In 2016 EU Code Week will take place between <strong>15 and 23 October</strong>, although "every week is Code Week".</p>
-<p>It's about Pia, who felt like she had to study law, even though she always enjoyed maths and playing with computers. It's about Mark, who has the idea for a better social network, but can't build it on his own. It's about Alice, who dreams about making robots because her parents don't allow her to have a cat.</p>
-
-<p>It's about Karl, who's bored of his career in marketing and wants a new challenge and his colleague, Mila, a project manager who just can't seem to speak the same language as software developers on the project. It's about Linda, who wants to start her own company, it's about Leo, a talented designer, who wants to show his clients how his design really works, not just looks like. We're sure you've heard many stories like these.</p>
-
-<h3>It's about those of you who are already helping these dreams come true.</h3>
-
-<p>Actually, it's about all of us. Our future. Technology is shaping our lives, but we're letting a minority decide what and how we use it for. We can do better than just sharing and liking stuff. We can bring our crazy ideas to life, build things that will bring joy to others.</p>
-
-<p>It's never been easier to make your own app, build your own robot, or invent flying cars, why not! It's not an easy journey, but it's a journey full of creative challenges, a supportive community, and tons of fun. Are you ready to accept the challenge and become a <strong>maker</strong>?</p>
-
-<p>Join Europe Code Week by <a href="http://events.codeweek.eu/guide/">organizing a coding event</a> in your city or help us spread the vision of Code Week as an <a href="http://events.codeweek.eu/ambassadors/">EU Code Week Ambassador</a> for your country!</p>
-
-<h2 id="resources"><i class="icon-share icon-large"></i> Europe Code Week 2014 resources</h2>
+<p>EU Code Week is a grass-roots movement that celebrates creating with code. The idea is to make programming more visible, to show young, adults and elderly how you bring ideas to life with code, to demystify these skills and bring motivated people together to learn. The initiative was launched in 2013 by the Young Advisors for the Digital Agenda Europe.</p>
-<h3>Press releases</h3>
-<ul>
- <li><a href="http://europa.eu/rapid/press-release_IP-14-1117_en.htm">Massively expanded EU Code Week 11 – 17 October 2014</a> [European Commission Press release in 22 languages]</li>
- <li><a href="http://europa.eu/rapid/press-release_IP-14-652_en.htm">Save the date: EU Code Week 11-17 October 2014. Bring your ideas to life with #coding</a> [European Commission Press release in 22 languages]</li>
- <li><a href="http://europa.eu/rapid/press-release_IP-14-882_en.htm">Make 2014 the summer you learn how to code!</a> [European Commission Press release in 22 languages]</li>
- <li><a href="https://github.com/codeeu/codeeu-resources/blob/master/Europe_Code_Week_2014-press_release_ENG.md">Europe Code Week returns from October 11 to 17, 2014</a></li>
- <li><a href="https://ec.europa.eu/digital-agenda/en/news/promoting-coding-skills-europe-part-solution-youth-unemployment">Promoting coding skills in Europe is part of the solution to youth unemployment</a> - European Commission Vice-President Neelie Kroes (Digital Agenda) and Commissioner Androulla Vassiliou (Education, Culture, Multilingualism and Youth) have sent a joint letter to EU Education Ministers urging them to encourage children to get involved in EU Code week.</li>
-</ul>
+<p>EU Code Week is run by volunteers. One, or several, <a href="http://events.codeweek.eu/ambassadors">Code Week Ambassadors</a> coordinate the initiative in their countries, but everyone can organise their own code event and add it to the <a href="http://codeweek.eu">codeweek.eu</a> map. </p>
-<h3>Videos</h3>
-<p><a href="https://www.youtube.com/watch?v=TNwE3FA4pdI">Code Week promo video: Coding is fun!</a>:</p>
-<iframe width="640" height="360" src="//www.youtube.com/embed/TNwE3FA4pdI?rel=0" frameborder="0" allowfullscreen></iframe>
+<p>In 2015, 46 countries took part in EU Code Week – all EU member states plus Iceland, Norway, Switzerland, Albania, Former Yugoslav Republic of Macedonia, Serbia and Turkey events took place in Australia, Belarus, Bosnia and Hercegovina, China, South Korea, Moldova, Morocco, Taiwan, Tunisia, Ukraine and the United States. </p>
-<p><a href="https://www.youtube.com/watch?v=LOCyoRejkLo">VP Neelie Kroes invites you to take part in Europe Code Week:</a>:</p>
-<iframe width="640" height="360" src="//www.youtube.com/embed/LOCyoRejkLo?rel=0" frameborder="0" allowfullscreen></iframe>
+<p>If your country is not involved yet, you can <a href="mailto:info@codeweek.eu">volunteer</a> as a Code Week ambassador – or organise an event and put it on the <a href="http://events.codeweek.eu">map</a>. </p>
-<p><a href="https://www.youtube.com/watch?v=ibutkt23h6A">Learn how to code with EU Code Week</a>: (also available in <a href="https://www.youtube.com/watch?v=3o5L7ybBM1k">Finnish</a>)</p>
-<iframe width="640" height="360" src="//www.youtube.com/embed/ibutkt23h6A?rel=0" frameborder="0" allowfullscreen></iframe>
+<p>As part of its strategy for a <a href="http://ec.europa.eu/priorities/digital-single-market/">Digital Single Market</a>, the European Commission supports EU Code Week and other independent initiatives which aim to boost digital skills, including programming, for different target groups. The Commission will address digital skills in future initiatives on skills and training and will adopt a skills strategy in Spring 2016.</p>
-<p><a href="https://www.youtube.com/watch?v=QJhL7_HPfn0">EU Code Week Ambassadors talk about coding</a>:</p>
-<iframe width="640" height="360" src="//www.youtube.com/embed/QJhL7_HPfn0?rel=0" frameborder="0" allowfullscreen></iframe>
+<p>Alessandro Bogliolo, coordinator of the EU Code Week team of 90 volunteers said:</p>
+<blockquote><p>"From the beginning of time we did many things using stone, iron, paper and pencil that have transformed our lives. Now we live in a different era where our world is moulded in code. Different eras have different jobs and skills demand. During Code Week we want to give every European the opportunity to discover coding and have fun with it. Let’s learn coding to shape our future".</p></blockquote>
-<p><strong><a href="https://www.youtube.com/playlist?list=PLyMUk47rPuqqJa-pgwcpiYuaEZOZX8V0z">Coding and Digital Learning playlist</a></strong>, including <a href="https://ec.europa.eu/digital-agenda/en/coding-testimonials">Coding Testimonials</a> from various experts</p>
-<h3 id="badges">"We are part of EU Code Week" badges</h3>
-<p>Small badge:<br/>
- <img src="https://raw.githubusercontent.com/codeeu/codeeu-resources/master/_badges/codeweek-badge-small-250.png" alt="Europe Code Week" /></p>
-<p>Medium badge:<br/>
- <img src="https://raw.githubusercontent.com/codeeu/codeeu-resources/master/_badges/codeweek-badge-medium-400.png" alt="Europe Code Week" /></p>
+<h2>Why coding?</h2>
-<small><a href="https://github.com/codeeu/codeeu-resources">&gt;&gt; View all resources on GitHub</a></small>
-
-<hr/>
-
-<h2><i class="icon-star icon-large"></i> Europe Code Week 2013</h2>
-
-<p>#codeEU 2013 featured over 300 coding events all over Europe for beginners of all ages.</p>
-
-<ul>
- <li><a href="https://github.com/codeeu/codeeu-resources/blob/master/Europe_Code_Week-press_release_ENG.md">Europe Code Week: a week to celebrate coding all over Europe [Press release]</a></li>
- <li><a href="http://visual.ly/europe-code-week-2013">Europe Code Week 2013 infographic</a></li>
-</ul>
-
-<iframe width="640" height="360" src="//www.youtube.com/embed/tJxBgqaI9lA?rel=0" frameborder="0" allowfullscreen></iframe>
-
-<iframe src="//player.vimeo.com/video/81054753" width="640" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+<p>It's about Pia, who felt like she had to study law, even though she always enjoyed maths and playing with computers. It's about Mark, who has the idea for a better social network, but can't build it on his own. It's about Alice, who dreams about making robots because her parents don't allow her to have a cat.</p>
-<iframe src="//player.vimeo.com/video/79755229" width="640" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+<p>It's about Karl, who's bored of his career in marketing and wants a new challenge and his colleague, Mila, a project manager who just can't seem to speak the same language as software developers on the project. It's about Linda, who wants to start her own company, it's about Leo, a talented designer, who wants to show his clients how his design really works, not just looks like. We're sure you've heard many stories like these.</p>
-<iframe src="//player.vimeo.com/video/81186435" width="640" height="350" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+<p>It's about those of you who are already helping these dreams come true.</p>
-<iframe width="640" height="360" src="//www.youtube.com/embed/MfxWn4YHXt4?rel=0" frameborder="0" allowfullscreen></iframe>
+<p>Actually, it's about all of us. Our future. Technology is shaping our lives, but we're letting a minority decide what and how we use it for. We can do better than just sharing and liking stuff. We can bring our crazy ideas to life, build things that will bring joy to others.</p>
-<h2>Other</h2>
+<p>It's never been easier to make your own app, build your own robot, or invent flying cars, why not! It's not an easy journey, but it's a journey full of creative challenges, a supportive community, and tons of fun. Are you ready to accept the challenge and become a <strong>maker</strong>?</p>
-<ul>
- <li><a href="/privacy">Europe Code Week privacy policy</a></li>
-</ul>
+<p>Join Europe Code Week by <a href="http://events.codeweek.eu/guide/">organising a coding event</a> in your town or help us spread the vision of Code Week as an <a href="http://events.codeweek.eu/ambassadors/">EU Code Week Ambassador</a> for your country!</p>
+
+
+<h2>Code Week in numbers</h2>
+
+<div class="content-wrap">
+ <div class="container clearfix">
+ <div class="col_half" id="PeopleChart" style="opacity: 0;">
+ <h3 class="center">People</h3>
+ <canvas id="PeopleChartCanvas" width="547" height="300"></canvas>
+ </div>
+ <div class="col_half col_last" id="EventsChart" style="opacity: 0;">
+ <h3 class="center">Coding events</h3>
+ <canvas id="EventsChartCanvas" width="547" height="300"></canvas>
+ </div>
+ </div>
+ <div class="container clearfix">
+ <h3 class="center">Countries</h3>
+ <ul class="list-group col_half">
+ <li class="list-group-item">
+ <span class="badge">46</span>
+ <strong>2015 - </strong>In Europe, Africa, Asia, Australia, and the US
+ </li>
+ <li class="list-group-item">
+ <span class="badge">36</span>
+ <strong>2014 - </strong>In Europe and beyond
+ </li>
+ <li class="list-group-item">
+ <span class="badge">26</span>
+ <strong>2013 - </strong>European countries
+ </li>
+ </ul>
+
+ </div>
+</div>
+
+<script type="text/javascript">
+
+ jQuery(window).load( function(){
+
+
+ var peopleChartData = {
+ labels : ["2013","2014","2015"],
+ datasets : [
+ {
+ fillColor : "rgba(60, 161, 206, 0.61)",
+ strokeColor : "rgba(220,220,220,1)",
+ data : [10000,150000,570000]
+ }
+ ]
+
+ };
+
+ var EventsChartData = {
+ labels : ["2013","2014","2015"],
+ datasets : [
+ {
+ fillColor : "rgba(214, 141, 24, 0.71)",
+ strokeColor : "rgba(220,220,220,1)",
+ data : [3000,4200,7600]
+ }
+ ]
+
+ };
+
+ var globalGraphSettings = {animation : Modernizr.canvas};
+
+
+
+ function showBarChart(){
+ var ctx = document.getElementById("PeopleChartCanvas").getContext("2d");
+ new Chart(ctx).Bar(peopleChartData,globalGraphSettings);
+ var ctx2 = document.getElementById("EventsChartCanvas").getContext("2d");
+ new Chart(ctx2).Bar(EventsChartData,globalGraphSettings);
+ }
+
+
+ $('#PeopleChart').appear( function(){ $(this).css({ opacity: 1 }); setTimeout(showBarChart,300); },{accX: 0, accY: -155},'easeInCubic');
+ $('#EventsChart').appear( function(){ $(this).css({ opacity: 1 }); setTimeout(showBarChart,300); },{accX: 0, accY: -155},'easeInCubic');
+
+
+ });
+
+ </script>

0 comments on commit 9258ef8

Please sign in to comment.