css;about page

3 files changed, 37 insertions, 21 deletions

diff --git a/_posts/2011-02-20-psgichrome.textile b/_posts/2011-02-20-psgichrome.textile
index 8480387..e078e8f 100644
--- a/_posts/2011-02-20-psgichrome.textile
+++ b/_posts/2011-02-20-psgichrome.textile
@@ -4,7 +4,7 @@ category: perl
 title: PSGIChrome
 ---
 
-Earlier this month, I've found this extension: "chromePHP":http://www.chromephp.com/.
+Earlier this month, I've read about this extension: "chromePHP":http://www.chromephp.com/.
 
 The principle of this extension is to allow you to log from your PHP application to crhome. You may not be aware, but this is something you already have with every web application if you're using Plack. And not only for Chrome, but every webkit navigator, and Firefox!
 
diff --git a/about/index.html b/about/index.html
index 488c609..781a3b6 100644
--- a/about/index.html
+++ b/about/index.html
@@ -4,33 +4,38 @@ layout: default
 <div id="page">
 <section itemscope itemtype="http://data-vocabulary.org/Person">
   <h2>About</h2>
-  <p>
-    <img itemprop="photo" src="/static/imgs/me.jpg" class="right" />
+      <p>
 
-    <br /><br />
+        <img class="floatright" src="http://f.lumberjaph.net/me/hacking.png" alt="me" />
 
-    My name is <span itemprop="name">franck cuny</span>, and I'm just another Perl hacker. I'm passionate about <a href="/graph/2010/03/25/github-explorer.html">graphs</a>, code, and the web.<br />
+        My name is <span itemprop="name">franck cuny</span>, and I'm just another Perl hacker.
 
-    <br />
+        <br /><br />
 
-    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.
+        I'm passionate about <a href="/graph/2010/03/25/github-explorer.html">graphs</a>, code, and web technologies.
 
-    <br /><br />
+        <br /><br />
 
-    You can reach me via franck@lumberjaph.net.
-    <br />
-    You can also find me on irc as <strong>franck</strong> on irc.perl.org.
+        I write about technologies I like, software I use, code, or conferences I go.
+    
+        <br /><br />
+    
+        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 /><br />
-    Other places where you can find me:
+        <br /><br />
 
-    <ul>
-      <li><a itemprop="url" href="http://github.com/franckcuny">github/franckcuny</a></li>
-      <li><a itemprop="url" href="http://twitter.com/franckcuny">twitter/franckcuny</a></li>
-      <li><a itemprop="url" href="http://search.cpan.org/~franckc/">CPAN</a></li>
-      <li><a itemprop="url" href="http://delicious.com/franck">delicious</a></li>
-      <li><a itemprop="url" href="http://fr.linkedin.com/pub/franck-cuny/1a/362/506">linkedin</a></li>
-    </ul>
-  </p>
+        You can reach me via <a href="mailto:franck@lumberjaph.net">mail</a>, or irc (I'm franck) on <a href="irc://irc.perl.org">irc.perl.org</a>.
+
+        <br /><br />
+        Other places where you can find me:
+
+        <ul>
+          <li><a itemprop="url" href="http://github.com/franckcuny">github</a></li>
+          <li><a itemprop="url" href="http://twitter.com/franckcuny">twitter</a></li>
+          <li><a itemprop="url" href="http://search.cpan.org/~franckc/">CPAN</a></li>
+          <li><a itemprop="url" href="http://pinboard.in/u:franck">pinboard</a></li>
+          <li><a itemprop="url" href="http://fr.linkedin.com/pub/franck-cuny/1a/362/506">linkedin</a></li>
+        </ul>
+      </p>
 </section>
 </div>
diff --git a/static/css/screen.css b/static/css/screen.css
index 8c5dae8..6b92064 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -233,3 +233,14 @@ ul.posts span {
 .talk {
    padding-top: 1em;
 };
+
+.avatar { 
+   float: right; 
+   -webkit-box-shadow: 0px 0px 10px #262526; -moz-box-shadow: 0px 0px 10px #262526;  box-shadow: 0px 0px 10px #262526;
+}
+
+.floatright {
+   float: right;
+   margin-left: 10px;
+   -webkit-box-shadow: 0px 0px 10px #262526; -moz-box-shadow: 0px 0px 10px #262526;  box-shadow: 0px 0px 10px #262526;
+}