version préliminaire du site (avant nouv. graphisme)

1658262a · Mathieu Gauthier-Pilote · dcf6f07d · 1658262a · 1658262a · 1658262a
--- a/.gitignore
+++ b/.gitignore
+_site/
+.jekyll-cache/
--- a/01-program.html
+++ b/01-program.html
+---
+layout: default-full-width
+title: Activités
+permalink: /activites/
+---
+
+<br>
+<script type="text/javascript" src="{{ "/js/program.js" | prepend: site.baseurl }}"></script>
+<h2>Calendrier des activités de la SQiL</h2>
+<div class="row">
+	<div class="small-9 large-9 column">
+		<p class="text-justify">IMPORTANT&nbsp;: Le calendrier officiel des activités de la Semaine québécoise de l'informatique libre (SQiL) sera dévoilé le 22 février 2021. Les données de cette page proviennent de l'<a href="https://agendadulibre.qc.ca">Agenda du libre du Québec</a>.</p>
+		<p>Vous pouvez <b>proposer une activité</b> au calendrier jusqu'au vendredi 5 mars 2021, cependant nous conseillons fortement de viser le 22 février si vous voulez bénéficier de la promotion autour du dévoilement du calendrier prévu pour cette date). Consultez notre <a href="https://wiki.facil.qc.ca/view/Guide_d'organisation_d'une_activit%C3%A9_de_la_SQIL">guide</a> pour connaître la marche à suivre.</p>
+
+	</div>
+
+</div>
+<div class="row small-up-1 medium-up-3 large-up-6" id="lieux">
+	<div class="small-9 large-9 column" id="lieuxtous"><div class="lieu other">Toutes les régions</div></div>
+</div>
+<div class="row">
+   <div class="small-12 large-12 column" id="calendrier">
+   </div>
+</div>
--- a/02-sponsors.html
+++ b/02-sponsors.html
+---
+layout: default-full-width
+title: Partenaires
+permalink: /partenaires/
+---
+<br>
+    <h4>Nous remercions nos précieux partenaires du fond du coeur&nbsp;!</h4>
+    <p>Vous désirez devenir partenaire en commanditant la SQiL? Découvrez les options de commandite de notre <a href="/plan/">plan de visibilité des partenaires</a>.</p>
+    <section id="grands-partenaires" class="row small-up-1 medium-up-2 large-up-2">
+    <h3 style="clear:both;padding-top:30px;padding-bottom:15px;">Grands partenaires</h3>
+  {% for sponsor in site.data.sponsors.grands %}
+      <div class="small-12 large-6 column">
+        <p>
+          <a href="{{sponsor.website}}" title="{{sponsor.name}}"><img src="{{sponsor.logo}}" class="thumbnail" alt="{{sponsor.name}}"></a><br>
+          <span style="font-size:110%;"><a href="{{sponsor.website}}">{{sponsor.name}}</a></span>
+        </p>
+      </div>
+    {% endfor %}
+    </section>
+    <section id="partenaires-majeurs" class="row small-up-1 medium-up-2 large-up-3">
+    <h3 style="clear:both;padding-top:50px;padding-bottom:15px;">Partenaires majeurs</h3>
+  {% for sponsor in site.data.sponsors.majeurs %}
+     <div class="small-12 large-6 column">
+      <p style="">
+        <a href="{{sponsor.website}}" title="{{sponsor.name}}"><img class="thumbnail" src="{{sponsor.logo}}" alt="{{sponsor.name}}"></a><br>
+          <span style="font-size:110%;"><a href="{{sponsor.website}}">{{sponsor.name}}</a></span>
+       </p>
+    </div>
+  {% endfor %}
+    </section>
+    <section id="partenaires-medias" class="row small-up-1 medium-up-2 large-up-3">
+  <h3 style="clear:both;padding-top:50px;padding-bottom:15px;">Partenaires médias et diffusion</h3>
+  {% for sponsor in site.data.sponsors.medias %}
+    <div class="small-12 large-6 column">
+		<p style="max-width:330px;min-height:270px;">
+      <a href="{{sponsor.website}}" title="{{sponsor.name}}"><img class="thumbnail" src="{{sponsor.logo}}" alt="{{sponsor.name}}"></a><br>
+          <span style="font-size:110%;"><a href="{{sponsor.website}}">{{sponsor.name}}</a></span>
+      </p>
+    </div>
+  {% endfor %}
+    </section>
+    <!-- <section id="microcommanditaires" class="row small-up-1 medium-up-2 large-up-3">
+    <h3 style="clear:both;padding-top:50px;padding-bottom:15px;">Microcommanditaires</h3>
+  {% for sponsor in site.data.sponsors.micros %}
+    <div class="small-12 large-6 column">
+		<p><span style="font-size:110%;"><a href="{{sponsor.website}}">{{sponsor.name}}</a></span>
+      </p>
+    </div>
+  {% endfor %}
+    </section> -->
+    <section id="partenaires-activites" class="row small-up-1 medium-up-2 large-up-3">
+  <h3 style="clear:both;padding-top:50px;padding-bottom:15px;">Partenaires d'activités</h3>
+  {% for sponsor in site.data.sponsors.activites %}
+    <div class="small-12 large-6 column">
+		<p style="max-width:330px;min-height:310px;">
+      <a href="{{sponsor.website}}" title="{{sponsor.name}}"><img class="thumbnail" src="{{sponsor.logo}}" alt="{{sponsor.name}}"></a><br>
+          <span style="font-size:110%;"><a href="{{sponsor.website}}">{{sponsor.name}}</a></span>
+      </p>
+    </div>
+  {% endfor %}
+    </section>
--- a/03-about.html
+++ b/03-about.html
+---
+layout: default-full-width
+title: À propos
+permalink: /apropos/
+---
+<br>
+<h2>Qu'est-ce que c'est&nbsp;?</h2>
+<div class="row">
+	<div class="small-9 large-9 column">
+		<p class="text-justify">Événement annuel coordonné par les bénévoles de FACiL, la Semaine québécoise de l'informatique libre (SQiL) consiste en neuf jours intenses d'activités autour du libre partout au Québec durant le mois de septembre. Cette mobilisation a pour objectif de mettre en valeur et de mieux faire connaître le milieu du libre au Québec.</p>
+		
+		<p class="text-justify">Tous les <i>libres</i> intéressent la SQiL : le logiciel, le matériel, le savoir ou la culture, bref tout ce qui peut se mettre sous une <a href="https://fr.wikipedia.org/wiki/Licence_libre">licence libre</a> et participe à la construction, au développement et à la conservation des <a href="https://fr.wikipedia.org/wiki/Biens_communs_num%C3%A9riques">communs numériques</a>.</p>
+		
+		<p class="text-justify">C'est la Journée internationale du logiciel libre (JiLL), qui a lieu le troisième samedi du mois de septembre, qui lance traditionnellement la Semaine québécoise de l'informatique libre (SQiL).</p>
+	</div>
+</div>
+
+<h2>Historique</h2>
+<div class="row">
+	<div class="small-9 large-9 column">
+		<p class="text-justify">Des SQiL ont été organisées en 2004, 2005, 2006, 2007, 2008, 2014, 2015, 2016, 2017, 2018 et 2019.</p>
+		<p class="text-justify">Pour plus d'infos sur les SQiL précédentes, <a href="https://wiki.facil.qc.ca/view/Semaine_qu%C3%A9b%C3%A9coise_de_l'informatique_libre">voyez le Wiki de FACIL</a>.</p>
+	</div>
+</div>
--- a/04-contact.html
+++ b/04-contact.html
+---
+layout: default-full-width
+title: Nous joindre
+permalink: /contact/
+---
+<br>
+<h2>Nous joindre</h2>
+<div class="row">
+	<div class="small-9 large-9 column">
+		<p class="text-justify">Si vous désirez vous impliquer, si vous avez des questions, des suggestions ou encore si vous voulez devenir partenaire de la SQiL, <a href="https://facil.qc.ca/form_contact">communiquez directement avec FACiL</a> (courriel ou boîte vocale).</p>
+		<p class="text-justify">Les personnes qui participent directement à la coordination ou à l'organisation d'activités sont invitées à discuter <a href="https://forumsdulibre.quebec/c/facil/sqil">dans la catégorie de la SQiL des Forums du libre du Québec</a>.</p>
+	</div>
+</div>
--- a/05-plan.html
+++ b/05-plan.html
+---
+layout: default-full-width
+title: Plan de commandites
+permalink: /plan/
+---
+<br>
+    <h4>Plan de visibilité des partenaires de la SQiL 2021</h4>
+    <p>Consultez notre brochure de commandite pour toutes les informations : </p>
+    
+    <p><a href="https://wiki.facil.qc.ca/images/Brochure-Commandite-SQIL2021.pdf" title="Plan de visibilité des partenaires de la SQiL 2021"><img src="/img/brochure-commandite-sqil2021.jpg" alt="Plan de visibilité des partenaires de la SQiL 2021"></a></p>
+    
+    <p>Voir aussi le <a href="https://wiki.facil.qc.ca/view/Comit%C3%A9_FACIL_M%C3%A9dias/SQiL2021/Plan_de_commandites" target="_blank">sommaire du plan</a> dans le Wiki de FACiL.</p>
+    
--- a/06-english.html
+++ b/06-english.html
+---
+layout: default-full-width
+title: English
+permalink: /en/
+---
+<br>
+    <h4>What Is SQiL?</h4>
+    <p>SQiL is the acronym for <i>Semaine québécoise de l'informatique libre</i>, which litteraly translates to Québec Week of Free Computing. An annual event coordinated by volunteers from FACiL, the SQiL consists in nine intense days of activities around free computing throughout Québec during the month of September. Everything that is free as in freedom is welcomed during the SQiL: software, hardware, knowledge or culture, in other words everything that can be put under a free license and therefore takes part in the construction, development and conservation of our digital commons.</p>
--- a/07-espanol.html
+++ b/07-espanol.html
+---
+layout: default-full-width
+title: Español
+permalink: /es/
+---
+<br>
+    <h4>Que es SQiL?</h4>
+    <p>SQiL es el acrónimo de <i>Semaine québécoise de l'informatique libre</i>, que literalmente se traduce como Semana de la informática libre de Québec. Un evento anual coordinado por voluntarios de FACiL, la SQiL consiste en nueve días intensos de actividades sobre el libre en todo Quebec durante el mes de septiembre. Todos los libres son de interés para SQiL: software, hardware, conocimiento o cultura; en resumen, todo lo que se puede poner bajo una licencia libre y participa en la construcción, desarrollo y conservación de recursos comunes digitales.</p>
--- a/README.md
+++ b/README.md
-# sqil-2021
+# SQIL 2021
+###### Semaine québécoise de l'informatique libre
+Dépôt officiel du site internet de la 12e édition de la Semaine québécoise de l'informatique libre.

-Site web de la Semaine québécoise de l'informatique libre (SQiL) 2021.
\ No newline at end of file
+## Comment contribuer?
+
+1. Installez les outils nécessaires au développement du site internet.
+2. Récupérez le code source et installez les dépendances.
+3. Ne faites pas de *push* directement sur la branch *master*. Utilisez plutôt la branche *devel* ou une nouvelle branche et faites un *merge request* par la suite.
+4. N'hésitez pas à poser des questions.
+
+## Outils nécessaires
+
+Les paquets suivants doivent être installés manuellement ou via votre gestionnaire de paquets :
+
+  - [Git](https://git-scm.com/)
+  - [NodeJS](https://nodejs.org/en/) >= 4.4.3 : Ce paquet installera aussi `npm`
+  - [NVM](https://github.com/creationix/nvm) (optionnel)
+  - [Ruby](https://www.ruby-lang.org/fr/) >= 2.3.0 : Ce paquet installera aussi `gem`
+  - [RVM](https://rvm.io/) (optionnel)
+
+Le paquets suivant doit être installer via `gem` :
+
+  - [Jekyll](https://jekyllrb.com/) >= 3.1.3
+
+Les paquets suivants doivent être installés via `npm` :
+
+  - [Bower](http://bower.io/) : `[sudo] npm install -g bower`
+  - [Gulp](http://gulpjs.com/)  : `[sudo] npm install -g gulp`
+
+## Installation
+
+1. Installer les différents outils nécessaires qui se trouvent plus haut.
+2. Récupérer le code source du site internet et installer les dépendances :
+```
+git clone git@gitlab.com:facil/sqil-2021.git
+cd sqil-2021
+[sudo] npm install && [sudo] bower install
+```
+3. Lancer la commande `jekyll s` dans une fenêtre de terminal.
+4. Lancer la commande `gulp` dans une seconde fenêtre de terminal.
+5. ???
+6. Voilà.
--- a/_config.yml
+++ b/_config.yml
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely need to edit after that.
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'jekyll serve'. If you change this file, please restart the server process.
+
+# Site settings
+title: SQiL 2021
+subtitle: "Semaine québécoise de l'informatique libre"
+email: info@facil.qc.ca
+description: "La Semaine québécoise de l'informatique libre (SQiL) est un événement annuel coordonné par FACiL avec l'appui de nombreux organismes de la communauté québécoise du libre. La 12e édition de la SQiL aura lieu du 6 mars au 4 avril 2021."
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "http://2021.sqil.info" # the base hostname & protocol for your site
+# paginate: 3 # Number of post per page
+# paginate_path: "page:num"
+
+# Social medias and username account
+twitter_username: _FACiL
+gitlab_username: facil
+facebook_username: facil.qc
+
+# Build settings
+markdown: kramdown
+
+# Exclude files
+exclude: ['_glynn.yml', '.gitignore', 'bower.json', 'bower_components', 'gulpfile.js', 'node_modules', 'package.json', 'README.md']
+
+# Gems
+# gems: [jekyll-paginate]
--- a/_data/sponsors.yml
+++ b/_data/sponsors.yml
+# Grands partenaires
+grands:
+  - name: "Grand partenaire"
+    logo: "/img/525x250.png"
+    website: "#"
+
+  - name: "Grand partenaire"
+    logo: "/img/525x250.png"
+    website: "#"
+
+# Partenaires majeurs
+majeurs:
+  - name: "Partenaire majeur"
+    logo: "/img/350x150.png"
+    website: "#"
+
+  - name: "Partenaire majeur"
+    logo: "/img/350x150.png"
+    website: "#"
+
+  - name: "Partenaire majeur"
+    logo: "/img/350x150.png"
+    website: "#"
+
+  - name: "Partenaire majeur"
+    logo: "/img/350x150.png"
+    website: "#"
+
+  - name: "Partenaire majeur"
+    logo: "/img/350x150.png"
+    website: "#"
+
+# Medias
+medias:
+  - name: "Maria Tatica Leandro, graphiste et photographe"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire médias et diffusion"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire médias et diffusion"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire médias et diffusion"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire médias et diffusion"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire médias et diffusion"
+    logo: "/img/250x150.png"
+    website: "#"
+
+# Microcommanditaires
+micros:
+  - name: "Microcommanditaire"
+    logo: "/img/250x100.png"
+    website: "#"
+
+  - name: "Microcommanditaire"
+    logo: "/img/250x100.png"
+    website: "#"
+
+  - name: "Microcommanditaire"
+    logo: "/img/250x100.png"
+    website: "#"
+
+# Activités
+activites:
+  - name: "FACiL, pour l'appropriation collective de l'informatique libre"
+    logo: "/img/logo-facil-250x150px.jpg"
+    website: "https://facil.qc.ca"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
+
+  - name: "Partenaire d'activités"
+    logo: "/img/250x150.png"
+    website: "#"
--- a/_includes/footer.html
+++ b/_includes/footer.html
+<footer>
+  {% if page.url == '/' %}
+    {% include sponsors.html %}
+  {% endif %}
+  <div class="copyright">
+    <div class="row">
+      <div class="small-12 large-12 column">
+		  <p style="text-align:center;"><a href="/">Français</a> | <a href="/en/">English</a> | <a href="/es/">Español</a></p>
+        <p>&copy; FACiL 2021 - Organis&eacute; avec <i class="fa fa-heart"></i> par <a href="https://facil.qc.ca">FACiL</a> et la communauté qu&eacute;b&eacute;coise du libre
+        | Le contenu du site est sous license <a href="http://creativecommons.org/licenses/by-sa/4.0/deed.fr">CC BY-SA 4.0</a>
+        | <a href="{{ "/humans.txt" | prepend: site.baseurl }}"> Colophon</a> </p>
+      </div>
+    </div>
+  </div>
+</footer>
+<script type="text/javascript" src="{{ "/js/what-input.min.js" | prepend: site.baseurl }}"></script>
+<script type="text/javascript" src="{{ "/js/foundation.min.js" | prepend: site.baseurl }}"></script>
+<script type="text/javascript" src="{{ "/js/app.js" | prepend: site.baseurl }}"></script>
--- a/_includes/head.html
+++ b/_includes/head.html
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>SQIL 2021: 12e édition de la Semaine québécoise de l'informatique libre (SQiL) - {% if page.title %}{{ page.title }}{% endif %} - Coordonnée par FACiL</title>
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+  <link rel="author" href="{{ "/humans.txt" | prepend: site.baseurl }}" />
+  <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+  <link rel="stylesheet" href="{{ "/css/app.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/sqil.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/font-awesome.min.css" | prepend: site.baseurl }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+  <script type="text/javascript" src="{{ "/js/jquery.min.js" | prepend: site.baseurl }}"></script>
+  <script type="text/javascript" src="{{ "/js/jquery.countdown.min.js" | prepend: site.baseurl }}"></script>
+</head>
--- a/_includes/header.html
+++ b/_includes/header.html
+<header class="page-header">
+  <nav class="top-bar">
+    <div class="row">
+      <div class="top-bar-title">
+        <span data-responsive-toggle="responsive-menu" data-hide-for="medium">
+          <button class="" type="button" data-toggle><i class="fa fa-2x fa-inverse fa-bars" aria-hidden="true"></i></button>
+        </span>
+        <strong><img src="{{ "/img/logo-sm.png" | prepend: site.baseurl }}" width="40" alt="logo"> SQiL2021</strong>
+      </div>
+      <div id="responsive-menu">
+        <div class="top-bar-right">
+          <ul class="vertical medium-horizontal menu">
+            <li><a class="page-link" href="{{ "/" | prepend: site.baseurl }}">Accueil</a></li>
+            {% for page in site.pages %}
+              {% if page.title and page.permalink != "/plan/" and page.permalink != "/en/" and page.permalink != "/es/" %}
+              <li><a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
+              {% endif %}
+            {% endfor %}
+          </ul>
+        </div>
+      </div>
+    </div>
+  </nav>
+  {% if page.url == '/' %}
+
+    <div class="banner">
+	  <a href="/"><img src="{{ "/img/entete.png" | prepend: site.baseurl }}" alt="SQIL2021" width="100%"></a>
+    </div>
+
+  {% endif %}
+</header>
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
+<h1>Événements</h1>
+<ul class="no-decoration">
+  {% for post in site.posts limit:5 %}
+    <li>
+      <h4><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h4>
+      <span>{{ post.date | date: "%d / %m / %Y" }} @ 17h au Lieu</a></span>
+    </li>
+  {% endfor %}
+</ul>
+<!-- <a href="#">Voir la programmation complète</a> -->
--- a/_includes/sponsors.html
+++ b/_includes/sponsors.html
+<div class="sponsors">
+  <div class="row">
+    <div class="small-12 large-12 column">
+      <h3>Grands partenaires</h3> 
+    </div>
+  </div>
+  <div class="row">
+    {% for sponsor in site.data.sponsors.grands %}
+      <div class="small-12 large-6 column">
+        <p>
+          <a href="{{sponsor.website}}" title="{{sponsor.name}}"><img src="{{sponsor.logo}}" class="thumbnail" alt="{{sponsor.name}}"></a>
+        </p>
+      </div>
+    {% endfor %}
+    </div>
+    <div class="row">
+		<div class="small-12 large-6 column">
+			<p>Voir <a href="/partenaires/">tous les partenaires...</a></p>
+		</div>
+	</div>
+</div>
--- a/_layouts/default-full-width.html
+++ b/_layouts/default-full-width.html
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+  <body>
+    {% include header.html %}
+    <div class="row">
+      <div class="small-12 large-12 column">
+        {{ content }}
+      </div>
+    </div>
+    {% include footer.html %}
+  </body>
+</html>
--- a/_layouts/default.html
+++ b/_layouts/default.html
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    {% include header.html %}
+
+    <div class="row">
+      <div class="small-12 large-8 column">
+        {{ content }}
+      </div>
+      <div class="small-12 large-4 column">
+        {% include sidebar.html %}
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+  </body>
+
+</html>
--- a/_layouts/page.html
+++ b/_layouts/page.html
+---
+layout: default
+---
+<article>
+
+  <header>
+    <h1>{{ page.title }}</h1>
+  </header>
+
+  <div>
+    {{ content }}
+  </div>
+
+</article>
--- a/_layouts/post.html
+++ b/_layouts/post.html
+---
+layout: default
+---
+<article itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header>
+    <h1 itemprop="name headline">{{ page.title }}</h1>
+    <p><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
+  </header>
+
+  <div itemprop="articleBody">
+    {{ content }}
+  </div>
+
+</article>