first commit

.htaccess

@@ -0,0 +1,181 @@
+# Force the latest IE version, in various cases when it may fall back to IE7 mode
+#  github.com/rails/rails/commit/123eb25#commitcomment-118920
+# Use ChromeFrame if it's installed for a better experience for the poor IE folk
+<IfModule mod_setenvif.c>
+  <IfModule mod_headers.c>
+    BrowserMatch MSIE ie
+    Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
+  </IfModule>
+</IfModule>
+
+# Because X-UA-Compatible isn't sent to non-IE (to save header bytes),
+#   We need to inform proxies that content changes based on UA
+<IfModule mod_headers.c>
+  Header append Vary User-Agent
+</IfModule>
+
+# allow access from all domains for webfonts
+# alternatively you could only whitelist
+#   your subdomains like "sub.domain.com"
+
+<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
+  <IfModule mod_headers.c>
+    Header set Access-Control-Allow-Origin "*"
+  </IfModule>
+</FilesMatch>
+
+
+# video
+AddType video/ogg  ogg ogv
+AddType video/mp4  mp4
+AddType video/webm webm
+
+# Proper svg serving. Required for svg webfonts on iPad
+#   twitter.com/FontSquirrel/status/14855840545
+AddType     image/svg+xml             svg svgz 
+AddEncoding gzip                      svgz
+
+# webfonts
+AddType application/vnd.ms-fontobject eot
+AddType font/truetype                 ttf
+AddType font/opentype                 otf
+AddType font/woff                     woff
+
+AddType text/cache-manifest           manifest
+AddType text/x-component              htc
+
+
+# allow concatenation from within specific js and css files 
+
+# e.g. Inside of script.combined.js you could have
+#   <!--#include file="jquery-1.4.2.js" -->
+#   <!--#include file="jquery.idletimer.js" -->
+# and they would be included into this single file
+
+# this is not in use in the boilerplate as it stands. you may
+#   choose to name your files in this way for this advantage
+#   or concatenate and minify them manually.
+# Disabled by default.
+
+# <FilesMatch "\.combined\.(js|css)$">
+#         Options +Includes
+#         SetOutputFilter INCLUDES
+# </FilesMatch>
+
+# gzip compression.
+<IfModule mod_deflate.c>
+
+# html, txt, css, js, json, xml, htc:
+  AddOutputFilterByType DEFLATE text/html text/plain text/css application/x-javascript text/javascript application/javascript application/json text/xml application/xml text/x-component
+
+# webfonts and svg:
+  <FilesMatch "\.(ttf|otf|eot|svg)$" >
+    SetOutputFilter DEFLATE
+  </FilesMatch>
+</IfModule>
+
+
+
+# these are pretty far-future expires headers
+# they assume you control versioning with cachebusting query params like
+#   <script src="application.js?20100608">
+# additionally, consider that outdated proxies may miscache 
+#   www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
+
+# if you don't use filenames to version, lower the css and js to something like
+#   "access plus 1 week" or so
+
+<IfModule mod_expires.c>
+  Header set cache-control: public
+  ExpiresActive on
+
+# Perhaps better to whitelist expires rules? Perhaps.
+  ExpiresDefault                          "access plus 1 month"
+
+# cache.manifest needs re-reqeusts in FF 3.6 (thx Remy ~Introducing HTML5)
+  ExpiresByType text/cache-manifest       "access plus 0 seconds"
+
+# your document html 
+  ExpiresByType text/html                 "access plus 0 seconds"
+  
+# data
+  ExpiresByType text/xml                  "access plus 0 seconds"
+  ExpiresByType application/xml           "access plus 0 seconds"
+  ExpiresByType application/json          "access plus 0 seconds"
+
+
+# rss feed
+  ExpiresByType application/rss+xml       "access plus 1 hour"
+
+# favicon (cannot be renamed)
+  ExpiresByType image/vnd.microsoft.icon  "access plus 1 week" 
+
+# media: images, video, audio
+  ExpiresByType image/gif                 "access plus 1 month"
+  ExpiresByType image/png                 "access plus 1 month"
+  ExpiresByType image/jpg                 "access plus 1 month"
+  ExpiresByType image/jpeg                "access plus 1 month"
+  ExpiresByType video/ogg                 "access plus 1 month"
+  ExpiresByType audio/ogg                 "access plus 1 month"
+  ExpiresByType video/mp4                 "access plus 1 month"
+  ExpiresByType video/webm                "access plus 1 month"
+  
+# webfonts
+  ExpiresByType font/truetype             "access plus 1 month"
+  ExpiresByType font/opentype             "access plus 1 month"
+  ExpiresByType font/woff                 "access plus 1 month"
+  ExpiresByType image/svg+xml             "access plus 1 month"
+  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
+    
+# css and javascript
+  ExpiresByType text/css                  "access plus 1 month"
+  ExpiresByType application/javascript    "access plus 1 month"
+  ExpiresByType text/javascript           "access plus 1 month"
+</IfModule>
+
+
+
+
+# Since we're sending far-future expires, we don't need ETags for
+# static content.
+#   developer.yahoo.com/performance/rules.html#etags
+FileETag None
+
+
+
+
+# Allow cookies to be set from iframes (for IE only)
+# If needed, uncomment and specify a path or regex in the Location directive
+
+# <IfModule mod_headers.c>
+#   <Location />
+#     Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
+#   </Location>
+# </IfModule>
+
+
+# you probably want www.example.com to forward to example.com -- shorter URLs are sexier.
+#   no-www.org/faq.php?q=class_b
+<IfModule mod_rewrite.c>
+Options +FollowSymLinks
+RewriteEngine On
+RedirectPermanent  /index.php  /fr.xml
+</IfModule>
+
+
+# without -MultiViews, Apache will give a 404 for a rewrite if a folder of the same name does not exist (e.g. “/blog/hello”)
+#   webmasterworld.com/apache/3808792.htm
+Options -MultiViews 
+# -Indexes will have Apache block users from browsing folders without a default document
+Options -Indexes
+
+# custom 404 page
+ErrorDocument 404 /404.html
+
+# use utf-8 encoding for anything served text/plain or text/html
+AddDefaultCharset utf-8
+# force utf-8 for a number of file formats
+AddCharset utf-8 .html .css .js .xml .json .rss
+
+# We don't need to tell everyone we're apache.
+ServerSignature Off

cv.xsl

@@ -0,0 +1,191 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE HTML [
+<!ENTITY nbsp "&#160;"><!--espace insécable-->
+]>
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+<xsl:output method="html" encoding="utf-8" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" indent="no" />
+
+
+<xsl:template match="cv">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>_ Desmidt Clément _ CV _ Curriculum Vitæ</title>
+
+<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+<script type="text/javascript" src="http://shikiryu.com/js/konami.js"></script>
+<script type="text/javascript" src="http://shikiryu.com/js/jquery.tipsy.js"></script>
+<script type="text/javascript" src="decodingFunction.js"></script>
+
+<link href="main.css" media="screen" rel="Stylesheet" type="text/css" />
+<link href="print.css" media="print" rel="Stylesheet" type="text/css" />
+<!--[if IE]>
+<link href="http://www.shikiryu.com/mainIE.css" rel="Stylesheet" type="text/css" />
+<![endif]-->
+</head>
+
+<body onload="goDecoding();">
+<a href="en.xml" id="en-lang" class="tips" title="English"></a>
+<a href="fr.xml" id="fr-lang" class="tips" title="Français"></a>
+
+<div id="wrapper">
+
+<div id="presentation">
+<img src="images/ShikiryuPic.png" alt="Photo de Shikiryu" />
+<xsl:apply-templates select="presentation" />
+</div>
+
+<div id="competences">
+<xsl:apply-templates select="competences" />
+</div>
+
+<div id="works">
+<xsl:apply-templates select="experiences" />
+</div>
+
+<div id="formation">
+<xsl:apply-templates select="formations" />
+</div>
+
+<div id="contact">
+<xsl:apply-templates select="contacts" />
+</div>
+
+</div>
+
+<script type="text/javascript">
+$(document).ready(function(){
+$('.tips').tipsy({gravity: $.fn.tipsy.autoNS,fade: true});
+$(window).konami(function(){ 
+	window.location.href='http://portfolio.shikiryu.com/showreel/showreel-hq.html'
+});
+
+$('.decode').html($(this).html());
+});
+</script>
+</body>
+</html>
+</xsl:template>
+
+<xsl:template match="presentation">
+<h2><xsl:value-of select="title" /></h2>
+<p>
+<strong><xsl:value-of select="naissance/@name" /></strong>&nbsp; <xsl:value-of select="naissance" /><br/>
+<xsl:for-each select="sites/site">
+<a href="{.}"><xsl:value-of select="@name" /></a> 
+<xsl:if test="position() != last()"> - </xsl:if>
+</xsl:for-each>
+<br/>
+<strong><xsl:value-of select="langues/@name" /></strong>
+<xsl:for-each select="langues/langue">
+ / <strong><xsl:value-of select="@name" /> :&nbsp;</strong> <xsl:value-of select="." /> 
+</xsl:for-each>
+<br/><br/>
+</p>
+<p class="telechargement">
+<strong><xsl:value-of select="telechargement/@name" /></strong> <a href="{telechargement/fichier[1]}" title="{telechargement/fichier[1]/@name}" class="pdf"><xsl:value-of select="telechargement/fichier[1]/@name" /></a> &nbsp;<xsl:value-of select="telechargement/ou" />&nbsp; <a href="{telechargement/fichier[2]}" title="{telechargement/fichier[2]/@name}" class="word"><xsl:value-of select="telechargement/fichier[2]/@name" /></a>
+</p>
+</xsl:template>
+
+<xsl:template match="competences">
+<h2 class="skills"><xsl:value-of select="@name" /></h2>
+
+<div id="leftComp">
+<h3 class="{competence[1]/@class}"><xsl:value-of select="competence[1]/@name" /></h3>
+<p>
+<xsl:for-each select="competence[1]/detail">
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
+</xsl:for-each>
+<br /><br /></p>
+
+<h3 class="{competence[2]/@class}"><xsl:value-of select="competence[2]/@name" /></h3>
+<p>
+<xsl:for-each select="competence[2]/detail">
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
+</xsl:for-each>
+</p>
+
+</div>
+
+<div id="rightComp">
+<h3 class="{competence[3]/@class}"><xsl:value-of select="competence[3]/@name" /></h3>
+<p>
+<xsl:for-each select="competence[3]/detail">
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
+</xsl:for-each>
+<br /><br /></p>
+
+
+<h3 class="{competence[4]/@class}"><xsl:value-of select="competence[4]/@name" /></h3>
+<p>
+<xsl:for-each select="competence[4]/detail">
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
+</xsl:for-each>
+</p>
+
+</div>
+</xsl:template>
+
+<xsl:template match="experiences">
+<h2><xsl:value-of select="@name" /></h2>
+<ul class="proExp">
+	<xsl:for-each select="experience">
+		<li class="exp"><span class="date"><xsl:value-of select="date" /></span>&nbsp;
+		<span class="lieu">
+		<xsl:if test="lien = ''">
+			<xsl:value-of select="lieu" /> 
+		</xsl:if>
+		<xsl:if test="lien != ''">
+			<a href="{lien}"><xsl:value-of select="lieu" /> </a>
+		</xsl:if>
+		</span>&nbsp;
+		<span class="titre"><xsl:value-of select="titre" />&nbsp;<strong><xsl:value-of select="type" /></strong></span><br/>
+		<ul class="missions">
+			<xsl:for-each select="missions/mission">
+				<li>- <xsl:value-of select="." /></li>
+			</xsl:for-each>	
+		</ul>
+	</li>
+	</xsl:for-each>
+</ul>
+</xsl:template>
+
+<xsl:template match="formations">
+<h2><xsl:value-of select="@name" /></h2>
+<ul>
+	<xsl:for-each select="formation">
+	<li><span class="date"><xsl:value-of select="date" /></span>&nbsp;
+		<span class="lieu">
+		<xsl:if test="lien = ''">
+			<xsl:value-of select="lieu" /> 
+		</xsl:if>
+		<xsl:if test="lien != ''">
+			<a href="{lien}"><xsl:value-of select="lieu" /> </a>
+		</xsl:if>
+		</span>&nbsp;
+		<span class="titre"><strong><xsl:value-of select="titre/@name" /></strong> &nbsp;
+			<span class="decode" name="decode"><xsl:value-of select="titre" disable-output-escaping="yes" /></span>
+		</span>
+	</li>
+	</xsl:for-each>
+</ul>
+</xsl:template>
+
+<xsl:template match="contacts">
+<div id="Sites">
+<h2><xsl:value-of select="contact[1]/@name" /></h2>
+<p>
+<xsl:for-each select="contact[1]/lien">
+	<a href="{.}" title="{@title}" target="_blank" class="{@class}"></a>
+</xsl:for-each>	
+</p>
+</div>
+<div id="Forms">
+<h2><xsl:value-of select="contact[2]/@name" /></h2>
+<p class="contactWays">
+<a href="{contact[2]/lien}" class="{contact[2]/lien/@class}"><xsl:value-of select="contact[2]/lien/@texte" /></a><br />
+</p>
+</div>
+</xsl:template>
+
+</xsl:stylesheet>

decodingFunction.js

@@ -0,0 +1,14 @@
+function goDecoding() {
+	if (window.InstallTrigger) {
+
+		var decode = document.getElementsByName("decode"), inner;
+
+		for (var i=0, c=decode.length; i<c; i++) {
+			inner = decode[i].textContent;
+
+			if (inner || (inner.indexOf('&') != -1 && inner.indexOf('<') != -1)) {
+				decode[i].innerHTML = inner; // \o/
+			}
+		}
+	}
+}

en.xml

@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="utf-8"?>
+<?xml-stylesheet href="cv.xsl" type="text/xsl"?>
+<!DOCTYPE racine [
+<!ENTITY nbsp "&#32;">
+]>
+<cv>
+
+	<presentation name="">
+	
+		<title>Clément Desmidt - Web/Developer/Designer</title>
+		<naissance name="Birth Date:">1982/03/15</naissance>
+		<sites>
+			<site name="Website">http://shikiryu.com/</site>
+			<site name="Portfolio">http://portfolio.shikiryu.com/</site>
+			<site name="Dev Blog">http://shikiryu.com/devblog/en/</site>
+			<site name="Designer Blog">http://blog.shikiryu.com/</site>
+			<site name="Labs">http://labs.shikiryu.com/</site>
+		</sites>
+		<langues name="Languages">
+			<langue name="French">Mother Language</langue>
+			<langue name="English">Fluent</langue>
+		</langues>
+		<telechargement name="Download:">
+			<fichier name="in PDF format" class="pdf">http://cv.shikiryu.com/clementdesmidt-en.pdf</fichier>
+			<fichier name="in Word's one" class="word">http://cv.shikiryu.com/clementdesmidt-en.doc</fichier>
+			<ou>or</ou>
+		</telechargement>
+		
+	</presentation>
+	
+	<competences name="Skills:">
+	
+		<competence name="Technical:" class="tech">
+			<detail><![CDATA[ <strong>Conception : </strong> UML / Merise / Rough / Design Patterns ]]></detail>
+			<detail><![CDATA[ <strong>Softwares : </strong> Eclipse / Suite Adobe / MySQL Workbench / Putty / FileZilla / NetBeans ]]></detail>
+			<detail><![CDATA[ <strong>Organisation : </strong> GANTT ]]></detail>
+			<detail><![CDATA[ <strong>Framework : </strong> jQuery, Zend, raphaelJS, Processing ]]></detail>
+		</competence>
+		
+		<competence name="Dev:" class="dev">
+			<detail><![CDATA[ <strong>XHTML/CSS / JavaScript/AJAX / PHP / MySQL</strong> ]]></detail>
+			<detail>WebService / XML (examples in the lab)</detail>
+			<detail>Java / Java Web / Oracle</detail>
+			<detail><![CDATA[ <strong>ADOBE Suite mastered</strong>, Maya (newbie) ]]></detail>
+			<detail>Network knowledge</detail>
+			<detail>Security knowledge</detail>
+			<detail>Can use Mac, Windows et Linux (Ubuntu)</detail>
+			<detail>Already used CMS (Drupal, Wordpress, etc.)</detail>
+		</competence>
+		
+		<competence name="Relationnal:" class="relation">
+			<detail><![CDATA[ Client needs <strong>analysis</strong> ]]></detail>
+			<detail><![CDATA[ <strong>Specifications</strong> writing ]]></detail>
+			<detail>Oral presentation for project validation</detail>
+			<detail><![CDATA[ Technical and organizational <strong>advises</strong> ]]></detail>
+			<detail>Developper and User formation</detail>
+		</competence>
+		
+		<competence name="Organisationnal:" class="organisation">
+			<detail>Computer project management</detail>
+			<detail>Planification</detail>
+			<detail>Procedures</detail>
+			<detail>Dashboard</detail>
+			<detail>Technical procedures redaction</detail>
+			<detail></detail>
+		</competence>	
+	
+	</competences>
+
+	<experiences name="Professionnal Experiences">
+	
+		<experience>
+			<date>May 2014 to now</date>
+			<lieu>BNP Paribas via Ibéla</lieu>
+			<lien></lien>
+			<titre>JavaScript developer</titre>
+			<type>C.D.I.</type>
+			<missions>
+				<mission>JS framework upgrade maintenance</mission>
+				<mission>Quality code control</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>April 2012 to april 2014</date>
+			<lieu>Banque de France via Ibéla</lieu>
+			<lien>http://webstat.banque-france.fr/en/</lien>
+			<titre>Java/J2EE developer</titre>
+			<type>C.D.I.</type>
+			<missions>
+				<mission>ECB software upgrade maintenance</mission>
+				<mission>BDF software upgrade maintenance</mission>
+				<mission>BDF Backoffice upgrade maintenance</mission>
+				<mission>Self-education : J2EE, struts, spring, hibernate</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>January 2011 to march 2012</date>
+			<lieu>Ibéla</lieu>
+			<lien></lien>
+			<titre>PHP developer / ergonomist</titre>
+			<type>C.D.I.</type>
+			<missions>
+				<mission>SSII back office developement</mission>
+				<mission>Design and ergonomy update</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>From June 2010 to december 2011</date>
+			<lieu>Telergos via Ibéla</lieu>
+			<lien>http://www.telergos-assurance.com/</lien>
+			<titre>PHP Developer</titre>
+			<type>C.D.I</type>
+			<missions>
+				<mission>Interface development</mission>
+				<mission>Insurance's contracts solution development</mission>
+				<mission>PHP/MySQL Applications development</mission>
+				<mission>Application support in PHP and Java</mission>
+				<mission>Java batches development</mission>
+				<mission>WebService's creation for price setting</mission>
+				<mission>Code quality's inspector</mission>
+				<mission>Communication and  formation for next developpers</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>From february 2010 to june 2010</date>
+			<lieu>C3E</lieu>
+			<lien>http://www.c3e-asso.org/</lien>
+			<titre>Web and Mobile OOP Developer</titre>
+			<type>Formation</type>
+			<missions>
+				<mission>OOP Development</mission>
+				<mission>Project Management skills upgraded</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>From october 2007 to november 2009</date>
+			<lieu>Message Business</lieu>
+			<lien>http://www.message-business.com/</lien>
+			<titre>In charge of web and emailing production, Project and e-marketing campaign leader</titre>
+			<type>C.D.I</type>
+			<missions>
+				<mission>Websites and emailings creation and integration</mission>
+				<mission>Blogs creation and integration (in PHP and ASP)</mission>
+				<mission>Website content management with automatisation for referencing</mission>
+				<mission>Little PHP application development</mission>
+				<mission>Video, jingle and intro creation</mission>
+				<mission>E-marketing campaign management</mission>
+				<mission>E-marketing platform support</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>From february to july 2007</date>
+			<lieu>Opendisc</lieu>
+			<lien>http://www.opendisc.net/</lien>
+			<titre>Web project leader</titre>
+			<type>Mission</type>
+			<missions>
+				<mission>Mini Website and emailing creation / integration</mission>
+				<mission>Direct relation with big music companies</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>From july to august 2006</date>
+			<lieu>MK2</lieu>
+			<lien>http://www.mk2.com/</lien>
+			<titre>Webmaster</titre>
+			<type>Mission</type>
+			<missions>
+				<mission>Mini Website and emailing creation / integration</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>From june to july 2006</date>
+			<lieu>ilestunefois</lieu>
+			<lien>http://www.shikiryu.com/ilestunefois/</lien>
+			<titre>Webmaster</titre>
+			<type>Mission + Freelance</type>
+			<missions>
+				<mission>Website creation and referencing setup</mission>
+				<mission>Updates as a freelancer</mission>
+			</missions>
+		</experience>
+		
+		<experience>
+			<date>From june to july 2005</date>
+			<lieu>Imprimerie Brard</lieu>
+			<lien></lien>
+			<titre>DTP in printing </titre>
+			<type>Mission</type>
+			<missions>
+				<mission>Page settings and impression preparation</mission>
+			</missions>
+		</experience>
+	
+	</experiences>
+
+	<formations name="Formation">
+		
+		<formation>
+			<date>2004-2007</date>
+			<lieu>ECV</lieu>
+			<lien>http://www.ecv.fr</lien>
+			<titre name="Diploma:">Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</titre>
+		</formation>
+
+		<formation>
+			<date>2003-2004</date>
+			<lieu>ATEP</lieu>
+			<lien>http://www.atep.fr</lien>
+			<titre name="Goal :">Prépa artistique</titre>
+		</formation>
+		
+		<formation>
+			<date>2000-2002</date>
+			<lieu>Université de Cergy (95)</lieu>
+			<lien></lien>
+			<titre name="Diploma:"><![CDATA[ DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr> ]]></titre>
+		</formation>
+		
+		<formation>
+			<date>2000</date>
+			<lieu>Lycée Camille Pissaro – Pontoise (95)</lieu>
+			<lien></lien>
+			<titre name="Diploma:"><![CDATA[ <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique ]]></titre>
+		</formation>
+		
+	</formations>
+	
+	<contacts>
+	
+		<contact name="Where you can find me">
+			<lien class="DeviantArt tips" title="Deviantart" texte="">http://shikiryu.deviantart.com</lien>			
+			<lien class="Tumblr tips" title="Tumblr" texte="">http://chouchen.tumblr.com</lien>			
+			<lien class="LinkedIn tips" title="Linked In" texte="">http://www.linkedin.com/in/shikiryu</lien>
+			<lien class="Viadeo tips" title="Viadeo" texte="">http://www.viadeo.com/fr/profile/clement.desmidt</lien>			
+		</contact>
+		
+		<contact name="Contact">
+			<lien class="bymail" title="" texte="Clic here to send me an email and say hello !">http://shikiryu.com/contact/</lien>			
+		</contact>
+	
+	</contacts>
+	
+</cv>

fr.xml

@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="utf-8"?>
+<?xml-stylesheet href="cv.xsl" type="text/xsl"?>
+<!DOCTYPE racine [
+<!ENTITY nbsp "&#32;">
+]>
+<cv>
+	<presentation name="">
+		<title>Clément Desmidt - Développeur/Web/Designer</title>
+		<naissance name="Date de naissance :">15/03/1982</naissance>
+		<sites>
+			<site name="Site Web">http://shikiryu.com/</site>
+			<site name="Portfolio">http://portfolio.shikiryu.com/</site>
+			<site name="Blog Développeur">http://shikiryu.com/devblog/</site>
+			<site name="Blog Graphiste">http://blog.shikiryu.com/</site>
+			<site name="Laboratoire">http://labs.shikiryu.com/</site>
+			<site name="Mes FAQs">http://faqs.canhelpme.com</site>
+		</sites>
+		<langues name="Langues ">
+			<langue name="Français">Langue maternelle</langue>
+			<langue name="Anglais">Courant</langue>
+		</langues>
+		<telechargement name="Téléchargement :">
+			<fichier name="PDF" class="pdf">http://cv.shikiryu.com/clementdesmidt.pdf</fichier>
+			<fichier name="Word" class="word">http://cv.shikiryu.com/clementdesmidt.doc</fichier>
+			<ou>ou</ou>
+		</telechargement>
+	</presentation>
+	<competences name="Compétences :">
+		<competence name="Technique :" class="tech" direction="left">
+			<detail>
+				<![CDATA[ <strong>Conceptuelle : </strong> UML / Merise / Rough / Design Patterns ]]></detail>
+			<detail>
+				<![CDATA[ <strong>Logiciels : </strong> Eclipse / Suite Adobe / MySQL Workbench / Putty / FileZilla / NetBeans ]]></detail>
+			<detail>
+				<![CDATA[ <strong>Organisation : </strong> GANTT ]]></detail>
+			<detail>
+				<![CDATA[ <strong>Framework : </strong> jQuery, Zend, raphaelJS, Processing ]]></detail>
+		</competence>
+		<competence name="Développement :" class="dev" direction="left">
+			<detail>
+				<![CDATA[ <strong>XHTML/CSS / JavaScript/AJAX / PHP / MySQL</strong> ]]></detail>
+			<detail>WebService / XML (exemples dans le lab)</detail>
+			<detail>Java / Java Web / Oracle</detail>
+			<detail>
+				<![CDATA[ <strong>Suite ADOBE maîtrisée</strong>, Maya (Débutant) ]]></detail>
+			<detail>Connaissance réseau</detail>
+			<detail>Connaissance des principes de sécurité</detail>
+			<detail>Connaissance Mac, Windows et Linux (Ubuntu)</detail>
+			<detail>Utilisation de CMS (Drupal, Wordpress, etc.)</detail>
+		</competence>
+		<competence name="Relationnel :" class="relation" direction="right">
+			<detail>
+				<![CDATA[ <strong>Analyse</strong> des besoins clients ]]></detail>
+			<detail>
+				<![CDATA[ Elaboration du <strong>cahier des charges</strong> ]]></detail>
+			<detail>Présentation orale de projet pour validation</detail>
+			<detail>
+				<![CDATA[ <strong>Conseils</strong> techniques et organisationnels ]]></detail>
+			<detail>Accompagnement et formation des développeurs</detail>
+			<detail>Accompagnement et formation des utilisateurs</detail>
+		</competence>
+		<competence name="Organisationnel :" class="organisation" direction="right">
+			<detail>
+				<![CDATA[ <strong>Gestion de projet</strong> informatique ]]></detail>
+			<detail>Planification</detail>
+			<detail>Mise en œuvre de procédures</detail>
+			<detail>Pilotage de projet</detail>
+			<detail>Tableau de bord de suivi</detail>
+			<detail>Rédaction de fiches techniques de procédures</detail>
+		</competence>
+	</competences>
+	<experiences name="Expériences Professionnelles">
+		<experience>
+			<date>mai 2014 à maintenant</date>
+			<lieu>BNP Paribas via Ibéla</lieu>
+			<lien></lien>
+			<titre>Développeur JavaScript</titre>
+			<type>C.D.I.</type>
+			<missions>
+				<mission>Maintenance évolutive d'un framework JS</mission>
+				<mission>Contrôle qualité code</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Avril 2012 à avril 2014</date>
+			<lieu>Banque de France via Ibéla</lieu>
+			<lien>http://webstat.banque-france.fr/fr/</lien>
+			<titre>Développeur Java/J2EE</titre>
+			<type>C.D.I.</type>
+			<missions>
+				<mission>Maintenance évolutive d'une application de la BCE</mission>
+				<mission>Maintenance évolutive d'une application de la BDF</mission>
+				<mission>Maintenance évolutive d'un backoffice de la BDF</mission>
+				<mission>Auto-formation J2EE, struts, spring, hibernate</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Janvier 2011 à mars 2012</date>
+			<lieu>Ibéla</lieu>
+			<lien/>
+			<titre>Développeur PHP / ergonome</titre>
+			<type>C.D.I.</type>
+			<missions>
+				<mission>Développement backoffice SSII</mission>
+				<mission>Mise au point graphique et ergonomie</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Juin 2010 à décembre 2011</date>
+			<lieu>Telergos via Ibéla</lieu>
+			<lien>http://www.telergos-assurance.com/</lien>
+			<titre>Consultant junior - Ingénieur d'étude</titre>
+			<type>Formation + C.D.I.</type>
+			<missions>
+				<mission>Développement d'interfaces</mission>
+				<mission>Développement de solution pour le suivis de contrats en assurance</mission>
+				<mission>Développement d'applications PHP/MySQL</mission>
+				<mission>Support d'applications PHP et Java</mission>
+				<mission>Développement de Batches Java</mission>
+				<mission>Création de WebService de tarification</mission>
+				<mission>Assurance qualité du code</mission>
+				<mission>Transmission et formation pour les successeurs</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Février 2010 - juin 2010</date>
+			<lieu>C3E</lieu>
+			<lien>http://www.c3e-asso.org/</lien>
+			<titre>Développeur d’applications orientées objet Web et Mobile</titre>
+			<type>Formation</type>
+			<missions>
+				<mission>Développement d’applications orientées objet</mission>
+				<mission>Acquisition de compétences en gestion de projets</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Octobre 2007 – novembre 2009</date>
+			<lieu>Message Business</lieu>
+			<lien>http://www.message-business.com/</lien>
+			<titre>Responsable de la production web et emailing, Chef de Projet et campagne e-marketing</titre>
+			<type>C.D.I</type>
+			<missions>
+				<mission>Création / intégration de sites web et d'emailings</mission>
+				<mission>Spécialisation dans les bonnes pratiques de l'emailing</mission>
+				<mission>Création / intégration de blogs sur moteur PHP et ASP</mission>
+				<mission>Gestion de contenu sur site web avec création d'automatisation pour référencement</mission>
+				<mission>Développement de petites application en PHP</mission>
+				<mission>Réalisation de vidéos, jingle et intro</mission>
+				<mission>Gestion de campagnes e-marketing</mission>
+				<mission>Support de plate-forme e-marketing</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Février - juillet 2007</date>
+			<lieu>Opendisc</lieu>
+			<lien>http://www.opendisc.net/</lien>
+			<titre>Chef de projet web</titre>
+			<type>Mission</type>
+			<missions>
+				<mission>Création / intégration de mini sites web et d'emailings</mission>
+				<mission>Relation direct avec les clients type Universal Music et Sony BGM</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Juillet - août 2006</date>
+			<lieu>MK2</lieu>
+			<lien>http://www.mk2.com/</lien>
+			<titre>Webmaster</titre>
+			<type>Mission</type>
+			<missions>
+				<mission>Création / intégration de mini sites web et d'emailings</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Juin - juillet 2006</date>
+			<lieu>ilestunefois</lieu>
+			<lien>http://www.shikiryu.com/ilestunefois/</lien>
+			<titre>Webmaster</titre>
+			<type>Mission + Freelance</type>
+			<missions>
+				<mission>Création du site web et mise en place du référencement</mission>
+				<mission>Suivi et mises à jour en freelance</mission>
+			</missions>
+		</experience>
+		<experience>
+			<date>Juin - juillet 2005</date>
+			<lieu>Imprimerie Brard</lieu>
+			<lien/>
+			<titre>PAO en imprimerie</titre>
+			<type>Mission</type>
+			<missions>
+				<mission>Mise en page et préparation à impression</mission>
+			</missions>
+		</experience>
+	</experiences>
+	<formations name="Formation">
+		<formation>
+			<date>2004-2007</date>
+			<lieu>ECV</lieu>
+			<lien>http://www.ecv.fr</lien>
+			<titre name="Diplôme :">Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</titre>
+		</formation>
+		<formation>
+			<date>2003-2004</date>
+			<lieu>ATEP</lieu>
+			<lien>http://www.atep.fr</lien>
+			<titre name="Finalité :">Prépa artistique</titre>
+		</formation>
+		<formation>
+			<date>2000-2002</date>
+			<lieu>Université de Cergy (95)</lieu>
+			<lien/>
+			<titre name="Diplôme :">
+				<![CDATA[ DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr> - Programmation informatique ]]></titre>
+		</formation>
+		<formation>
+			<date>2000</date>
+			<lieu>Lycée Camille Pissaro – Pontoise (95)</lieu>
+			<lien/>
+			<titre name="Diplôme :">
+				<![CDATA[ <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique ]]></titre>
+		</formation>
+	</formations>
+	<contacts>
+		<contact name="Vous pouvez me trouver">
+			<lien class="DeviantArt tips" title="Deviantart" texte="">http://shikiryu.deviantart.com</lien>
+			<lien class="Tumblr tips" title="Tumblr" texte="">http://chouchen.tumblr.com</lien>
+			<lien class="LinkedIn tips" title="Linked In" texte="">http://www.linkedin.com/in/shikiryu</lien>
+			<lien class="Viadeo tips" title="Viadeo" texte="">http://www.viadeo.com/fr/profile/clement.desmidt</lien>
+		</contact>
+		<contact name="Contact">
+			<lien class="bymail" title="Par email" texte="Cliquez ici pour m'envoyer un mail">http://shikiryu.com/contact/</lien>
+		</contact>
+	</contacts>
+</cv>

index.php

@@ -0,0 +1,350 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>_ Desmidt Clément _ CV _ Curriculum Vitæ</title>
+
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.wslide.js"></script>
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.validate.pack.js"></script>
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.contactable.js"></script>
+<script type="text/javascript" src="http://www.shikiryu.com/js/konami.js"></script>
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.tipsy.js"></script>
+
+<link href="http://www.shikiryu.com/contact.css" rel="Stylesheet" type="text/css" />
+<link href="main.css" media="screen" rel="Stylesheet" type="text/css" />
+<link href="print.css" media="print" rel="Stylesheet" type="text/css" />
+<!--[if IE]>
+<link href="http://www.shikiryu.com/mainIE.css" rel="Stylesheet" type="text/css" />
+<![endif]-->
+</head>
+
+<body>
+<a href="#" id="en-lang" class="tips" title="English"></a>
+<a href="#" id="fr-lang" class="tips" title="Français"></a>
+<div id="contactLeft"></div>
+<div id="effect"><div id="bleu"></div><div id="orange"></div></div>
+
+<div id="wrapper">
+
+<!-- <div id="header"><img src="images/header.png" width="655" height="135" alt="Shikiryu.com" /></div> -->
+
+<div id="presentation">
+<img src="images/ShikiryuPic.png" alt="Photo de Shikiryu" />
+<h2 class="french">Clément Desmidt - Développeur/Web/Designer</h2>
+<h2 class="english">Clément Desmidt - Web/Developer/Designer</h2>
+<p class="french">
+<strong>Date de naissance :</strong> 15/03/1982<br/>
+<a href="http://www.shikiryu.com/">Site Web</a> - <a href="http://portfolio.shikiryu.com/">Portfolio</a><br/>
+<strong>Langues </strong> / <strong> Français :</strong> Langue maternelle / <strong>Anglais :</strong> Courant<br/><br/>
+<strong>Téléchargement :</strong> <a href="http://cv.shikiryu.com/clementdesmidt.pdf" title="en PDF" class="pdf"> PDF</a> ou <a href="http://cv.shikiryu.com/clementdesmidt.doc" title="en Word" class="word"> Word</a></p>
+<p class="english">
+<strong>Birth Date :</strong> 1982/03/15<br/>
+<a href="http://www.shikiryu.com/">Website</a> - <a href="http://portfolio.shikiryu.com/">Portfolio</a> <br/>
+<strong>Languages</strong> / <strong>French:</strong> Mother Language / <strong>English:</strong> Fluant<br/><br/>
+<strong>Download :</strong> <a href="http://cv.shikiryu.com/clementdesmidt-en.pdf" title="en PDF" class="pdf">in PDF format</a> or <a href="http://cv.shikiryu.com/clementdesmidt-en.doc" title="en Word" class="word">in Word's one</a></p>
+
+</div>
+
+
+<div id="competences">
+<h2 class="french skills">Compétences :</h2>
+<h2 class="english skills">Skills:</h2>
+<div id="leftComp">
+<h3 class="french tech">Technique:</h3>
+<p class="french"><strong>Conceptuelle : </strong><br />
+- UML / Merise / Rough<br /><br /></p>
+<h3 class="english tech">Technical</h3>
+<p class="english"><strong>Conception : </strong><br />
+- UML / Merise / Rough<br /><br /></p>
+
+<h3 class="french dev">Développement :</h3>
+<p class="french">- <strong>HTML / CSS / JavaScript (JQuery) / PHP / MySQL</strong><br />
+- Java / Java Web<br />
+- <strong>Suite ADOBE maîtrisée</strong>, Maya (Débutant)<br />
+- Connaissance réseau<br />
+- Connaissance des principes de sécurité<br />
+- Connaissance Mac, Windows et Linux( Ubuntu)<br />
+- Utilisation de CMS (Drupal, Wordpress, osCommerce, etc.)</p>
+<h3 class="english dev">Dev:</h3>
+<p class="english"><strong>- HTML / CSS / JavaScript (JQuery) / PHP / MySQL</strong><br />
+- Java / Java Web<br />
+- <strong>ADOBE Suite mastered</strong>, Maya (newbie)<br />
+- Network knowledge<br />
+- Security knowledge<br />
+- Can use Mac, Windows et Linux (Ubuntu)<br />
+- Already used CMS (Drupal, Wordpress, osCommerce, etc.)</p>
+</div>
+<div id="rightComp">
+<h3 class="french relation">Relationnel :</h3>
+<p class="french">- <strong>Analyse</strong> des besoins clients<br />
+- Elaboration du <strong>cahier des charges</strong><br />
+- Présentation orale de projet pour validation<br />
+- <strong>Conseils</strong> techniques et organisationnels<br />
+- Accompagnement et formation des utilisateurs<br /><br /></p>
+<h3 class="english relation">Relationnal:</h3>
+<p class="english">
+- Client needs <strong>analysis</strong><br />
+- <strong>Specifications</strong> writing<br />
+- Oral presentation for project validation<br />
+- Technical and organizational <strong>advises</strong><br />
+- User formation<br /><br />
+</p>
+
+<h3 class="french organisation">Organisationnel :</h3>
+<p class="french">- <strong>Gestion de projet</strong> informatique<br />
+	- Planification<br />
+	- Mise en œuvre de procédures<br />
+	- Pilotage de projet<br />
+	- Tableau de bord de suivi<br />
+	- Rédaction de fiches techniques de procédures</p>
+<h3 class="english organisation">Organisationnal :</h3>
+<p class="english">- Computer project management<br />
+	- Planification<br />
+	- Procedures<br />
+	- Dashboard<br />
+	- Technical procedures redaction</p>
+</div>
+</div>
+
+
+<div id="works">
+<h2 class="french">Expériences Professionnelles</h2>
+<h2 class="english">Professionnal Experiences</h2>
+<ul class="french proExp">
+	<li class="exp"><span class="date">Juin 2010 à maintenant</span> 
+		<span class="lieu"><a href="http://www.ibela.fr">Ibéla</a></span> 
+		<span class="titre">Consultant junior - Ingénieur d'étude <strong>Formation + C.D.I.</strong></span><br/>
+		<ul class="missions">
+			<li>- Développement d'interface</li>
+			<li>- Développement de solution pour le suivis de contrats en assurance</li>
+			<li>- Développement d'applications PHP/MySQL</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">Février 2010 - juin 2010</span> 
+		<span class="lieu"><a href="http://www.c3e-asso.org/">C3E</a></span> 
+		<span class="titre">Développeur d’applications orientées objet Web et Mobile <strong>Formation</strong></span><br/>
+		<ul class="missions">
+			<li>- Développement d’applications orientées objet</li>
+			<li>- Acquisition de compétences en gestion de projets</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">Octobre 2007 – novembre 2009</span> 
+		<span class="lieu"><a href="http://www.message-business.com/">Message Business</a></span> 
+		<span class="titre">Responsable de la production web et emailing, Chef de Projet et campagne e-marketing, <strong>C.D.I</strong></span><br/>
+		<ul class="missions">
+			<li>- Création / intégration de sites web et d'emailings</li>
+			<li>- Spécialisation dans les bonnes pratiques de l'emailing</li>
+			<li>- Création / intégration de blogs sur moteur PHP et ASP </li>
+			<li>- Gestion de contenu sur site web avec création d'automatisation pour référencement </li>
+			<li>- Développement de petites application en PHP </li>
+			<li>- Réalisation de vidéos, jingle et intro </li>
+			<li>- Gestion de campagnes e-marketing </li>
+			<li>- Support de plate-forme e-marketing </li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">Février - juillet 2007</span> 
+		<span class="lieu"><a href="http://www.opendisc.net/">Opendisc</a></span> 
+		<span class="titre">Chef de projet web <strong>Mission</strong></span><br/>
+		<ul class="missions">
+			<li>- Création / intégration de mini sites web et d'emailings</li>
+			<li>- Relation direct avec les clients type Universal Music et Sony BGM </li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">Juillet - août 2006</span> 
+		<span class="lieu"><a href="http://www.mk2.com/">MK2</a></span> 
+		<span class="titre">Webmaster <strong>Mission</strong></span><br/>
+		<ul class="missions">
+			<li>- Création / intégration de mini sites web et d'emailings </li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">Juin - juillet 2006</span> 
+		<span class="lieu"><a href="http://www.shikiryu.com/ilestunefois/">ilestunefois</a></span> 
+		<span class="titre">Webmaster <strong>Mission + Freelance</strong></span><br/>
+		<ul class="missions">
+			<li>- Création du site web et mise en place du référencement</li>
+			<li>- Suivi et mises à jour en freelance</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">Juin - juillet 2005</span> 
+		<span class="lieu">Imprimerie Brard</span> 
+		<span class="titre">PAO en imprimerie <strong>Mission</strong></span><br/>
+		<ul class="missions">
+			<li>- Mise en page et préparation à impression</li>
+			<li></li>
+		</ul>
+	</li>
+</ul>
+<ul class="english proExp">
+	<li class="exp"><span class="date">From June 2010 to now</span> 
+		<span class="lieu"><a href="http://www.ibela.fr">Ibéla</a></span> 
+		<span class="titre">PHP Developer <strong>C.D.I</strong></span><br/>
+		<ul class="missions">
+			<li>- Interface development</li>
+			<li>- Insurance's contracts solution development</li>
+			<li>- PHP/MySQL Applications development</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">From february 2010 to june 2010</span> 
+		<span class="lieu"><a href="http://www.c3e-asso.org/">C3E</a></span> 
+		<span class="titre">Web and Mobile OOP Developer <strong>Formation</strong></span><br/>
+		<ul class="missions">
+			<li>- OOP Development</li>
+			<li>- Project Management skills upgraded</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">From october 2007 to november 2009</span> 
+		<span class="lieu"><a href="http://www.message-business.com/">Message Business</a></span> 
+		<span class="titre">In charge of web and emailing production, Project and e-marketing campaign leader, <strong>C.D.I</strong></span><br/>
+		<ul class="missions">
+			<li>- Websites and emailings creation and integration</li>
+			<li>- Blogs creation and integration (in PHP and ASP)</li>
+			<li>- Website content management with automatisation for referencing</li>
+			<li>- Little PHP application development</li>
+			<li>- Video, jingle and intro creation</li>
+			<li>- E-marketing campaign management</li>
+			<li>- E-marketing platform support</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">From february to july 2007</span> 
+		<span class="lieu"><a href="http://www.opendisc.net/">Opendisc</a></span> 
+		<span class="titre">Web project leader <strong>Mission</strong></span><br/>
+		<ul class="missions">
+			<li>- Mini Website and emailing creation / integration</li>
+			<li>- Direct relation with big music companies</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">From july to august 2006</span> 
+		<span class="lieu"><a href="http://www.mk2.com/">MK2</a></span> 
+		<span class="titre">Webmaster <strong>Mission</strong></span><br/>
+		<ul class="missions">
+			<li>- Mini Website and emailing creation / integration</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">From june to july 2006</span> 
+		<span class="lieu"><a href="http://www.shikiryu.com/ilestunefois/">ilestunefois</a></span> 
+		<span class="titre">Webmaster <strong>Mission + Freelance</strong></span><br/>
+		<ul class="missions">
+			<li>- Website creation and referencing setup</li>
+			<li>- Updates as a freelancer</li>
+		</ul>
+	</li>
+	<li class="exp"><span class="date">From june to july 2005</span> 
+		<span class="lieu">Imprimerie Brard</span> 
+		<span class="titre">DTP in printing <strong>Mission</strong></span><br/>
+		<ul class="missions">
+			<li>- Page settings and impression preparation</li>
+		</ul>
+	</li>
+</ul>
+</div>
+
+<div id="formation">
+<h2 class="french">Formation</h2>
+<ul class="french">
+	<li><span class="date">2004-2007</span>
+		<span class="lieu"><a href="http://www.ecv.fr">ECV</a></span>
+		<span class="titre"><strong>Diplôme :</strong> Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</span>
+	</li>
+	<li><span class="date">2003-2004</span>
+		<span class="lieu"><a href="http://www.atep.fr">ATEP</a></span>
+		<span class="titre"><strong>Finalité :</strong> Prépa artistique</span>
+	</li>
+	<li><span class="date">2000-2002</span>
+		<span class="lieu">Université de Cergy (95)</span>
+		<span class="titre"><strong>Diplôme :</strong> DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr></span>
+		<span>Programmation informatique</span>
+	</li>
+	<li><span class="date">2000</span>
+		<span class="lieu">Lycée Camille Pissaro – Pontoise (95)</span>
+		<span class="titre"><strong>Diplôme :</strong> <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique</span>
+	</li>
+</ul>
+<h2 class="english">Formation</h2>
+<ul class="english">
+	<li><span class="date">2004-2007</span>
+		<span class="lieu"><a href="http://www.ecv.fr">ECV</a></span>
+		<span class="titre"><strong>Diploma :</strong> Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</span>
+	</li>
+	<li><span class="date">2003-2004</span>
+		<span class="lieu"><a href="http://www.atep.fr">ATEP</a></span>
+		<span class="titre"><strong>Goal :</strong> Prépa artistique</span>
+	</li>
+	<li><span class="date">2000-2002</span>
+		<span class="lieu">Université de Cergy (95)</span>
+		<span class="titre"><strong>Diploma :</strong> DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr></span>
+		<span>Programmation informatique</span>
+	</li>
+	<li><span class="date">2000</span>
+		<span class="lieu">Lycée Camille Pissaro – Pontoise (95)</span>
+		<span class="titre"><strong>Diploma :</strong> <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique</span>
+	</li>
+</ul>
+</div>
+
+<div id="contact">
+<div id="Sites">
+<h2 class="french">Vous pouvez me trouver</h2>
+<h2 class="english">Where you can find me</h2>
+<p><a href="http://shikiryu.deviantart.com" title="Deviantart" target="_blank" class="DeviantArt tips"></a><a href="http://chouchen.tumblr.com" title="Tumblr" target="_blank" class="Tumblr tips"></a><a href="http://www.linkedin.com/in/shikiryu" title="Linked In" target="_blank" class="LinkedIn tips"></a><a href="http://www.viadeo.com/fr/profile/clement.desmidt" title="Viadeo" target="_blank" class="Viadeo tips"></a></p>
+</div>
+<div id="Forms">
+<h2 class="french">Contact</h2>
+<h2 class="english">Contact</h2>
+<p class="french contactWays">
+<a href="http://s.shikiryu.com//1" class="bymail">Cliquez ici pour m'envoyer un mail</a><br />
+</p>
+<p class="english contactWays">
+<a href="http://s.shikiryu.com//1" class="bymail">Clic here to send me an email and say hello !</a><br />
+</p>
+</div>
+</div>
+
+</div>
+<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fcv.shikiryu.com%2F"><img src="images/validation.png" alt="w3c valid"/></a>
+<script type="text/javascript">
+$(document).ready(function(){
+$('.tips').tipsy({gravity: $.fn.tipsy.autoNS,fade: true});
+$('#contactLeft').contactable({
+	 		name: 'Nom',
+			email: 'Email',
+			message : 'Message',
+			subject : 'Un message via portfolio.shikiryu.com',
+			recievedMsg : 'Merci pour votre message, je vous recontacte au plus vite',
+			notRecievedMsg : 'D&eacute;sol&eacute; mais votre message n\'a pu être envoy&eacute;, essayez plus tard',
+			disclaimer: 'N\'h&eacute;sitez pas &agrave; me contacter pour toute demande !'
+});
+$("#insideWorks").wslide({
+                width: 610,
+                height: 170,
+                horiz: true,
+				autolink: false
+        });
+
+
+$(".figure").mouseenter(function(){
+	$(this).find('.caption').slideToggle();
+}).mouseleave(function(){
+	$(this).find('.caption').slideToggle();
+});
+$(window).konami(function(){ 
+	window.location.href='http://portfolio.shikiryu.com/showreel/showreel-hq.html'
+});
+$("#en-lang").click(function(){$(".french").hide();$(".english").show();});
+$("#fr-lang").click(function(){$(".english").hide();$(".french").show();});
+});
+</script>
+<!-- Piwik -->
+<script type="text/javascript">
+var pkBaseURL = (("https:" == document.location.protocol) ? "https://shikiryu.com/piwik/" : "http://shikiryu.com/piwik/");
+document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
+</script><script type="text/javascript">
+try {
+var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
+piwikTracker.trackPageView();
+piwikTracker.enableLinkTracking();
+} catch( err ) {}
+</script><noscript><p><img src="http://shikiryu.com/piwik/piwik.php?idsite=2" style="border:0" alt=""/></p></noscript>
+<!-- End Piwik Tag -->
+</body>
+</html>

main.css

@@ -0,0 +1,200 @@
+@charset "utf-8";
+/* CSS Document */
+* {
+	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size:12px;
+	margin:0;
+	padding:0;
+	font-weight:normal;
+}
+img {
+	border:none;
+}
+body {background:#1e1e1a /*url(images/C2.jpg) top center no-repeat*/;
+}
+.english{display:none;}
+.french{display:block;}
+#en-lang{background:url(images/us.png) top left no-repeat; width:16px; height:11px; position:absolute; top:15px; right:35px; display:block;z-index:501;}
+#fr-lang{background:url(images/fr.png) top left no-repeat; width:16px; height:11px; position:absolute; top:15px; right:55px; display:block;z-index:501;}
+h2 {
+	font-family:Georgia, "Times New Roman", Times, serif;
+	font-size:19px;
+}
+h3 {
+	font-family:Georgia, "Times New Roman", Times, serif;
+	font-size:17px;
+}
+strong{font-weight:bold !important;}
+#effect {
+	width:100%;
+	height:100%;
+	position:absolute;
+	background-color:#1e1e1a;
+	top:0;
+	left:0;
+	z-index:1;
+}
+#wrapper {
+	width:660px;
+	margin:0 auto;
+	position:relative;
+	z-index:500;
+}
+
+#header {
+	background:rgba(0, 0, 0, 0.6);
+	width:655px;
+	padding:0 3px;
+}
+/*#nav {
+	height:75px;
+	background:rgba(0, 0, 0, 0.6);
+	-moz-border-radius:0 0 10px 10px;
+	-webkit-border-bottom-right-radius: 30px;
+	-webkit-border-bottom-left-radius: 0;
+	width:660px;
+	margin:0 auto;
+}*/
+#presentation, #formation {
+	background:rgba(0, 0, 0, 0.6);
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	width:610px;
+	padding:25px;
+	margin:2px auto;
+}
+#presentation img {
+	float:right;
+	margin-left:20px;
+}
+#presentation h2, #formation h2 {
+	color:#ff9900;
+	margin-bottom:20px;
+}
+/*#presentation .h2 {
+	color:#ff9900;
+	margin-bottom:18px;
+}*/
+#presentation p, #formation p {
+	text-align:justify;
+	color:#FFFFFF;
+	line-height:20px;
+}
+#presentation a , #formation a{
+	/*padding-top:25px;*/
+	/*padding-left: 10px;*/
+	color:#FFFFFF;
+}
+#presentation a.pdf {
+	padding-left: 18px;
+	height:16px;
+	background:url('images/icone_file.png') 0 0 no-repeat;
+}
+#presentation a.word {
+	padding-left: 18px;
+	height:16px;
+	background:url('images/icone_file.png') 0 -16px no-repeat;
+}
+#formation ul{list-style:none; padding-left:15px; color:#FFF;}
+#formation li{margin:10px 0;}
+#formation span.date{font-weight:bold;}
+#works {
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	padding:25px;
+	width:610px;
+	background-color:#ff9900;
+	overflow:auto;
+}
+#works h2 {
+	color:#ffffff;
+}
+.proExp span{display:inline;}
+ul.proExp, ul.proExp ul{list-style:none; padding-left:15px;}
+ul.proExp li.exp{margin:10px 0;background:url('images/ui-radio-button-uncheck.png') left top no-repeat; padding-left:18px;}
+li.exp span.date{font-weight:bold;}
+li.exp span.lieu{font-weight:bold;color:#FFF;}
+.missions{font-style:italic;}
+
+#works a{
+	font-weight:bold;
+	margin-top:10px;
+	color:#FFFFFF;
+	}
+
+#competences, #contact {
+	background:rgba(0, 0, 0, 0.6);
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	width:610px;
+	padding:25px;
+	margin:2px auto;
+	overflow:auto;
+	line-height:16px;
+	color:#FFF;
+}
+#contact h2 {background:url(images/mail.png) left center no-repeat;height:30px;}
+#competences h2,#competences h3, #contact h2 {
+	color:#ff9900;
+	margin-bottom:20px;
+	padding-left:25px;
+}
+
+#competences h3,#contact h2{height:20px;}
+
+#competences h3.organisation{background:url(images/paper-clip.png) left center no-repeat;}
+
+#competences h3.relation{background:url(images/heart.png) left center no-repeat;}
+
+#competences h3.dev{background:url(images/keyboard.png) left center no-repeat;}
+
+#competences h3.tech{background:url(images/drill.png) left center no-repeat;}
+
+#competences h2.skills{background:url(images/medal.png) left center no-repeat;}
+
+#competences #leftComp, #contact #Sites {
+	width:295px;
+	float:left;
+}
+#contact #Sites a, #contact #Sites img{
+	margin-right:10px;
+	width:16px;
+	height:16px;
+	display:block;
+	float:left;
+	background:url(images/social_icons.png) no-repeat;
+}
+#contact #Sites a.DeviantArt{background-position:0 -32px;}
+#contact #Sites a.Tumblr{background-position:0 -48px;}
+#contact #Sites a.LinkedIn{background-position:0 0;}
+#contact #Sites a.Viadeo{background-position:0 -16px;}
+
+#competences #rightComp, #contact #Forms {
+	width:295px;
+	float:left;
+}
+#competences .date{
+	font-size:9px;
+	color:#ff9900;
+	}
+#competences a {
+	color:#FFFFFF;
+	}
+	#competences a:hover {
+	color:#FFFFFF;
+	text-decoration:none;
+	}
+#leftComp p a{display:block; margin-bottom:15px;}	
+.contactWays .bymail, .contactWays span{color:#FFF; font-weight:bold; text-decoration:underline;}
+.contactWays .bymail:hover, .contactWays span:hover{color:#FFF; font-weight:bold; text-decoration:none;}
+#Meebo{display:none}
+
+/*Tipsy*/
+.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
+.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
+.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
+.tipsy-north { background-position: top center; }
+.tipsy-south { background-position: bottom center; }
+.tipsy-east { background-position: right center; }
+.tipsy-west { background-position: left center; }

print.css

@@ -0,0 +1 @@
+@charset "utf-8";
/* CSS Document */
* {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#777;
}
a:after {
 content: " (" attr(href) ") ";
}
a{text-decoration:none; border:none;}
.telechargement{
	display:none;
}
img {
	border:none;
}
body {background:#FFFFFF; /* pensons à la foret */}
.english{display:none;}
.french{display:block;}
#en-lang{display:none;}
#fr-lang{display:none;}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
}
strong{font-weight:bold !important;}
#wrapper {
	width:660px;
	margin:0 auto;
	position:relative;
	z-index:500;
}

#header {
	background:#fff;
	width:655px;
	padding:0 3px;
}

#presentation, #formation {
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:610px;
	padding:25px;
	margin:2px auto;
}
#presentation img {
	float:right;
	margin-left:20px;
}
#presentation h2, #formation h2 {
	color:#dddddd;
	margin-bottom:20px;
}

#presentation p, #formation p {
	text-align:justify;
	color:#777;
	line-height:20px;
}
#presentation a , #formation a{
	color:#777;
}
#presentation a.pdf {
	padding-left: 18px;
	height:16px;
	background:url('images/icone_file.png') 0 0 no-repeat;
}
#presentation a.word {
	padding-left: 18px;
	height:16px;
	background:url('images/icone_file.png') 0 -16px no-repeat;
}
#formation ul{list-style:none; padding-left:15px; color:#FFF;}
#formation li{margin:10px 0;}
#formation span.date{font-weight:bold;}
#works {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:25px;
	width:610px;
	background-color:#dddddd;
	overflow:auto;
}
#works h2 {
	color:#ffffff;
}
.proExp span{display:inline;}
ul.proExp, ul.proExp ul{list-style:none; padding-left:15px;}
ul.proExp li.exp{margin:10px 0;background:url('images/ui-radio-button-uncheck.png') left top no-repeat; padding-left:18px;}
li.exp span.date{font-weight:bold;}
li.exp span.lieu{font-weight:bold;color:#FFF;}
.missions{font-style:italic;}

#works a{
	font-weight:bold;
	margin-top:10px;
	color:#FFFFFF;
	}

#competences, #contact {
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:610px;
	padding:25px;
	margin:2px auto;
	overflow:auto;
	line-height:16px;
	color:#FFF;
}
#contact h2 {background:url(images/mail.png) left center no-repeat;height:30px;}
#competences h2,#competences h3, #contact h2 {
	color:#dddddd;
	margin-bottom:20px;
	padding-left:25px;
}

#competences h3,#contact h2{height:20px;}

#competences h3.organisation{background:url(images/paper-clip.png) left center no-repeat;}

#competences h3.relation{background:url(images/heart.png) left center no-repeat;}

#competences h3.dev{background:url(images/keyboard.png) left center no-repeat;}

#competences h3.tech{background:url(images/drill.png) left center no-repeat;}

#competences h2.skills{background:url(images/medal.png) left center no-repeat;}

#competences #leftComp, #contact #Sites {
	width:295px;
	float:left;
}
#contact #Sites a, #contact #Sites img{
	margin-right:10px;
	/*width:16px;
	height:16px;*/
	display:block;
	float:left;
	/*background:url(images/social_icons.png) no-repeat;*/
}
#contact #Sites a.DeviantArt{background-position:0 -32px;}
#contact #Sites a.Tumblr{background-position:0 -48px;}
#contact #Sites a.LinkedIn{background-position:0 0;}
#contact #Sites a.Viadeo{background-position:0 -16px;}

#competences #rightComp, #contact #Forms {
	width:295px;
	float:left;
}
#competences .date{
	font-size:9px;
	color:#ff9900;
	}
#competences a {
	color:#FFFFFF;
	}
	#competences a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
#leftComp p a{display:block; margin-bottom:15px;}	
.contactWays .bymail, .contactWays span{color:#777; font-weight:bold; text-decoration:underline;}
.contactWays .bymail:hover, .contactWays span:hover{color:#777; font-weight:bold; text-decoration:none;}
#Meebo{display:none}
#contactLeft{display:none;}

sitemap.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>http://cv.shikiryu.com/</loc>
+    <lastmod>2010-08-31</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.5</priority>
+  </url>
+  <url>
+    <loc>http://cv.shikiryu.com/fr.xml</loc>
+    <lastmod>2011-07-20</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>http://cv.shikiryu.com/en.xml</loc>
+    <lastmod>2011-07-20</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+ </urlset>