cleaning talks and css

3 files changed, 174 insertions, 231 deletions

diff --git a/about/index.html b/about/index.html
index 90448dd..29ac766 100644
--- a/about/index.html
+++ b/about/index.html
@@ -12,7 +12,7 @@ layout: default
 
     <br />
 
-    I'm a <span itemprop="title">software engineer</span> working at <a href="http://linkfluence.net/"><span itemprop="affiliation">Linkfluence</span></a>, where I work mainly on our feed aggregator, data collecting, and the scalability of our infrastructure.
+    I'm a <span itemprop="title">software engineer</span> working at <a href="http://linkfluence.net/"><span itemprop="affiliation">Linkfluence</span></a>, where most of my time is spent working on our feed aggregator, collecting data from various web services, and handling the scalability of our architecture.
 
     <br />
 
diff --git a/static/css/screen.css b/static/css/screen.css
index c01c5e1..85d7de5 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -1,226 +1,181 @@
-/*****************************************************************************/
-/*
-/* Common
-/*
-/*****************************************************************************/
-
-/* Global Reset */
-
 @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
 @import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular);
 
-* {
-  margin: 0;
-  padding: 0;
-}
-
-html, body {
-  height: 100%;
-}
-
 body {
-  background-color: #edf1f3;   
-  color: #222;
-  line-height: 1.4em;          
-  /*margin: 20px auto 18px 25%;  */
-
-  /*background-color: white;*/
-  font-family: 'Droid Sans',Verdana, sans-serif;
-  /*font: 13.34px helvetica, arial, clean, sans-serif;*/
-  *font-size: small;
-  text-align: center;
-  /*background: #eeeeee;*/
+   background-color: #edf1f3;   
+   color: #222;
+   line-height: 1.4em;          
+   font-family: 'Droid Sans',Verdana, sans-serif;
+   text-align: center;
 }
 
 ul {
-  margin-left: 1.25em;
+   margin-left: 1.25em;
+   list-style-type: square;
+}
+
+li {
+   display: list-item;
 }
 
 h1, h2 {
-    font-size: 120%;
-      margin-top: 1em;
+   font-size: 120%;
+   margin-top: 1em;
 }
 
 h3, h4, h5, h6 {
-  font-size: 100%;
-      margin-top: 1em;
+   font-size: 100%;
+   margin-top: 1em;
 }
 
 h1 {
-  margin-bottom: 1em;
-   margin-top: 1em;
+   margin-bottom: 1em;
 }
 
 p {
-  margin: 1em 0;
+   margin: 1em 0;
 }
 
 a {
-  color: #00a;
+   color: #00a;
 }
 
 a:hover {
-  color: black;
+   color: black;
 }
 
 a:visited {
-  color: #a0a;
+   color: #660000;
+   text-decoration: none;
 }
 
 table {
-  font-size: inherit;
-  font: 100%;
+   font-size: inherit;
+   font: 100%;
 }
 
-/*****************************************************************************/
-/*
-/* Home
-/*
-/*****************************************************************************/
-
 ul.posts {
-  list-style-type: none;
-  margin-bottom: 2em;
+   margin-bottom: 2em;
 }
 
-  ul.posts li {
-    line-height: 1.75em;
-  }
-
-  ul.posts span {
-    color: #aaa;
-    font-family: Monaco, "Courier New", monospace;
-    font-size: 80%;
-  }
-
-/*****************************************************************************/
-/*
-/* Site
-/*
-/*****************************************************************************/
+ul.posts span {
+   color: #aaa;
+   font-family: Monaco, "Courier New", monospace;
+   font-size: 80%;
+}
 
 .site {
-  background: #ffffff;
-  border-style: solid;
-  border-width: 1px;
-  padding: 1em;
-  font-size: 110%;
-  text-align: justify;
-  width: 50em;
-  margin: 3em auto 2em auto;
-  line-height: 1.5em;
+   background: #ffffff;
+   border-style: solid;
+   border-width: 1px;
+   padding: 1em;
+   font-size: 110%;
+   text-align: justify;
+   width: 50em;
+   margin: 3em auto 2em auto;
+   line-height: 1.5em;
 }
 
 .title {
-  color: #a00;
-  font-weight: bold;
-  margin-bottom: 2em;
-}
-
-  .site .title a {
-    color: #a00;
-    text-decoration: none;
-  }
-
-  .site .title a:hover {
-    color: black;
-  }
-
-  .site .title a.extra {
-    color: #aaa;
-    text-decoration: none;
-    margin-left: 1em;
-  }
-
-  .site .title a.extra:hover {
-    color: black;
-  }
-
-  .site .meta {
-    color: #aaa;
-  }
-
-  .site footer {
-    font-size: 80%;
-    color: #666;
-    border-top: 4px solid #eee;
-    margin-top: 2em;
-    overflow: hidden;
-  }
-
-    .site footer .contact {
-      float: left;
-      margin-right: 3em;
-    }
-
-      .site footer .contact a {
-        color: #8085C1;
-      }
-
-    .site footer .rss {
-      margin-top: 1.1em;
-      margin-right: -.2em;
-      float: right;
-    }
-
-      .site footer .rss img {
-        border: 0;
-      }
-
-/*****************************************************************************/
-/*
-/* Posts
-/*
-/*****************************************************************************/
-
-#post {
-
-}
-
-  /* standard */
-
-  #post pre {
-    border: 1px solid #ddd;
-    background-color: #eef;
-    padding: 0 .4em;
-  }
-
-  #post ul,
-  #post ol {
-    margin-left: 1.25em;
-  }
-
-  #post code {
-    border: 1px solid #ddd;
-    background-color: #eef;
-    font-size: 95%;
-    padding: 0 .2em;
-  }
-
-    #post pre code {
-      border: none;
-    }
-
-  /* terminal */
-
-  #post pre.terminal {
-    border: 1px solid black;
-    background-color: #333;
-    color: white;
-  }
-
-  #post pre.terminal code {
-    background-color: #333;
-  }
-
-  #date {
-    font-size: 80%;
-  }
+   color: #a00;
+   font-weight: bold;
+   margin-bottom: 2em;
+}
+
+.site .title a {
+   color: #a00;
+   text-decoration: none;
+}
+
+.site .title a:hover {
+   color: black;
+}
+
+.site .title a.extra {
+   color: #aaa;
+   text-decoration: none;
+   margin-left: 1em;
+}
+
+.site .title a.extra:hover {
+   color: black;
+}
+
+.site .meta {
+   color: #aaa;
+}
+
+.site footer {
+   font-size: 80%;
+   color: #666;
+   border-top: 4px solid #eee;
+   margin-top: 2em;
+   overflow: hidden;
+}
+
+.site footer .contact {
+   float: left;
+   margin-right: 3em;
+}
+
+.site footer .contact a {
+   color: #8085C1;
+}
+
+.site footer .rss {
+   margin-top: 1.1em;
+   margin-right: -.2em;
+   float: right;
+}
+
+.site footer .rss img {
+   border: 0;
+}
+
+#post pre {
+   border: 1px solid #ddd;
+   background-color: #eef;
+   padding: 0 .4em;
+}
+
+#post ul, #post ol {
+   margin-left: 1.25em;
+}
+
+#post code {
+   border: 1px solid #ddd;
+   background-color: #eef;
+   font-size: 95%;
+   padding: 0 .2em;
+}
+
+#post pre code {
+   border: none;
+}
+
+#post pre.terminal {
+   border: 1px solid black;
+   background-color: #333;
+   color: white;
+}
+
+#post pre.terminal code {
+   background-color: #333;
+}
+
+#date {
+   font-size: 80%;
+}
 
 #related {
-  margin-top: 2em;
+   margin-top: 2em;
 }
 
-  #related h2 {
-    margin-bottom: 1em;
-  }
+#related h2 {
+   margin-bottom: 1em;
+}
+
+.talk {
+   padding-top: 1em;
+};
+
diff --git a/talks/index.html b/talks/index.html
index 0430263..aa8aa90 100644
--- a/talks/index.html
+++ b/talks/index.html
@@ -3,56 +3,44 @@ layout: default
 ---
 <h2>Previous and Upcoming Talks</h2>
 
-<h3>2010</h3>
-
-<article itemscope itemtype="http://data-vocabulary.org/Event">
-  <em itemprop="summary">June 2010, FPW 2010 &#8212; Github Explorer</em>
-  <p itemprop="description">
-    <small>Presentation de github-explorer</small>
-    <br />
-    <a href="http://www.slideshare.net/franckcuny/github-explorer">Slides</a> - <a href="http://franck.lumberjaph.net/slides/github-explorer.pdf">PDF</a>
-  </p>
-</article>
-
-<article itemscope itemtype="http://data-vocabulary.org/Event">
-  <em itemprop="summary">June 2010, FPW 2010 &#8212; Introduction à Plack</em>
-  <p itemprop="description">
-    <small>Introductoin à Plack: PSGI, les Handlers, les Middlewares, ...</small>
-    <br />
-    <a href="http://www.slideshare.net/franckcuny/introduction-a-plack">Slides</a> - <a href="http://franck.lumberjaph.net/slides/introduction_a_plack.pdf">PDF</a>
-</article>
-
-<h3>2009</h3>
-
-<article itemscope itemtype="http://data-vocabulary.org/Event">
-  <em itemprop="summary">October 2009, OSDC.fr &#8212; Introduction à Moose</em>
-  <p itemprop="description">
-    <small>Introduction à Moose: survol rapide des roles, du MOP, ...</small>
-    <br />
-    <a href="http://www.slideshare.net/franckcuny/introduction-a-moose">Slides</a> - <a href="http://labs.linkfluence.net/osdcfr09/Introduction_a_Moose.pdf">PDF</a>
-  </p>
-</article>
-
-<article itemscope itemtype="http://data-vocabulary.org/Event">
-  <em itemprop="summary">August 2009, YAPC::EU 2009 &#8212; CPAN Explorer</em>
-  <p itemprop="description">
-    <small>A talk about the shape of the CPAN, and a map of his community. </small>
-    <br />
-    <a href="http://www.slideshare.net/franckcuny/map-of-the-perl-and-cpan-community">Slides</a> - <a href="http://labs.linkfluence.net/yapceu09/talk.pdf">PDF</a>
-  </p>
-</article>
-
-<article itemscope itemtype="http://data-vocabulary.org/Event">
-  <em itemprop="summary">June 2009, FPW 2009 &#8212; CPAN Explorer</em>
-  <p itemprop="description">
-    <small>Présentation réalisée au FPW09, sur la communauté des developpeurs Perl via le CPAN et le web.</small>
-    <br />
-    <a href="http://www.slideshare.net/franckcuny/cartographie-du-cpan-et-de-sa-communaut">Slides</a> - <a href="http://labs.linkfluence.net/fpw09/resources/slides/">PDF</a>
-  </p>
-</article>
+<ul>
+  <li><article itemscope itemtype="http://data-vocabulary.org/Event" class="talk">
+      <em itemprop="summary">June 2010, FPW 2010 &#8212; Github Explorer</em>
+      <p itemprop="description" class="talkdesc">
+        Présentation de github-explorer (<a href="http://www.slideshare.net/franckcuny/github-explorer">Slides</a>, <a href="http://franck.lumberjaph.net/slides/github-explorer.pdf">PDF</a>)
+      </p>
+  </article></li>
+
+  <li><article itemscope itemtype="http://data-vocabulary.org/Event" class="talk">
+      <em itemprop="summary">June 2010, FPW 2010 &#8212; Introduction à Plack</em>
+      <p itemprop="description" class="talkdesc">
+        Introduction à Plack: PSGI, les Handlers, les Middlewares, ... (<a href="http://www.slideshare.net/franckcuny/introduction-a-plack">Slides</a>, <a href="http://franck.lumberjaph.net/slides/introduction_a_plack.pdf">PDF</a>)
+  </article></li>
+
+  <li><article itemscope itemtype="http://data-vocabulary.org/Event" class="talk">
+      <em itemprop="summary">October 2009, OSDC.fr &#8212; Introduction à Moose</em>
+      <p itemprop="description" class="talkdesc">
+        Introduction à Moose: survol rapide des roles, du MOP, ... (<a href="http://www.slideshare.net/franckcuny/introduction-a-moose">Slides</a>, <a href="http://labs.linkfluence.net/osdcfr09/Introduction_a_Moose.pdf">PDF</a>)
+      </p>
+    </article></li>
+
+  <li><article itemscope itemtype="http://data-vocabulary.org/Event" class="talk">
+      <em itemprop="summary">August 2009, YAPC::EU 2009 &#8212; CPAN Explorer</em>
+      <p itemprop="description" class="talkdesc">
+        A talk about the shape of the CPAN, and a map of his community. (<a href="http://www.slideshare.net/franckcuny/map-of-the-perl-and-cpan-community">Slides</a>, <a href="http://labs.linkfluence.net/yapceu09/talk.pdf">PDF</a>)
+      </p>
+  </article></li>
+
+  <li><article itemscope itemtype="http://data-vocabulary.org/Event" class="talk">
+      <em itemprop="summary">June 2009, FPW 2009 &#8212; CPAN Explorer</em>
+      <p itemprop="description">
+        Présentation réalisée au FPW09, sur la communauté des developpeurs Perl via le CPAN et le web. (<a href="http://www.slideshare.net/franckcuny/cartographie-du-cpan-et-de-sa-communaut">Slides</a>, <a href="http://labs.linkfluence.net/fpw09/resources/slides/">PDF</a>)
+      </p>
+    </article></li>
+</ul>
 
-<h3>Articles</h3>
-<ul> 
+<h2>Articles</h2>
+<ul>
     <li>
     <em>Catalyst Advent Calendar</em> &#8212; <a href="http://www.catalystframework.org/calendar/2009/19">Writing REST services with Catalyst</a>
     </li>