first commit

This commit is contained in:
Shikiryu 2015-03-09 23:20:29 +01:00
commit 10ff43bd89
57 changed files with 1446 additions and 0 deletions

181
.htaccess Normal file
View File

@ -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

BIN
clementdesmidt-en.doc Normal file

Binary file not shown.

BIN
clementdesmidt-en.pdf Normal file

Binary file not shown.

BIN
clementdesmidt.doc Normal file

Binary file not shown.

BIN
clementdesmidt.pdf Normal file

Binary file not shown.

191
cv.xsl Normal file
View File

@ -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>

14
decodingFunction.js Normal file
View File

@ -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/
}
}
}
}

252
en.xml Normal file
View File

@ -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>

235
fr.xml Normal file
View File

@ -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 dapplications orientées objet Web et Mobile</titre>
<type>Formation</type>
<missions>
<mission>Développement dapplications 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>

BIN
images/Cube2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/Cube3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 948 B

BIN
images/ShikiryuPic.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
images/ajax-loader.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 758 B

BIN
images/deviantart.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

BIN
images/drill.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 722 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 703 B

BIN
images/eye.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 566 B

BIN
images/fingerprint.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 501 B

BIN
images/flask.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 723 B

BIN
images/fleche.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
images/fr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 545 B

BIN
images/hand-point-090.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 687 B

BIN
images/hand-point.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 644 B

BIN
images/hand-share.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

BIN
images/header.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/heart.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 792 B

BIN
images/home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 752 B

BIN
images/icone_file.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/keyboard.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 B

BIN
images/leaf.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 B

BIN
images/lifebuoy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 902 B

BIN
images/linkedin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 B

BIN
images/mail.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 505 B

BIN
images/medal.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 825 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 591 B

BIN
images/page_word.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 B

BIN
images/paper-clip.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 665 B

BIN
images/paper-plane.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 B

BIN
images/printer.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 715 B

BIN
images/rss.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 561 B

BIN
images/scissors.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 690 B

BIN
images/social_icons.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/thumb-up.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 754 B

BIN
images/tick.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 634 B

BIN
images/tipsy.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 867 B

BIN
images/toilet.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 390 B

BIN
images/tumblr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 459 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 415 B

BIN
images/us.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 609 B

BIN
images/users.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 870 B

BIN
images/validation.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 699 B

BIN
images/viadeo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 B

350
index.php Normal file
View File

@ -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 dapplications orientées objet Web et Mobile <strong>Formation</strong></span><br/>
<ul class="missions">
<li>- Développement dapplications 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>

200
main.css Normal file
View File

@ -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; }

1
print.css Normal file
View File

@ -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;}

22
sitemap.xml Normal file
View File

@ -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>