set syntax to perl; update static page and css

7 files changed, 83 insertions, 354 deletions

diff --git a/_posts/2010-09-10-dancer-summer-of-code.textile b/_posts/2010-09-10-dancer-summer-of-code.textile
index a74f6b3..07b0f52 100644
--- a/_posts/2010-09-10-dancer-summer-of-code.textile
+++ b/_posts/2010-09-10-dancer-summer-of-code.textile
@@ -32,7 +32,7 @@ In august, "alexis":http://www.sukria.net/ brought a big effort to refactor the
 
 With this feature, you can do the following:
 
-{% highlight yaml %}
+{% highlight perl %}
 package myapp::forum;
 use Dancer ':syntax';
 
@@ -91,7 +91,7 @@ So, what we did, is to use this middleware and add some syntactic sugar so peopl
 
 This is not yet complete, it's only available in the 'devel' branch, and subject to change. A small code sample:
 
-{% highlight yaml %}
+{% highlight perl %}
 websocket '/new_listener' => sub {
     my $env   = request->env;
     my $room  = $env->{'hippie.args'};
diff --git a/about/index.html b/about/index.html
index fb5ebb6..2da56a8 100644
--- a/about/index.html
+++ b/about/index.html
@@ -1,21 +1,20 @@
 ---
 layout: default
 ---
-<h1>About</h1>
+<h2>About</h2>
 <p>
-    <img src="/static/imgs/me.jpg" class="right" />
-    <br /><br />
-    I’m franck cuny, just another Perl hacker. On this blog I write
-    about Perl, software I use, and sometimes about $work related stuff.
-    <br /><br />
-    I'm a software engineer at <a href="http://linkfluence.net/">Linkfluence</a>.
-    <br /><br />
-    Other places where you can find me:
-    <ul>
-        <li><a href="http://github.com/franckcuny">github</a></li>
-        <li><a href="http://twitter.com/franckcuny">twitter</a></li>
-        <li><a href="http://search.cpan.org/~franckc/">CPAN</a></li>
-        <li><a href="http://delicious.com/franck">delicious</a></li>
-        <li><a href="http://fr.linkedin.com/pub/franck-cuny/1a/362/506">linkedin</a></li>
-    </ul>
+<img src="/static/imgs/me.jpg" class="right" />
+<br /><br />
+I’m franck cuny, just another Perl hacker. On this blog I write about Perl, software I use, and sometimes about $work related stuff.
+<br /><br />
+I'm a software engineer at <a href="http://linkfluence.net/">Linkfluence</a>.
+<br /><br />
+Other places where you can find me:
+<ul>
+    <li><a href="http://github.com/franckcuny">github/franckcuny</a></li>
+    <li><a href="http://twitter.com/franckcuny">twitter/franckcuny</a></li>
+    <li><a href="http://search.cpan.org/~franckc/">CPAN</a></li>
+    <li><a href="http://delicious.com/franck">delicious</a></li>
+    <li><a href="http://fr.linkedin.com/pub/franck-cuny/1a/362/506">linkedin</a></li>
+</ul>
 </p>
diff --git a/contact/index.html b/contact/index.html
index 820d4ed..884eeea 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -2,14 +2,13 @@
 layout: default
 ---
 
-          <h1>Contact</h1>
-          <p>
-            You can reach me
-            via franck@lumberjaph.net. You can also find me on irc
-            as <strong>franck</strong> on irc.perl.org.
-            <br /><br />
-            my PGP key is
-            <pre>
+<h2>Contact</h2>
+<p>
+You can reach me via franck@lumberjaph.net. You can also find me on irc as <strong>franck</strong> on irc.perl.org.  
+
+<br /><br />
+my PGP key is
+<pre>
 -----BEGIN PGP PUBLIC KEY BLOCK-----
 Version: GnuPG v1.4.9 (GNU/Linux)
 
@@ -40,5 +39,5 @@ BoyYN6zomCvWHhUWIwBE67CZeidq91UkdyR36G/WBK7SP8VPQGCMIHhQkRq8Piuh
 sk8ACnF+ktMJwi6WAOVz2jhj9wWiHdDqsiz4oz9Lw0g=
 =uiDe
 -----END PGP PUBLIC KEY BLOCK-----
-            </pre>
-          </p>
+</pre>
+</p>
diff --git a/static/css/reset.css b/static/css/reset.css
deleted file mode 100644
index b002e1a..0000000
--- a/static/css/reset.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/* 
-html5doctor.com Reset Stylesheet
-v1.4 
-2009-07-27
-Author: Richard Clark - http://richclarkdesign.com
-*/
-
-html, body, div, span, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-abbr, address, cite, code,
-del, dfn, em, img, ins, kbd, q, samp,
-small, strong, sub, sup, var,
-b, i,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, dialog, figure, footer, header, 
-hgroup, menu, nav, section, menu,
-time, mark, audio, video {
-	margin:0;
-	padding:0;
-	border:0;
-	outline:0;
-	font-size:100%;
-	vertical-align:baseline;
-	background:transparent;
-}
-body {
-	line-height:1;
-}
-
-article, aside, dialog, figure, footer, header, 
-hgroup, nav, section { 
-	display:block;
-}
-
-nav ul {
-	list-style:none;
-}
-
-blockquote, q {
-	quotes:none;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content:'';
-	content:none;
-}
-
-a {
-	margin:0;
-	padding:0;
-	border:0;
-	font-size:100%;
-	vertical-align:baseline;
-	background:transparent;
-}
-
-ins {
-	background-color:#ff9;
-	color:#000;
-	text-decoration:none;
-}
-
-mark {
-	background-color:#ff9;
-	color:#000;	
-	font-style:italic;
-	font-weight:bold;
-}
-
-del {
-	text-decoration: line-through;
-}
-
-abbr[title], dfn[title] {
-	border-bottom:1px dotted #000;
-	cursor:help;
-}
-
-table {
-	border-collapse:collapse;
-	border-spacing:0;
-}
-
-hr {
-    display:block;
-    height:1px;
-    border:0;	
-    border-top:1px solid #cccccc;
-    margin:1em 0;
-    padding:0;
-}
-
-input, select {
-	vertical-align:middle;
-}
diff --git a/static/css/screen.css b/static/css/screen.css
index aa55e3f..0b207f4 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -6,6 +6,9 @@
 
 /* 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;
@@ -17,9 +20,11 @@ html, body {
 
 body {
   background-color: white;
-  font: 13.34px helvetica, arial, clean, sans-serif;
+  font-family: 'Droid Sans',Verdana, sans-serif;
+  /*font: 13.34px helvetica, arial, clean, sans-serif;*/
   *font-size: small;
   text-align: center;
+  background: #eeeeee;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -79,6 +84,8 @@ ul.posts {
 /*****************************************************************************/
 
 .site {
+  background: #ffffff;
+  padding: 1em;
   font-size: 110%;
   text-align: justify;
   width: 50em;
diff --git a/static/css/style.css b/static/css/style.css
deleted file mode 100644
index 03d2041..0000000
--- a/static/css/style.css
+++ /dev/null
@@ -1,186 +0,0 @@
-@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
-@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular);
-
-body {
-    font-family: 'Droid Sans',Verdana, sans-serif;
-    font-size: 1em;
-    line-height: 16pt;
-    background: #EEEEEE;
-}
-
-a, a:visited {
-    color: #666666;
-}
-
-a:hover {
-    color: #999999,
-}
-
-h1 {
-    font-size: 24pt;
-}
-
-h2 {
-    font-size: 20pt;
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
-
-h3 {
-    font-size: 14pt;
-    margin-top: 10px;
-}
-
-h1 a, h1 a:visited {
-    color: #C33C33;
-}
-
-ul {
-    list-style: disc;
-}
-
-li {
-    margin-left: 2em;
-}
-
-li#title {
-    color: red;
-    font-weight: bold;
-}
-li.sep {
-    color: white;
-}
-li.section {
-    font-weight: bold;
-}
-
-p, h1, h2, h3, ul {
-    margin-bottom: 0.5em;
-}
-
-section {
-    margin-top: 2em;
-}
-
-section h1 {
-    font-size: 20pt;
-    color: #C33C33;
-    margin-bottom: 8px;
-}
-
-section small {
-    font-size: 10pt;
-    color: gray;
-}
-
-section div.highlight {
-    padding: 10px 0px 20px 25px;
-}
-
-#container {
-    margin-top: 10px;
-    margin-bottom: 10px;
-    margin-left: auto;
-    margin-right: auto;
-    width: 960px;
-    background: #FFFFFF;
-    padding: 20px;
-}
-
-header {
-    margin: -20px -20px 20px -20px;
-    padding: 5px;
-    background: #000000;
-}
-
-header h1 {
-    color: #C33C33;
-    font-size: 28pt;
-}
-
-header h1 a {
-    text-decoration: none;
-}
-
-header #nav {
-    display: inline;
-    list-style-type: none;
-    list-style: none;
-}
-
-header #nav li {
-    display: inline;
-    margin-left: 0;
-    margin-right: 10px;
-}
-
-header #nav li a {
-    padding-top: 0px;
-    color: #FFFFFF;
-    text-decoration: none;
-}
-
-header #nav li a:hover {
-    color: #CCCCCC;
-}
-
-footer {
-    margin: 0 -20px -20px -20px;
-    padding: 10px;
-    background: #000000;
-}
-
-footer p {
-    color: #FFFFFF;
-}
-
-footer p img {
-    margin-bottom: -5px;
-}
-
-div.highlight {
-    background-color: #333333;
-    border: 5px solid #CCCCCC;
-    margin: 20px;
-    overflow: auto;
-    padding: 5px;
-}
-
-.clear {
-    clear: both;
-}
-
-.right {
-    float: right;
-}
-
-img {
-    margin-top: 10px;
-    margin-bottom: 10px;
-    display: block;
-    border: 1px solid black;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.entry:after { 
-    content: '\002701';
-    font-size: 18pt; 
-    text-align: center; 
-    clear:both; 
-    display: block; 
-    margin: 5ex 0;
-}
-
-/*code {*/
-    /*margin-top: 15px;*/
-    /*margin-bottom: 15px;*/
-    /*font-size: 0.9em;*/
-    /*font-weight: bold;*/
-    /*display: block; */
-    /*padding-top: 10px; */
-    /*padding-left: 10px; */
-    /*padding-bottom: 10px; */
-    /*background-color: #000000; */
-    /*color: #ffffff*/
-/*}*/
diff --git a/talks/index.html b/talks/index.html
index 56d9046..5a07b0e 100644
--- a/talks/index.html
+++ b/talks/index.html
@@ -1,44 +1,52 @@
 ---
 layout: default
 ---
-          <h1>Talks & Articles</h1>
-          <h2>Previous and Upcoming Talks</h2>
-          <h3>2010</h3>
-          <ul>
-              <li><em>June 2010, FPW 2010</em> &#8212; Github
-              Explorer<br /><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></li>
-              <li><em>June 2010, FPW 2010</em> &#8212; Introduction à
-              Plack<br /><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></li>
-          </ul>
-          <h3>2009</h3>
-          <ul>
-              <li><em>October 2009, OSDC.fr</em> &#8212; Introduction à
-              Moose<br /> <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></li>
-              <li><em>August 2009, YAPC::EU 2009</em> &#8212; CPAN Explorer<br
-              /> <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></li>
-              <li><em>June 2009, FPW 2009</em> &#8212; CPAN
-              Explorer<br /><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></li>
-          </ul>
-          <h2>Articles</h2>
-          <h3>2009</h3>
-          <ul>
-              <li><em>Catalyst Advent Calendar</em> &#8212; <a
-                  href="http://www.catalystframework.org/calendar/2009/19">Writing REST
-                  services with Catalyst</a></li>
-          </ul>
+<h2>Previous and Upcoming Talks</h2>
+<h3>2010</h3>
+<ul>
+    <li>
+        <em>June 2010, FPW 2010</em> &#8212; Github Explorer
+        <br />
+        <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>
+    </li> 
+    <li>
+        <em>June 2010, FPW 2010</em> &#8212; Introduction à Plack
+        <br />
+        <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>
+    </li>
+</ul>
+
+<h3>2009</h3>
+<ul>
+    <li>
+        <em>October 2009, OSDC.fr</em> &#8212; Introduction à Moose
+        <br /> 
+        <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>
+    </li>
+    <li>
+        <em>August 2009, YAPC::EU 2009</em> &#8212; CPAN Explorer
+        <br /> 
+        <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>
+    </li>
+    <li>
+        <em>June 2009, FPW 2009</em> &#8212; CPAN Explorer
+        <br />
+        <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>
+    </li>
+</ul>
+<h3>Articles</h3>
+<ul> 
+    <li>
+    <em>Catalyst Advent Calendar</em> &#8212; <a href="http://www.catalystframework.org/calendar/2009/19">Writing REST services with Catalyst</a>
+    </li>
+</ul>