PageRenderTime 46ms CodeModel.GetById 15ms RepoModel.GetById 0ms app.codeStats 0ms

/v1/index.html

https://github.com/bastienlabelle/bastienlabelle
HTML | 56 lines | 50 code | 6 blank | 0 comment | 0 complexity | 547de1c312717d97c940740c815c784d MD5 | raw file
    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head profile="http://gmpg.org/xfn/11">
    4. 

  4. 	<link rel="openid.server" href="http://liquidid.net/liquidserver.php" />
    5. 

  5. 	<link rel="openid.delegate" href="http://bastienlabelle.liquidid.net/" />
    6. 

  6. 	<link rel="stylesheet" type="text/css" href="./css/reset.css" />
    7. 

  7. 	<link rel="stylesheet" type="text/css" href="./css/960.css" />
    8. 

  8. 	<link rel="stylesheet" type="text/css" href="./css/bastienlabelle.css" />
    9. 

  9. 	<script type="text/javascript" src="./js/jquery-1.2.6.min.js"></script>
    10. 

  10. 	<script type="text/javascript" src="./js/bastienlabelle.js"></script>
    11. 

  11. 	<title>Bastien Labelle (.fr) - Web technologies consultant from Toulouse Area</title>
    12. 

  12. </head>
    13. 

  13. <body>
    14. 

  14. 	<div id="breaking">
    15. 

  15. 		<div class="container_12">
    16. 

  16. 				<p>I just opened my own personal blog. Feel free to visit it: <a href="http://bastienlabelle.fr/blog">bastienlabelle.fr/blog</a> I hope you will enjoy it!</p>
    17. 

  17. 

  18. 		</div>
    19. 

  19. 	</div>
    20. 

  20. 	
    21. 

  21. 	<div class="container_12" id="main">
    22. 

  22. 		<div class="vcard grid_12">
    23. 

  23. 			<h1>
    24. 

  24. 				Hi, I'm <a class="url fn link-exotech" href="http://bastienlabelle.fr/" rel="me"><strong>Bastien Labelle</strong></a> <span class="dot-fr">(.fr)</span><br />
    25. 

  25. 				I'm a Web technologies consultant blogging on <a href="http://www.exotech.biz" class="link-exotech url">Exotech<span class="link-dotbiz">.biz</span></a>
    26. 

  26. 			</h1>
    27. 

  27. 			<div id="web-20">
    28. 

  28. 				<p>I am the developer of <a href="http://www.mycleenr.com" class="link-mycleenr">MyCleenr</a>, and one of the developers of <a href="http://www.waterfalcon.com/" class="link-wf" rel="me">Water Falcon</a>, and I work at <a href="http://www.over-blog.com" class="link-overblog">Over Blog</a> as a front-end web developer. I'm a Web 2.0 &amp; social media addict. I network on <a href="http://pownce.com/bastienlabelle" class="link-pownce" rel="me">Pownce</a> (where I <del>am</del> was a featured user), <a href="http://twitter.com/bastienlabelle" class="link-twitter" rel="me">Twitter</a>, <a href="http://www.facebook.com/people/Bastien-Labelle/577901521" class="link-facebook" rel="me">Facebook</a>, <a href="http://my.ziki.com/bastienlabelle" class="link-ziki" rel="me">Ziki</a> and <a href="http://www.linkedin.com/in/bastienlabelle" class="link-linkedin" rel="me">Linked In</a>. I share some content on <a href="http://delicious.com/bastienlabelle" class="link-delicious" rel="me">Delicious</a>, <a href="http://digg.com/users/bastienlabelle/" class="link-digg" rel="me">Digg</a> or <a href="http://ffffound.com/home/bastienlabelle/found/" class="link-ffffound" rel="me">ffffound</a>, and you can find some of my slideshows on <a href="http://www.slideshare.net/bastienlabelle" class="link-slideshare" rel="me">Slideshare</a>. You can follow me on <a href="http://brightkite.com/people/bastienlabelle/" class="link-brightkite me">BrightKite</a> or <a href="http://www.dopplr.com/traveller/bastienlabelle" class="link-dopplr" rel="me"><span style="color: rgb(205, 0, 51);">D</span><span style="color: rgb(255, 102, 51);">o</span><span style="color: rgb(205, 205, 102);">p</span><span style="color: rgb(154, 205, 102);">p</span><span style="color: rgb(0, 205, 205);">l</span><span style="color: rgb(51, 51, 154);">r</span></a> if you want to know where I am or where I plan to go. Then you can find pictures of places I visit on <a href="http://www.flickr.com/photos/bastienlabelle/" class="link-flickr" rel="me">Flick<span class="link-flickr-pink">r</span></a>. You can also track almost all the webapps I'm using via <a href="http://www.google.fr/search?q=allinurl%3A+%2Fbastienlabelle">Google</a>. Drop me a line: say <a class="email" href="mailto:hello@bastienlabelle.fr">hello@bastienlabelle.fr</a>!</p>
    29. 

  29. 			</div>
    30. 

  30. 			<div id="more">
    31. 

  31. 				<p>I'm a 22 yo French guy who has just passed his <a href="http://www.master-igsi.com/">Master 2</a> in Information Systems (Degree +5) at <a href="http://www.univ-tlse1.fr/">Toulouse 1 University</a>. I currently live in <span class="locality">Toulouse Area</span>, in South of <span class="country-name">France</span>, but my dream is to work in SF Bay Area or in NYC.</p>
    32. 

  32. 				<p>I have skills in <a href="http://www.w3.org/MarkUp/">XHTML</a>, <a href="http://www.w3.org/XML/">XML</a>, <a href="http://www.w3.org/Style/CSS/">CSS</a>, <a href="http://developer.mozilla.org/fr/docs/JavaScript">Javascript</a>. I program in <a href="http://php.net/">PHP</a> (I tend to think I'm a PHP rockstar sometimes), but I'm also working with <a href="http://www.python.org/">Python</a> and <a href="http://www.djangoproject.com/" class="link-django">Django</a>, sometimes on top of <a href="http://code.google.com/appengine/">Google App Engine</a>. I know about some <a href="http://java.com/">Java</a> servlets &amp; JSP, and I know the basics of C, C++, C#, VB.NET. I'm good at data design, and I know how to use <a href="http://www.postgresql.org/" class="link-postgresql">PostgreSQL</a>, <a href="http://www.mysql.com/" class="link-mysql">My<span class="link-mysql-sql">SQL</span></a>, <a href="http://www.sqlite.org/" class="link-sqlite">SQLite</a>, <a href="http://www.oracle.com/" class="link-oracle">Oracle</a> and MS Access, and I'm currently learning about <a href="http://couchdb.apache.org/" class="link-couchdb">CouchDB</a>.</p>
    33. 

  33. 				<p>I have 1+ year of professional experience, but as a passionate person, I can objectively say that I have kind of more than 1+ year of experience: I play with PHP since I'm 15, and my curiosity has driven me to give a try to Python &amp; Django. By the way, passion is my main motivation. Also, I've been giving classes about Web 2.0 &amp; social media at <a href="http://www.esc-toulouse.fr/">Toulouse Business School</a>, and I've done some <a href="http://en.wikipedia.org/wiki/Influencer_marketing">Influencer Marketing</a> at <a href="http://www.x-primeid.com/">X-PRIME ID</a>.</p>
    34. 

  34. 				<p>I'm a Mac addict, and I love programming on Mac OS X, on <a href="http://www.panic.com/coda/" class="link-coda">Coda</a>, <a href="http://macrabbit.com/espresso/" class="link-espresso">Espresso</a> or <a href="http://macromates.com/" class="link-textmate">TextMate</a>. OS X is a great professional environment, and I'd love to work on a Mac everyday!</p>
    35. 

  35. 				<p>As you may have noticed above, I love blogging about tech stuff on <a href="http://www.exotech.biz" class="link-exotech url">Exotech<span class="link-dotbiz">.biz</span></a>. I've also been writing as a guest blogger for <a href="http://www.alpha-geek.fr/post/2007/11/11/Exclu-forfaits-Orange-iPhone-Apple-Edge-Illimythics-SFR" class="link-alphageek">Alpha Geek</a>, <a href="http://monetiweb.com/augmenter-son-trafic/doit-on-utiliser-les-medias-sociaux-pour-creer-du-trafic-supplementaire" class="link-monetiweb">Monetiweb</a> and even <a href="http://fr.mashable.com/2008/01/21/pownce-le-microblogging-different/" class="link-mashable">Mashable</a>.</p>
    36. 

  36. 				<p>Oh, and this website is standard compliant, which means it is <a href="http://www.w3.org/MarkUp/">XHTML</a> &amp; <a href="http://www.w3.org/Style/CSS/">CSS</a> valid, but also <a href="http://www.gmpg.org/xfn/">XFN</a> &amp; <a href="http://microformats.org/wiki/hcard">hCard</a> friendly! And it is also used as an <a href="http://openid.net/" class="link-openid">OpenID</a> proxy (my provider is <a href="http://bastienlabelle.liquidid.net/" class="link-liquidid me">LiquidID</a>).</p>
    37. 

  37. 				<p><del>Still don't want to hire me!?!! ;)</del> Sorry, seems that <a href="http://www.over-blog.com" class="link-overblog">Over Blog</a> just hired me!</p>
    38. 

  38. 			</div>
    39. 

  39. 			<p id="p-link-more"><a class="link-more" id="more-content" href="#" onclick="return false;">Read more</a></p>
    40. 

  40. 			
    41. 

  41. 			
    42. 

  42. 		</div>
    43. 

  43. 	</div>
    44. 

  44. 	
    45. 

  45. <script type="text/javascript">
    46. 

  46. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    47. 

  47. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    48. 

  48. </script>
    49. 

  49. <script type="text/javascript">
    50. 

  50. try {
    51. 

  51. var pageTracker = _gat._getTracker("UA-1076014-7");
    52. 

  52. pageTracker._trackPageview();
    53. 

  53. } catch(err) {}</script>
    54. 

  54. 

  55. </body>
    56. 

  56. </html>
    57.