Shikiryu/cv
1
0
Fork 0
mirror of https://github.com/Chouchen/cv.git synced 2018-06-07 06:44:38 +02:00
Code Issues Releases Wiki Activity

first commit

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

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
View File

Binary file not shown.

BIN
clementdesmidt-en.pdf Normal file
View File

Binary file not shown.

BIN
clementdesmidt.doc Normal file
View File

Binary file not shown.

BIN
clementdesmidt.pdf Normal file
View 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 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>

BIN
images/Cube2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/Cube3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 948 B

BIN
images/ShikiryuPic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
images/ajax-loader.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
images/blue-folder-open-image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 758 B

BIN
images/deviantart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 653 B

BIN
images/drill.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 722 B

BIN
images/exclamation-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 703 B

BIN
images/eye.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 566 B

BIN
images/fingerprint.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 501 B

BIN
images/flask.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 723 B

BIN
images/fleche.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
images/fr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 545 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 687 B

BIN
images/hand-point.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 644 B

BIN
images/hand-share.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 533 B

BIN
images/header.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/heart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 792 B

BIN
images/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 752 B

BIN
images/icone_file.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/keyboard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 484 B

BIN
images/leaf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 B

BIN
images/lifebuoy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 902 B

BIN
images/linkedin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 313 B

BIN
images/mail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 505 B

BIN
images/medal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 825 B

BIN
images/page_white_acrobat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 591 B

BIN
images/page_word.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 777 B

BIN
images/paper-clip.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 665 B

BIN
images/paper-plane.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 640 B

BIN
images/printer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 715 B

BIN
images/rss.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 561 B

BIN
images/scissors.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 690 B

BIN
images/social_icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/thumb-up.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 754 B

BIN
images/tick.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 634 B

BIN
images/tipsy.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 867 B

BIN
images/toilet.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 390 B

BIN
images/tumblr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 459 B

BIN
images/ui-radio-button-uncheck.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 415 B

BIN
images/us.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 609 B

BIN
images/users.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 870 B

BIN
images/validation.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 699 B

BIN
images/viadeo.png Normal file
View File

Binary file not shown.
Side by Side

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

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";

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>