Skip to content

Commit bf3a187

Browse files
committed
Swap out the layouts for the prototype design
1 parent 1d6faed commit bf3a187

File tree

12 files changed

+364
-155
lines changed

12 files changed

+364
-155
lines changed

_design_assets/europe-header.pxm

1.71 MB
Binary file not shown.

_layouts/country.html

+6-12
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,9 @@
11
---
2-
layout: default
2+
layout: header
33
---
44

5-
<div class="main-text">
6-
<div class="container">
7-
<div class="row">
8-
<div class="col-sm-12">
9-
<h1>{{ page.title }}</h1>
10-
<hr />
11-
{{ content }}
12-
</div>
13-
</div>
14-
</div>
15-
</div>
5+
<section class="content country wrap">
6+
<h1>{{ page.title }}</h1>
7+
8+
{{ content }}
9+
</section>

_layouts/default.html

+15-64
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,24 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6-
<meta name="description" content="October 11 - 17, 2014: a week to celebrate coding in Europe, encouraging citizens to learn more about technology, and connecting communities and organizations who can help you learn coding." />
7-
<meta property="og:image" content="/img/codeEU-logo-100.png" />
1+
<!doctype html>
2+
<html>
3+
<head>
84

9-
<title>{{ site.name }} - {{ page.title }}</title>
5+
<style type="text/css">
6+
@import url('/stylesheets/core.css');
7+
</style>
108

11-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
<title>Europe Code Week 2013 - {{ page.title }}</title>
1210

13-
<!-- Bootstrap 3 -->
14-
<link href="/css/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
11+
</head>
1512

16-
<!-- Glyphicons -->
17-
<link href="/css/bootstrap/css/bootstrap.icon-large.min.css" rel="stylesheet">
13+
<body>
1814

19-
<!-- syntax highlighting CSS -->
20-
<link rel="stylesheet" href="/css/syntax.css">
15+
{{ content }}
2116

22-
<!-- Custom CSS -->
23-
<link rel="stylesheet" href="/css/custom.css">
24-
25-
</head>
26-
27-
<body>
28-
29-
<div class="navbar navbar-inverse navbar-fixed-top">
30-
<div class="container">
31-
<div class="navbar-header">
32-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
33-
<span class="icon-bar"></span>
34-
<span class="icon-bar"></span>
35-
<span class="icon-bar"></span>
36-
</button>
37-
<a class="navbar-brand" href="/">Europe Code Week</a>
38-
</div>
39-
<div class="navbar-collapse collapse">
40-
<ul class="nav navbar-nav">
41-
<li><a href="/learn">Learn coding</a></li>
42-
<li><a href="/map">Map of initiatives</a></li>
43-
<li><a href="/code">Why coding?</a></li>
44-
<li><a href="/about">About</a></li>
45-
<li><a href="/news">News</a></li>
46-
</ul>
47-
</div><!--/.navbar-collapse -->
48-
</div>
17+
<footer>
18+
<div class="inner">
19+
<p>Europe Code Week is a project by the <a href="#">Young Advisors Group</a> at the <a href="#">European Commission</a>.<br> Help us with this website on <a href="https://github.com/codeEU">GitHub</a>.</p>
4920
</div>
21+
</footer>
5022

51-
52-
53-
54-
{{ content }}
55-
56-
57-
<hr>
58-
59-
<footer>
60-
<p>Created by you with some <a href="https://github.com/codeeu" target="_blank" alt="Contribute to the website by forking it on GitHub">GitHub and Jekyll magic</a>; icons by <a href="http://glyphicons.com/">Glyphicons</a><a href="https://twitter.com/search?q=%23codeEU&mode=realtime" target="_blank" alt="codeEU tweets">#codeEU</a>
61-
<span class="pull-right" id="footer-icons">
62-
<a href="https://twitter.com/{{site.contact.twitter}}"><i class="icon-large icon-twitter"></i></a>
63-
<a href="https://www.facebook.com/{{site.contact.facebook}}"><i class="icon-large icon-facebook"></i></a>
64-
<a href="https://plus.google.com/100389357124183878121" rel="publisher"><i class="icon-large icon-google-plus"></i></a>
65-
<a href="https://github.com/codeeu/codeeu.github.io"><i class="icon-large icon-github"></i></a>
66-
<a href="/feed.xml"><i class="icon-large icon-rss"></i></a>
67-
</span>
68-
</p>
69-
</footer>
70-
<script src="/js/jquery-1.10.2.min.js"></script>
71-
<script src="/css/bootstrap/js/bootstrap.min.js"></script>
72-
</body>
23+
</body>
7324
</html>

_layouts/header.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
layout: default
3+
---
4+
5+
<header class="small">
6+
<div class="inner">
7+
<h1><a href="/">Europe<br> Code<br> Week<br> <span>2013</span></a></h1>
8+
<h2>25th &mdash; 30th November<br> <a href="https://twitter.com/search?q=%23codeEU&amp;f=realtime">#codeEU</a></h2>
9+
</div>
10+
</header>
11+
12+
{{ content }}

_layouts/home.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
layout: default
3+
---
4+
5+
<section id="intro">
6+
<div class="inner">
7+
<header>
8+
<h1>Europe<br> Code<br> Week<br> <span>2013</span></h1>
9+
<h2>25th &mdash; 30th November<br> <a href="https://twitter.com/search?q=%23codeEU&amp;f=realtime">#codeEU</a></h2>
10+
</header>
11+
12+
<div id="intro-description">
13+
<p>All around Europe, people are making apps, websites and lots of other things by learning to code.</p>
14+
<p>Join them at one of many events and clubs taking part in Europe's first Code Week.</p>
15+
16+
<div class="button-well">
17+
<a href="/events" class="button button-find">Find an event near you</a>
18+
</div>
19+
</div>
20+
</div>
21+
</section>
22+
23+
{{ content }}

_layouts/page.html

+6-12
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,9 @@
11
---
2-
layout: default
2+
layout: header
33
---
44

5-
<div class="main-text">
6-
<div class="container">
7-
<div class="row">
8-
<div class="col-sm-12">
9-
<h1>{{ page.title }}</h1>
10-
<hr />
11-
{{ content }}
12-
</div>
13-
</div>
14-
</div>
15-
</div>
5+
<section class="content wrap">
6+
<h1>{{ page.title }}</h1>
7+
8+
{{ content }}
9+
</section>

_layouts/post.html

+10-13
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,12 @@
11
---
2-
layout: default
2+
layout: header
33
---
4-
<div class="main-text">
5-
<div class="container">
6-
<div class="row">
7-
<div class="col-sm-12">
8-
<h1>{{ page.title }}</h1>
9-
<span>Published on {{ page.date | date_to_string }}</span>
10-
<p>{{ content }}</p>
11-
<hr class="blog-divider"/>
12-
</div>
13-
</div>
14-
</div>
15-
</div>
4+
5+
<section class="content post wrap">
6+
<div class="post-info">
7+
<h1>{{ page.title }}</h1>
8+
<span>Published on {{ page.date | date_to_string }}</span>
9+
</div>
10+
11+
{{ content }}
12+
</section>

images/europe.jpg

157 KB
Loading

images/header.jpg

44.1 KB
Loading

index.html

+29-54
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,32 @@
11
---
2-
layout: default
3-
title: October 11 - 17, 2014
2+
layout: home
3+
title: Europe Code Week
44
---
5-
6-
<div class="jumbotron">
7-
<div class="container">
8-
<div class="row">
9-
<div class="col-sm-6">
10-
<h1>Europe Code Week returns</h1>
11-
12-
<p><a href="http://codeweek.eu/news/2013/12/01/europe-code-week-2013-infographic.html">300 #codeEU events</a> were just the beginning last year. We want to see Europe coding again from <strong>October 11 to 17, 2014</strong>.</p>
13-
14-
<p>Check out the <a href="/map">Coding Map of Europe</a> and get inspired about how you can help spread the joy of coding throughout the year.</p>
15-
<p><a href="https://twitter.com/search?q=%23codeEU&f=realtime"><img src="/img/codeEU-250.png" alt="Europe Code Week" /></a></p>
16-
17-
</div>
18-
19-
<div class="col-sm-6">
20-
<h1>We need your help</h1>
21-
<p><a href="mailto:{{site.contact.email}}?subject=#codeEU idea">Send us</a> your #codeEU stories or tips on how to teach coding, so we can share them with the #codeEU network and inspire others.</p>
22-
23-
<p>We're also looking for your ideas, suggestions, and offers for help for this year's Code Week. Help Europe get truly digital by spreading the word about <a href="https://twitter.com/search?q=%23codeEU&f=realtime">#codeEU</a> 2014 on <a href="https://twitter.com/{{site.contact.twitter}}">Twitter</a> and <a href="https://www.facebook.com/{{site.contact.facebook}}">Facebook</a>.</p>
24-
</div>
25-
</div>
26-
</div>
27-
</div>
28-
29-
30-
<div class="main-text">
31-
<div class="container">
32-
<div class="row">
33-
<div class="col-sm-12">
34-
35-
<h2>Europe Code Week, October 11 - 17, 2014</h2>
36-
<p>We're still collecting your feedback and preparing the website for this year's Code Week. <a href="mailto:{{site.contact.email}}?subject=#codeEU 2014">Send us an email</a> if you can help or subscribe to the newsletter bellow to receive the important announcements first:</p>
37-
38-
<!-- Begin MailChimp Signup Form -->
39-
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
40-
<div id="mc_embed_signup">
41-
<form action="http://github.us7.list-manage.com/subscribe/post?u=664b714a19a3f9b118f6b1503&amp;id=cb7307ae66" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="form-inline validate" role="form" target="_blank" novalidate>
42-
<div class="form-group">
43-
<label class="sr-only"for="exampleInputEmail2">Please enter your email</label>
44-
<input type="email" value="" name="EMAIL" class="form-control input-lg" size="40" id="mce-EMAIL" placeholder="Please enter your email, we don't spam" required>
45-
</div>
46-
<input type="submit" value="Join the #codeEU newsletter" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary btn-lg">
47-
</form>
48-
</div>
49-
<!--End mc_embed_signup-->
50-
<h2>P.S.: Let's keep Europe coding!</h2>
51-
52-
<p><strong>Coding is fun.</strong> Creative. Full of great people and passionate communities. <strong>You can help any time of the year.</strong> Organize a programming workshop, the one you planned to do in any case. Find a few friends who're curious about what you do and teach them how to code. Start a local study or support group for coding beginners. And remember, two is a group already.</p>
53-
</div>
54-
</div>
55-
</div>
56-
</div>
575

6+
<section id="why" class="wrap">
7+
<h1>Why learn to code?</h1>
8+
9+
<p>Learning to code is great because it might help you to build some amazing computer program which will generate some actually half-decent text which I can put in this paragraph.</p>
10+
11+
<p>Learning to code is great because it might help you to build some amazing computer program which will generate some actually half-decent text which I can put in this paragraph.</p>
12+
</section>
13+
14+
<section id="get-involved" class="wrap">
15+
<h1>Get involved</h1>
16+
17+
<p>If you're part of a code club or group, and you're meeting during Code Week, <a href="#">tell us about your event</a> and we'll add it to our map.</p>
18+
19+
<p>Not part of a group but want to take part? You can still run a Code Week event in your area. We've compiled <a href="/code/">a list of guides and resources</a> which you might find useful.</p>
20+
</section>
21+
22+
<section id="spread-the-word" class="wrap">
23+
<h1>Spread the word</h1>
24+
25+
<p>We're talking about Code Week on Twitter - there's regular updates at <a href="https://twitter.com/CodeWeekEU">@CodeWeekEU</a>. Follow along the conversation with <a href="https://twitter.com/search?q=%23codeEU&f=realtime">#codeEU</a>.</p>
26+
27+
<p>You can also subscribe to our email updates, where we're sending out occasional Code Week news.</p>
28+
29+
<div class="button-well">
30+
<a href="#" class="button button-subscribe">Subscribe to email updates</a>
31+
</div>
32+
</section>

0 commit comments

Comments
 (0)