diff options
Diffstat (limited to '')
| -rw-r--r-- | about/index.html | 2 | ||||
| -rw-r--r-- | static/css/screen.css | 317 | ||||
| -rw-r--r-- | talks/index.html | 86 |
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 — 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 — 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 — 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 — 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 — 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 — 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 — 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 — 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 — 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 — 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> — <a href="http://www.catalystframework.org/calendar/2009/19">Writing REST services with Catalyst</a> </li> |