Browse Source

first commit

hobbies
Shikiryu 4 years ago
commit
10ff43bd89
57 changed files with 1446 additions and 0 deletions
  1. 181
    0
      .htaccess
  2. BIN
      clementdesmidt-en.doc
  3. BIN
      clementdesmidt-en.pdf
  4. BIN
      clementdesmidt.doc
  5. BIN
      clementdesmidt.pdf
  6. 191
    0
      cv.xsl
  7. 14
    0
      decodingFunction.js
  8. 252
    0
      en.xml
  9. 235
    0
      fr.xml
  10. BIN
      images/Cube2.png
  11. BIN
      images/Cube3.png
  12. BIN
      images/ShikiryuPic.png
  13. BIN
      images/ajax-loader.gif
  14. BIN
      images/blue-folder-open-image.png
  15. BIN
      images/deviantart.png
  16. BIN
      images/drill.png
  17. BIN
      images/exclamation-white.png
  18. BIN
      images/eye.png
  19. BIN
      images/fingerprint.png
  20. BIN
      images/flask.png
  21. BIN
      images/fleche.jpg
  22. BIN
      images/fr.png
  23. BIN
      images/hand-point-090.png
  24. BIN
      images/hand-point.png
  25. BIN
      images/hand-share.png
  26. BIN
      images/header.png
  27. BIN
      images/heart.png
  28. BIN
      images/home.png
  29. BIN
      images/icone_file.png
  30. BIN
      images/keyboard.png
  31. BIN
      images/leaf.png
  32. BIN
      images/lifebuoy.png
  33. BIN
      images/linkedin.png
  34. BIN
      images/mail.png
  35. BIN
      images/medal.png
  36. BIN
      images/page_white_acrobat.png
  37. BIN
      images/page_word.png
  38. BIN
      images/paper-clip.png
  39. BIN
      images/paper-plane.png
  40. BIN
      images/printer.png
  41. BIN
      images/rss.png
  42. BIN
      images/scissors.png
  43. BIN
      images/social_icons.png
  44. BIN
      images/thumb-up.png
  45. BIN
      images/tick.png
  46. BIN
      images/tipsy.gif
  47. BIN
      images/toilet.png
  48. BIN
      images/tumblr.png
  49. BIN
      images/ui-radio-button-uncheck.png
  50. BIN
      images/us.png
  51. BIN
      images/users.png
  52. BIN
      images/validation.png
  53. BIN
      images/viadeo.png
  54. 350
    0
      index.php
  55. 200
    0
      main.css
  56. 1
    0
      print.css
  57. 22
    0
      sitemap.xml

+ 181
- 0
.htaccess View File

@@ -0,0 +1,181 @@
1
+# Force the latest IE version, in various cases when it may fall back to IE7 mode
2
+#  github.com/rails/rails/commit/123eb25#commitcomment-118920
3
+# Use ChromeFrame if it's installed for a better experience for the poor IE folk
4
+<IfModule mod_setenvif.c>
5
+  <IfModule mod_headers.c>
6
+    BrowserMatch MSIE ie
7
+    Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
8
+  </IfModule>
9
+</IfModule>
10
+
11
+# Because X-UA-Compatible isn't sent to non-IE (to save header bytes),
12
+#   We need to inform proxies that content changes based on UA
13
+<IfModule mod_headers.c>
14
+  Header append Vary User-Agent
15
+</IfModule>
16
+
17
+# allow access from all domains for webfonts
18
+# alternatively you could only whitelist
19
+#   your subdomains like "sub.domain.com"
20
+
21
+<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
22
+  <IfModule mod_headers.c>
23
+    Header set Access-Control-Allow-Origin "*"
24
+  </IfModule>
25
+</FilesMatch>
26
+
27
+
28
+# video
29
+AddType video/ogg  ogg ogv
30
+AddType video/mp4  mp4
31
+AddType video/webm webm
32
+
33
+# Proper svg serving. Required for svg webfonts on iPad
34
+#   twitter.com/FontSquirrel/status/14855840545
35
+AddType     image/svg+xml             svg svgz 
36
+AddEncoding gzip                      svgz
37
+
38
+# webfonts
39
+AddType application/vnd.ms-fontobject eot
40
+AddType font/truetype                 ttf
41
+AddType font/opentype                 otf
42
+AddType font/woff                     woff
43
+
44
+AddType text/cache-manifest           manifest
45
+AddType text/x-component              htc
46
+
47
+
48
+# allow concatenation from within specific js and css files 
49
+
50
+# e.g. Inside of script.combined.js you could have
51
+#   <!--#include file="jquery-1.4.2.js" -->
52
+#   <!--#include file="jquery.idletimer.js" -->
53
+# and they would be included into this single file
54
+
55
+# this is not in use in the boilerplate as it stands. you may
56
+#   choose to name your files in this way for this advantage
57
+#   or concatenate and minify them manually.
58
+# Disabled by default.
59
+
60
+# <FilesMatch "\.combined\.(js|css)$">
61
+#         Options +Includes
62
+#         SetOutputFilter INCLUDES
63
+# </FilesMatch>
64
+
65
+# gzip compression.
66
+<IfModule mod_deflate.c>
67
+
68
+# html, txt, css, js, json, xml, htc:
69
+  AddOutputFilterByType DEFLATE text/html text/plain text/css application/x-javascript text/javascript application/javascript application/json text/xml application/xml text/x-component
70
+
71
+# webfonts and svg:
72
+  <FilesMatch "\.(ttf|otf|eot|svg)$" >
73
+    SetOutputFilter DEFLATE
74
+  </FilesMatch>
75
+</IfModule>
76
+
77
+
78
+
79
+# these are pretty far-future expires headers
80
+# they assume you control versioning with cachebusting query params like
81
+#   <script src="application.js?20100608">
82
+# additionally, consider that outdated proxies may miscache 
83
+#   www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
84
+
85
+# if you don't use filenames to version, lower the css and js to something like
86
+#   "access plus 1 week" or so
87
+
88
+<IfModule mod_expires.c>
89
+  Header set cache-control: public
90
+  ExpiresActive on
91
+
92
+# Perhaps better to whitelist expires rules? Perhaps.
93
+  ExpiresDefault                          "access plus 1 month"
94
+
95
+# cache.manifest needs re-reqeusts in FF 3.6 (thx Remy ~Introducing HTML5)
96
+  ExpiresByType text/cache-manifest       "access plus 0 seconds"
97
+
98
+# your document html 
99
+  ExpiresByType text/html                 "access plus 0 seconds"
100
+  
101
+# data
102
+  ExpiresByType text/xml                  "access plus 0 seconds"
103
+  ExpiresByType application/xml           "access plus 0 seconds"
104
+  ExpiresByType application/json          "access plus 0 seconds"
105
+
106
+
107
+# rss feed
108
+  ExpiresByType application/rss+xml       "access plus 1 hour"
109
+
110
+# favicon (cannot be renamed)
111
+  ExpiresByType image/vnd.microsoft.icon  "access plus 1 week" 
112
+
113
+# media: images, video, audio
114
+  ExpiresByType image/gif                 "access plus 1 month"
115
+  ExpiresByType image/png                 "access plus 1 month"
116
+  ExpiresByType image/jpg                 "access plus 1 month"
117
+  ExpiresByType image/jpeg                "access plus 1 month"
118
+  ExpiresByType video/ogg                 "access plus 1 month"
119
+  ExpiresByType audio/ogg                 "access plus 1 month"
120
+  ExpiresByType video/mp4                 "access plus 1 month"
121
+  ExpiresByType video/webm                "access plus 1 month"
122
+  
123
+# webfonts
124
+  ExpiresByType font/truetype             "access plus 1 month"
125
+  ExpiresByType font/opentype             "access plus 1 month"
126
+  ExpiresByType font/woff                 "access plus 1 month"
127
+  ExpiresByType image/svg+xml             "access plus 1 month"
128
+  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
129
+    
130
+# css and javascript
131
+  ExpiresByType text/css                  "access plus 1 month"
132
+  ExpiresByType application/javascript    "access plus 1 month"
133
+  ExpiresByType text/javascript           "access plus 1 month"
134
+</IfModule>
135
+
136
+
137
+
138
+
139
+# Since we're sending far-future expires, we don't need ETags for
140
+# static content.
141
+#   developer.yahoo.com/performance/rules.html#etags
142
+FileETag None
143
+
144
+
145
+
146
+
147
+# Allow cookies to be set from iframes (for IE only)
148
+# If needed, uncomment and specify a path or regex in the Location directive
149
+
150
+# <IfModule mod_headers.c>
151
+#   <Location />
152
+#     Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
153
+#   </Location>
154
+# </IfModule>
155
+
156
+
157
+# you probably want www.example.com to forward to example.com -- shorter URLs are sexier.
158
+#   no-www.org/faq.php?q=class_b
159
+<IfModule mod_rewrite.c>
160
+Options +FollowSymLinks
161
+RewriteEngine On
162
+RedirectPermanent  /index.php  /fr.xml
163
+</IfModule>
164
+
165
+
166
+# without -MultiViews, Apache will give a 404 for a rewrite if a folder of the same name does not exist (e.g. “/blog/hello”)
167
+#   webmasterworld.com/apache/3808792.htm
168
+Options -MultiViews 
169
+# -Indexes will have Apache block users from browsing folders without a default document
170
+Options -Indexes
171
+
172
+# custom 404 page
173
+ErrorDocument 404 /404.html
174
+
175
+# use utf-8 encoding for anything served text/plain or text/html
176
+AddDefaultCharset utf-8
177
+# force utf-8 for a number of file formats
178
+AddCharset utf-8 .html .css .js .xml .json .rss
179
+
180
+# We don't need to tell everyone we're apache.
181
+ServerSignature Off

BIN
clementdesmidt-en.doc View File


BIN
clementdesmidt-en.pdf View File


BIN
clementdesmidt.doc View File


BIN
clementdesmidt.pdf View File


+ 191
- 0
cv.xsl View File

@@ -0,0 +1,191 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<!DOCTYPE HTML [
3
+<!ENTITY nbsp "&#160;"><!--espace insécable-->
4
+]>
5
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
6
+<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" />
7
+
8
+
9
+<xsl:template match="cv">
10
+<html>
11
+<head>
12
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
13
+<title>_ Desmidt Clément _ CV _ Curriculum Vitæ</title>
14
+
15
+<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
16
+<script type="text/javascript" src="http://shikiryu.com/js/konami.js"></script>
17
+<script type="text/javascript" src="http://shikiryu.com/js/jquery.tipsy.js"></script>
18
+<script type="text/javascript" src="decodingFunction.js"></script>
19
+
20
+<link href="main.css" media="screen" rel="Stylesheet" type="text/css" />
21
+<link href="print.css" media="print" rel="Stylesheet" type="text/css" />
22
+<!--[if IE]>
23
+<link href="http://www.shikiryu.com/mainIE.css" rel="Stylesheet" type="text/css" />
24
+<![endif]-->
25
+</head>
26
+
27
+<body onload="goDecoding();">
28
+<a href="en.xml" id="en-lang" class="tips" title="English"></a>
29
+<a href="fr.xml" id="fr-lang" class="tips" title="Français"></a>
30
+
31
+<div id="wrapper">
32
+
33
+<div id="presentation">
34
+<img src="images/ShikiryuPic.png" alt="Photo de Shikiryu" />
35
+<xsl:apply-templates select="presentation" />
36
+</div>
37
+
38
+<div id="competences">
39
+<xsl:apply-templates select="competences" />
40
+</div>
41
+
42
+<div id="works">
43
+<xsl:apply-templates select="experiences" />
44
+</div>
45
+
46
+<div id="formation">
47
+<xsl:apply-templates select="formations" />
48
+</div>
49
+
50
+<div id="contact">
51
+<xsl:apply-templates select="contacts" />
52
+</div>
53
+
54
+</div>
55
+
56
+<script type="text/javascript">
57
+$(document).ready(function(){
58
+$('.tips').tipsy({gravity: $.fn.tipsy.autoNS,fade: true});
59
+$(window).konami(function(){ 
60
+	window.location.href='http://portfolio.shikiryu.com/showreel/showreel-hq.html'
61
+});
62
+
63
+$('.decode').html($(this).html());
64
+});
65
+</script>
66
+</body>
67
+</html>
68
+</xsl:template>
69
+
70
+<xsl:template match="presentation">
71
+<h2><xsl:value-of select="title" /></h2>
72
+<p>
73
+<strong><xsl:value-of select="naissance/@name" /></strong>&nbsp; <xsl:value-of select="naissance" /><br/>
74
+<xsl:for-each select="sites/site">
75
+<a href="{.}"><xsl:value-of select="@name" /></a> 
76
+<xsl:if test="position() != last()"> - </xsl:if>
77
+</xsl:for-each>
78
+<br/>
79
+<strong><xsl:value-of select="langues/@name" /></strong>
80
+<xsl:for-each select="langues/langue">
81
+ / <strong><xsl:value-of select="@name" /> :&nbsp;</strong> <xsl:value-of select="." /> 
82
+</xsl:for-each>
83
+<br/><br/>
84
+</p>
85
+<p class="telechargement">
86
+<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>
87
+</p>
88
+</xsl:template>
89
+
90
+<xsl:template match="competences">
91
+<h2 class="skills"><xsl:value-of select="@name" /></h2>
92
+
93
+<div id="leftComp">
94
+<h3 class="{competence[1]/@class}"><xsl:value-of select="competence[1]/@name" /></h3>
95
+<p>
96
+<xsl:for-each select="competence[1]/detail">
97
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
98
+</xsl:for-each>
99
+<br /><br /></p>
100
+
101
+<h3 class="{competence[2]/@class}"><xsl:value-of select="competence[2]/@name" /></h3>
102
+<p>
103
+<xsl:for-each select="competence[2]/detail">
104
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
105
+</xsl:for-each>
106
+</p>
107
+
108
+</div>
109
+
110
+<div id="rightComp">
111
+<h3 class="{competence[3]/@class}"><xsl:value-of select="competence[3]/@name" /></h3>
112
+<p>
113
+<xsl:for-each select="competence[3]/detail">
114
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
115
+</xsl:for-each>
116
+<br /><br /></p>
117
+
118
+
119
+<h3 class="{competence[4]/@class}"><xsl:value-of select="competence[4]/@name" /></h3>
120
+<p>
121
+<xsl:for-each select="competence[4]/detail">
122
+<span name="decode"> <xsl:value-of select="." disable-output-escaping="yes" /></span><br/>
123
+</xsl:for-each>
124
+</p>
125
+
126
+</div>
127
+</xsl:template>
128
+
129
+<xsl:template match="experiences">
130
+<h2><xsl:value-of select="@name" /></h2>
131
+<ul class="proExp">
132
+	<xsl:for-each select="experience">
133
+		<li class="exp"><span class="date"><xsl:value-of select="date" /></span>&nbsp;
134
+		<span class="lieu">
135
+		<xsl:if test="lien = ''">
136
+			<xsl:value-of select="lieu" /> 
137
+		</xsl:if>
138
+		<xsl:if test="lien != ''">
139
+			<a href="{lien}"><xsl:value-of select="lieu" /> </a>
140
+		</xsl:if>
141
+		</span>&nbsp;
142
+		<span class="titre"><xsl:value-of select="titre" />&nbsp;<strong><xsl:value-of select="type" /></strong></span><br/>
143
+		<ul class="missions">
144
+			<xsl:for-each select="missions/mission">
145
+				<li>- <xsl:value-of select="." /></li>
146
+			</xsl:for-each>	
147
+		</ul>
148
+	</li>
149
+	</xsl:for-each>
150
+</ul>
151
+</xsl:template>
152
+
153
+<xsl:template match="formations">
154
+<h2><xsl:value-of select="@name" /></h2>
155
+<ul>
156
+	<xsl:for-each select="formation">
157
+	<li><span class="date"><xsl:value-of select="date" /></span>&nbsp;
158
+		<span class="lieu">
159
+		<xsl:if test="lien = ''">
160
+			<xsl:value-of select="lieu" /> 
161
+		</xsl:if>
162
+		<xsl:if test="lien != ''">
163
+			<a href="{lien}"><xsl:value-of select="lieu" /> </a>
164
+		</xsl:if>
165
+		</span>&nbsp;
166
+		<span class="titre"><strong><xsl:value-of select="titre/@name" /></strong> &nbsp;
167
+			<span class="decode" name="decode"><xsl:value-of select="titre" disable-output-escaping="yes" /></span>
168
+		</span>
169
+	</li>
170
+	</xsl:for-each>
171
+</ul>
172
+</xsl:template>
173
+
174
+<xsl:template match="contacts">
175
+<div id="Sites">
176
+<h2><xsl:value-of select="contact[1]/@name" /></h2>
177
+<p>
178
+<xsl:for-each select="contact[1]/lien">
179
+	<a href="{.}" title="{@title}" target="_blank" class="{@class}"></a>
180
+</xsl:for-each>	
181
+</p>
182
+</div>
183
+<div id="Forms">
184
+<h2><xsl:value-of select="contact[2]/@name" /></h2>
185
+<p class="contactWays">
186
+<a href="{contact[2]/lien}" class="{contact[2]/lien/@class}"><xsl:value-of select="contact[2]/lien/@texte" /></a><br />
187
+</p>
188
+</div>
189
+</xsl:template>
190
+
191
+</xsl:stylesheet>

+ 14
- 0
decodingFunction.js View File

@@ -0,0 +1,14 @@
1
+function goDecoding() {
2
+	if (window.InstallTrigger) {
3
+
4
+		var decode = document.getElementsByName("decode"), inner;
5
+
6
+		for (var i=0, c=decode.length; i<c; i++) {
7
+			inner = decode[i].textContent;
8
+
9
+			if (inner || (inner.indexOf('&') != -1 && inner.indexOf('<') != -1)) {
10
+				decode[i].innerHTML = inner; // \o/
11
+			}
12
+		}
13
+	}
14
+}

+ 252
- 0
en.xml View File

@@ -0,0 +1,252 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<?xml-stylesheet href="cv.xsl" type="text/xsl"?>
3
+<!DOCTYPE racine [
4
+<!ENTITY nbsp "&#32;">
5
+]>
6
+<cv>
7
+
8
+	<presentation name="">
9
+	
10
+		<title>Clément Desmidt - Web/Developer/Designer</title>
11
+		<naissance name="Birth Date:">1982/03/15</naissance>
12
+		<sites>
13
+			<site name="Website">http://shikiryu.com/</site>
14
+			<site name="Portfolio">http://portfolio.shikiryu.com/</site>
15
+			<site name="Dev Blog">http://shikiryu.com/devblog/en/</site>
16
+			<site name="Designer Blog">http://blog.shikiryu.com/</site>
17
+			<site name="Labs">http://labs.shikiryu.com/</site>
18
+		</sites>
19
+		<langues name="Languages">
20
+			<langue name="French">Mother Language</langue>
21
+			<langue name="English">Fluent</langue>
22
+		</langues>
23
+		<telechargement name="Download:">
24
+			<fichier name="in PDF format" class="pdf">http://cv.shikiryu.com/clementdesmidt-en.pdf</fichier>
25
+			<fichier name="in Word's one" class="word">http://cv.shikiryu.com/clementdesmidt-en.doc</fichier>
26
+			<ou>or</ou>
27
+		</telechargement>
28
+		
29
+	</presentation>
30
+	
31
+	<competences name="Skills:">
32
+	
33
+		<competence name="Technical:" class="tech">
34
+			<detail><![CDATA[ <strong>Conception : </strong> UML / Merise / Rough / Design Patterns ]]></detail>
35
+			<detail><![CDATA[ <strong>Softwares : </strong> Eclipse / Suite Adobe / MySQL Workbench / Putty / FileZilla / NetBeans ]]></detail>
36
+			<detail><![CDATA[ <strong>Organisation : </strong> GANTT ]]></detail>
37
+			<detail><![CDATA[ <strong>Framework : </strong> jQuery, Zend, raphaelJS, Processing ]]></detail>
38
+		</competence>
39
+		
40
+		<competence name="Dev:" class="dev">
41
+			<detail><![CDATA[ <strong>XHTML/CSS / JavaScript/AJAX / PHP / MySQL</strong> ]]></detail>
42
+			<detail>WebService / XML (examples in the lab)</detail>
43
+			<detail>Java / Java Web / Oracle</detail>
44
+			<detail><![CDATA[ <strong>ADOBE Suite mastered</strong>, Maya (newbie) ]]></detail>
45
+			<detail>Network knowledge</detail>
46
+			<detail>Security knowledge</detail>
47
+			<detail>Can use Mac, Windows et Linux (Ubuntu)</detail>
48
+			<detail>Already used CMS (Drupal, Wordpress, etc.)</detail>
49
+		</competence>
50
+		
51
+		<competence name="Relationnal:" class="relation">
52
+			<detail><![CDATA[ Client needs <strong>analysis</strong> ]]></detail>
53
+			<detail><![CDATA[ <strong>Specifications</strong> writing ]]></detail>
54
+			<detail>Oral presentation for project validation</detail>
55
+			<detail><![CDATA[ Technical and organizational <strong>advises</strong> ]]></detail>
56
+			<detail>Developper and User formation</detail>
57
+		</competence>
58
+		
59
+		<competence name="Organisationnal:" class="organisation">
60
+			<detail>Computer project management</detail>
61
+			<detail>Planification</detail>
62
+			<detail>Procedures</detail>
63
+			<detail>Dashboard</detail>
64
+			<detail>Technical procedures redaction</detail>
65
+			<detail></detail>
66
+		</competence>	
67
+	
68
+	</competences>
69
+
70
+	<experiences name="Professionnal Experiences">
71
+	
72
+		<experience>
73
+			<date>May 2014 to now</date>
74
+			<lieu>BNP Paribas via Ibéla</lieu>
75
+			<lien></lien>
76
+			<titre>JavaScript developer</titre>
77
+			<type>C.D.I.</type>
78
+			<missions>
79
+				<mission>JS framework upgrade maintenance</mission>
80
+				<mission>Quality code control</mission>
81
+			</missions>
82
+		</experience>
83
+		
84
+		<experience>
85
+			<date>April 2012 to april 2014</date>
86
+			<lieu>Banque de France via Ibéla</lieu>
87
+			<lien>http://webstat.banque-france.fr/en/</lien>
88
+			<titre>Java/J2EE developer</titre>
89
+			<type>C.D.I.</type>
90
+			<missions>
91
+				<mission>ECB software upgrade maintenance</mission>
92
+				<mission>BDF software upgrade maintenance</mission>
93
+				<mission>BDF Backoffice upgrade maintenance</mission>
94
+				<mission>Self-education : J2EE, struts, spring, hibernate</mission>
95
+			</missions>
96
+		</experience>
97
+		
98
+		<experience>
99
+			<date>January 2011 to march 2012</date>
100
+			<lieu>Ibéla</lieu>
101
+			<lien></lien>
102
+			<titre>PHP developer / ergonomist</titre>
103
+			<type>C.D.I.</type>
104
+			<missions>
105
+				<mission>SSII back office developement</mission>
106
+				<mission>Design and ergonomy update</mission>
107
+			</missions>
108
+		</experience>
109
+		
110
+		<experience>
111
+			<date>From June 2010 to december 2011</date>
112
+			<lieu>Telergos via Ibéla</lieu>
113
+			<lien>http://www.telergos-assurance.com/</lien>
114
+			<titre>PHP Developer</titre>
115
+			<type>C.D.I</type>
116
+			<missions>
117
+				<mission>Interface development</mission>
118
+				<mission>Insurance's contracts solution development</mission>
119
+				<mission>PHP/MySQL Applications development</mission>
120
+				<mission>Application support in PHP and Java</mission>
121
+				<mission>Java batches development</mission>
122
+				<mission>WebService's creation for price setting</mission>
123
+				<mission>Code quality's inspector</mission>
124
+				<mission>Communication and  formation for next developpers</mission>
125
+			</missions>
126
+		</experience>
127
+		
128
+		<experience>
129
+			<date>From february 2010 to june 2010</date>
130
+			<lieu>C3E</lieu>
131
+			<lien>http://www.c3e-asso.org/</lien>
132
+			<titre>Web and Mobile OOP Developer</titre>
133
+			<type>Formation</type>
134
+			<missions>
135
+				<mission>OOP Development</mission>
136
+				<mission>Project Management skills upgraded</mission>
137
+			</missions>
138
+		</experience>
139
+		
140
+		<experience>
141
+			<date>From october 2007 to november 2009</date>
142
+			<lieu>Message Business</lieu>
143
+			<lien>http://www.message-business.com/</lien>
144
+			<titre>In charge of web and emailing production, Project and e-marketing campaign leader</titre>
145
+			<type>C.D.I</type>
146
+			<missions>
147
+				<mission>Websites and emailings creation and integration</mission>
148
+				<mission>Blogs creation and integration (in PHP and ASP)</mission>
149
+				<mission>Website content management with automatisation for referencing</mission>
150
+				<mission>Little PHP application development</mission>
151
+				<mission>Video, jingle and intro creation</mission>
152
+				<mission>E-marketing campaign management</mission>
153
+				<mission>E-marketing platform support</mission>
154
+			</missions>
155
+		</experience>
156
+		
157
+		<experience>
158
+			<date>From february to july 2007</date>
159
+			<lieu>Opendisc</lieu>
160
+			<lien>http://www.opendisc.net/</lien>
161
+			<titre>Web project leader</titre>
162
+			<type>Mission</type>
163
+			<missions>
164
+				<mission>Mini Website and emailing creation / integration</mission>
165
+				<mission>Direct relation with big music companies</mission>
166
+			</missions>
167
+		</experience>
168
+		
169
+		<experience>
170
+			<date>From july to august 2006</date>
171
+			<lieu>MK2</lieu>
172
+			<lien>http://www.mk2.com/</lien>
173
+			<titre>Webmaster</titre>
174
+			<type>Mission</type>
175
+			<missions>
176
+				<mission>Mini Website and emailing creation / integration</mission>
177
+			</missions>
178
+		</experience>
179
+		
180
+		<experience>
181
+			<date>From june to july 2006</date>
182
+			<lieu>ilestunefois</lieu>
183
+			<lien>http://www.shikiryu.com/ilestunefois/</lien>
184
+			<titre>Webmaster</titre>
185
+			<type>Mission + Freelance</type>
186
+			<missions>
187
+				<mission>Website creation and referencing setup</mission>
188
+				<mission>Updates as a freelancer</mission>
189
+			</missions>
190
+		</experience>
191
+		
192
+		<experience>
193
+			<date>From june to july 2005</date>
194
+			<lieu>Imprimerie Brard</lieu>
195
+			<lien></lien>
196
+			<titre>DTP in printing </titre>
197
+			<type>Mission</type>
198
+			<missions>
199
+				<mission>Page settings and impression preparation</mission>
200
+			</missions>
201
+		</experience>
202
+	
203
+	</experiences>
204
+
205
+	<formations name="Formation">
206
+		
207
+		<formation>
208
+			<date>2004-2007</date>
209
+			<lieu>ECV</lieu>
210
+			<lien>http://www.ecv.fr</lien>
211
+			<titre name="Diploma:">Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</titre>
212
+		</formation>
213
+
214
+		<formation>
215
+			<date>2003-2004</date>
216
+			<lieu>ATEP</lieu>
217
+			<lien>http://www.atep.fr</lien>
218
+			<titre name="Goal :">Prépa artistique</titre>
219
+		</formation>
220
+		
221
+		<formation>
222
+			<date>2000-2002</date>
223
+			<lieu>Université de Cergy (95)</lieu>
224
+			<lien></lien>
225
+			<titre name="Diploma:"><![CDATA[ DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr> ]]></titre>
226
+		</formation>
227
+		
228
+		<formation>
229
+			<date>2000</date>
230
+			<lieu>Lycée Camille Pissaro – Pontoise (95)</lieu>
231
+			<lien></lien>
232
+			<titre name="Diploma:"><![CDATA[ <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique ]]></titre>
233
+		</formation>
234
+		
235
+	</formations>
236
+	
237
+	<contacts>
238
+	
239
+		<contact name="Where you can find me">
240
+			<lien class="DeviantArt tips" title="Deviantart" texte="">http://shikiryu.deviantart.com</lien>			
241
+			<lien class="Tumblr tips" title="Tumblr" texte="">http://chouchen.tumblr.com</lien>			
242
+			<lien class="LinkedIn tips" title="Linked In" texte="">http://www.linkedin.com/in/shikiryu</lien>
243
+			<lien class="Viadeo tips" title="Viadeo" texte="">http://www.viadeo.com/fr/profile/clement.desmidt</lien>			
244
+		</contact>
245
+		
246
+		<contact name="Contact">
247
+			<lien class="bymail" title="" texte="Clic here to send me an email and say hello !">http://shikiryu.com/contact/</lien>			
248
+		</contact>
249
+	
250
+	</contacts>
251
+	
252
+</cv>

+ 235
- 0
fr.xml View File

@@ -0,0 +1,235 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<?xml-stylesheet href="cv.xsl" type="text/xsl"?>
3
+<!DOCTYPE racine [
4
+<!ENTITY nbsp "&#32;">
5
+]>
6
+<cv>
7
+	<presentation name="">
8
+		<title>Clément Desmidt - Développeur/Web/Designer</title>
9
+		<naissance name="Date de naissance :">15/03/1982</naissance>
10
+		<sites>
11
+			<site name="Site Web">http://shikiryu.com/</site>
12
+			<site name="Portfolio">http://portfolio.shikiryu.com/</site>
13
+			<site name="Blog Développeur">http://shikiryu.com/devblog/</site>
14
+			<site name="Blog Graphiste">http://blog.shikiryu.com/</site>
15
+			<site name="Laboratoire">http://labs.shikiryu.com/</site>
16
+			<site name="Mes FAQs">http://faqs.canhelpme.com</site>
17
+		</sites>
18
+		<langues name="Langues ">
19
+			<langue name="Français">Langue maternelle</langue>
20
+			<langue name="Anglais">Courant</langue>
21
+		</langues>
22
+		<telechargement name="Téléchargement :">
23
+			<fichier name="PDF" class="pdf">http://cv.shikiryu.com/clementdesmidt.pdf</fichier>
24
+			<fichier name="Word" class="word">http://cv.shikiryu.com/clementdesmidt.doc</fichier>
25
+			<ou>ou</ou>
26
+		</telechargement>
27
+	</presentation>
28
+	<competences name="Compétences :">
29
+		<competence name="Technique :" class="tech" direction="left">
30
+			<detail>
31
+				<![CDATA[ <strong>Conceptuelle : </strong> UML / Merise / Rough / Design Patterns ]]></detail>
32
+			<detail>
33
+				<![CDATA[ <strong>Logiciels : </strong> Eclipse / Suite Adobe / MySQL Workbench / Putty / FileZilla / NetBeans ]]></detail>
34
+			<detail>
35
+				<![CDATA[ <strong>Organisation : </strong> GANTT ]]></detail>
36
+			<detail>
37
+				<![CDATA[ <strong>Framework : </strong> jQuery, Zend, raphaelJS, Processing ]]></detail>
38
+		</competence>
39
+		<competence name="Développement :" class="dev" direction="left">
40
+			<detail>
41
+				<![CDATA[ <strong>XHTML/CSS / JavaScript/AJAX / PHP / MySQL</strong> ]]></detail>
42
+			<detail>WebService / XML (exemples dans le lab)</detail>
43
+			<detail>Java / Java Web / Oracle</detail>
44
+			<detail>
45
+				<![CDATA[ <strong>Suite ADOBE maîtrisée</strong>, Maya (Débutant) ]]></detail>
46
+			<detail>Connaissance réseau</detail>
47
+			<detail>Connaissance des principes de sécurité</detail>
48
+			<detail>Connaissance Mac, Windows et Linux (Ubuntu)</detail>
49
+			<detail>Utilisation de CMS (Drupal, Wordpress, etc.)</detail>
50
+		</competence>
51
+		<competence name="Relationnel :" class="relation" direction="right">
52
+			<detail>
53
+				<![CDATA[ <strong>Analyse</strong> des besoins clients ]]></detail>
54
+			<detail>
55
+				<![CDATA[ Elaboration du <strong>cahier des charges</strong> ]]></detail>
56
+			<detail>Présentation orale de projet pour validation</detail>
57
+			<detail>
58
+				<![CDATA[ <strong>Conseils</strong> techniques et organisationnels ]]></detail>
59
+			<detail>Accompagnement et formation des développeurs</detail>
60
+			<detail>Accompagnement et formation des utilisateurs</detail>
61
+		</competence>
62
+		<competence name="Organisationnel :" class="organisation" direction="right">
63
+			<detail>
64
+				<![CDATA[ <strong>Gestion de projet</strong> informatique ]]></detail>
65
+			<detail>Planification</detail>
66
+			<detail>Mise en œuvre de procédures</detail>
67
+			<detail>Pilotage de projet</detail>
68
+			<detail>Tableau de bord de suivi</detail>
69
+			<detail>Rédaction de fiches techniques de procédures</detail>
70
+		</competence>
71
+	</competences>
72
+	<experiences name="Expériences Professionnelles">
73
+		<experience>
74
+			<date>mai 2014 à maintenant</date>
75
+			<lieu>BNP Paribas via Ibéla</lieu>
76
+			<lien></lien>
77
+			<titre>Développeur JavaScript</titre>
78
+			<type>C.D.I.</type>
79
+			<missions>
80
+				<mission>Maintenance évolutive d'un framework JS</mission>
81
+				<mission>Contrôle qualité code</mission>
82
+			</missions>
83
+		</experience>
84
+		<experience>
85
+			<date>Avril 2012 à avril 2014</date>
86
+			<lieu>Banque de France via Ibéla</lieu>
87
+			<lien>http://webstat.banque-france.fr/fr/</lien>
88
+			<titre>Développeur Java/J2EE</titre>
89
+			<type>C.D.I.</type>
90
+			<missions>
91
+				<mission>Maintenance évolutive d'une application de la BCE</mission>
92
+				<mission>Maintenance évolutive d'une application de la BDF</mission>
93
+				<mission>Maintenance évolutive d'un backoffice de la BDF</mission>
94
+				<mission>Auto-formation J2EE, struts, spring, hibernate</mission>
95
+			</missions>
96
+		</experience>
97
+		<experience>
98
+			<date>Janvier 2011 à mars 2012</date>
99
+			<lieu>Ibéla</lieu>
100
+			<lien/>
101
+			<titre>Développeur PHP / ergonome</titre>
102
+			<type>C.D.I.</type>
103
+			<missions>
104
+				<mission>Développement backoffice SSII</mission>
105
+				<mission>Mise au point graphique et ergonomie</mission>
106
+			</missions>
107
+		</experience>
108
+		<experience>
109
+			<date>Juin 2010 à décembre 2011</date>
110
+			<lieu>Telergos via Ibéla</lieu>
111
+			<lien>http://www.telergos-assurance.com/</lien>
112
+			<titre>Consultant junior - Ingénieur d'étude</titre>
113
+			<type>Formation + C.D.I.</type>
114
+			<missions>
115
+				<mission>Développement d'interfaces</mission>
116
+				<mission>Développement de solution pour le suivis de contrats en assurance</mission>
117
+				<mission>Développement d'applications PHP/MySQL</mission>
118
+				<mission>Support d'applications PHP et Java</mission>
119
+				<mission>Développement de Batches Java</mission>
120
+				<mission>Création de WebService de tarification</mission>
121
+				<mission>Assurance qualité du code</mission>
122
+				<mission>Transmission et formation pour les successeurs</mission>
123
+			</missions>
124
+		</experience>
125
+		<experience>
126
+			<date>Février 2010 - juin 2010</date>
127
+			<lieu>C3E</lieu>
128
+			<lien>http://www.c3e-asso.org/</lien>
129
+			<titre>Développeur d’applications orientées objet Web et Mobile</titre>
130
+			<type>Formation</type>
131
+			<missions>
132
+				<mission>Développement d’applications orientées objet</mission>
133
+				<mission>Acquisition de compétences en gestion de projets</mission>
134
+			</missions>
135
+		</experience>
136
+		<experience>
137
+			<date>Octobre 2007 – novembre 2009</date>
138
+			<lieu>Message Business</lieu>
139
+			<lien>http://www.message-business.com/</lien>
140
+			<titre>Responsable de la production web et emailing, Chef de Projet et campagne e-marketing</titre>
141
+			<type>C.D.I</type>
142
+			<missions>
143
+				<mission>Création / intégration de sites web et d'emailings</mission>
144
+				<mission>Spécialisation dans les bonnes pratiques de l'emailing</mission>
145
+				<mission>Création / intégration de blogs sur moteur PHP et ASP</mission>
146
+				<mission>Gestion de contenu sur site web avec création d'automatisation pour référencement</mission>
147
+				<mission>Développement de petites application en PHP</mission>
148
+				<mission>Réalisation de vidéos, jingle et intro</mission>
149
+				<mission>Gestion de campagnes e-marketing</mission>
150
+				<mission>Support de plate-forme e-marketing</mission>
151
+			</missions>
152
+		</experience>
153
+		<experience>
154
+			<date>Février - juillet 2007</date>
155
+			<lieu>Opendisc</lieu>
156
+			<lien>http://www.opendisc.net/</lien>
157
+			<titre>Chef de projet web</titre>
158
+			<type>Mission</type>
159
+			<missions>
160
+				<mission>Création / intégration de mini sites web et d'emailings</mission>
161
+				<mission>Relation direct avec les clients type Universal Music et Sony BGM</mission>
162
+			</missions>
163
+		</experience>
164
+		<experience>
165
+			<date>Juillet - août 2006</date>
166
+			<lieu>MK2</lieu>
167
+			<lien>http://www.mk2.com/</lien>
168
+			<titre>Webmaster</titre>
169
+			<type>Mission</type>
170
+			<missions>
171
+				<mission>Création / intégration de mini sites web et d'emailings</mission>
172
+			</missions>
173
+		</experience>
174
+		<experience>
175
+			<date>Juin - juillet 2006</date>
176
+			<lieu>ilestunefois</lieu>
177
+			<lien>http://www.shikiryu.com/ilestunefois/</lien>
178
+			<titre>Webmaster</titre>
179
+			<type>Mission + Freelance</type>
180
+			<missions>
181
+				<mission>Création du site web et mise en place du référencement</mission>
182
+				<mission>Suivi et mises à jour en freelance</mission>
183
+			</missions>
184
+		</experience>
185
+		<experience>
186
+			<date>Juin - juillet 2005</date>
187
+			<lieu>Imprimerie Brard</lieu>
188
+			<lien/>
189
+			<titre>PAO en imprimerie</titre>
190
+			<type>Mission</type>
191
+			<missions>
192
+				<mission>Mise en page et préparation à impression</mission>
193
+			</missions>
194
+		</experience>
195
+	</experiences>
196
+	<formations name="Formation">
197
+		<formation>
198
+			<date>2004-2007</date>
199
+			<lieu>ECV</lieu>
200
+			<lien>http://www.ecv.fr</lien>
201
+			<titre name="Diplôme :">Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</titre>
202
+		</formation>
203
+		<formation>
204
+			<date>2003-2004</date>
205
+			<lieu>ATEP</lieu>
206
+			<lien>http://www.atep.fr</lien>
207
+			<titre name="Finalité :">Prépa artistique</titre>
208
+		</formation>
209
+		<formation>
210
+			<date>2000-2002</date>
211
+			<lieu>Université de Cergy (95)</lieu>
212
+			<lien/>
213
+			<titre name="Diplôme :">
214
+				<![CDATA[ DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr> - Programmation informatique ]]></titre>
215
+		</formation>
216
+		<formation>
217
+			<date>2000</date>
218
+			<lieu>Lycée Camille Pissaro – Pontoise (95)</lieu>
219
+			<lien/>
220
+			<titre name="Diplôme :">
221
+				<![CDATA[ <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique ]]></titre>
222
+		</formation>
223
+	</formations>
224
+	<contacts>
225
+		<contact name="Vous pouvez me trouver">
226
+			<lien class="DeviantArt tips" title="Deviantart" texte="">http://shikiryu.deviantart.com</lien>
227
+			<lien class="Tumblr tips" title="Tumblr" texte="">http://chouchen.tumblr.com</lien>
228
+			<lien class="LinkedIn tips" title="Linked In" texte="">http://www.linkedin.com/in/shikiryu</lien>
229
+			<lien class="Viadeo tips" title="Viadeo" texte="">http://www.viadeo.com/fr/profile/clement.desmidt</lien>
230
+		</contact>
231
+		<contact name="Contact">
232
+			<lien class="bymail" title="Par email" texte="Cliquez ici pour m'envoyer un mail">http://shikiryu.com/contact/</lien>
233
+		</contact>
234
+	</contacts>
235
+</cv>

BIN
images/Cube2.png View File


BIN
images/Cube3.png View File


BIN
images/ShikiryuPic.png View File


BIN
images/ajax-loader.gif View File


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


BIN
images/deviantart.png View File


BIN
images/drill.png View File


BIN
images/exclamation-white.png View File


BIN
images/eye.png View File


BIN
images/fingerprint.png View File


BIN
images/flask.png View File


BIN
images/fleche.jpg View File


BIN
images/fr.png View File


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


BIN
images/hand-point.png View File


BIN
images/hand-share.png View File


BIN
images/header.png View File


BIN
images/heart.png View File


BIN
images/home.png View File


BIN
images/icone_file.png View File


BIN
images/keyboard.png View File


BIN
images/leaf.png View File


BIN
images/lifebuoy.png View File


BIN
images/linkedin.png View File


BIN
images/mail.png View File


BIN
images/medal.png View File


BIN
images/page_white_acrobat.png View File


BIN
images/page_word.png View File


BIN
images/paper-clip.png View File


BIN
images/paper-plane.png View File


BIN
images/printer.png View File


BIN
images/rss.png View File


BIN
images/scissors.png View File


BIN
images/social_icons.png View File


BIN
images/thumb-up.png View File


BIN
images/tick.png View File


BIN
images/tipsy.gif View File


BIN
images/toilet.png View File


BIN
images/tumblr.png View File


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


BIN
images/us.png View File


BIN
images/users.png View File


BIN
images/validation.png View File


BIN
images/viadeo.png View File


+ 350
- 0
index.php View File

@@ -0,0 +1,350 @@
1
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+<html xmlns="http://www.w3.org/1999/xhtml">
3
+<head>
4
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
+<title>_ Desmidt Clément _ CV _ Curriculum Vitæ</title>
6
+
7
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
8
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.wslide.js"></script>
9
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.validate.pack.js"></script>
10
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.contactable.js"></script>
11
+<script type="text/javascript" src="http://www.shikiryu.com/js/konami.js"></script>
12
+<script type="text/javascript" src="http://www.shikiryu.com/js/jquery.tipsy.js"></script>
13
+
14
+<link href="http://www.shikiryu.com/contact.css" rel="Stylesheet" type="text/css" />
15
+<link href="main.css" media="screen" rel="Stylesheet" type="text/css" />
16
+<link href="print.css" media="print" rel="Stylesheet" type="text/css" />
17
+<!--[if IE]>
18
+<link href="http://www.shikiryu.com/mainIE.css" rel="Stylesheet" type="text/css" />
19
+<![endif]-->
20
+</head>
21
+
22
+<body>
23
+<a href="#" id="en-lang" class="tips" title="English"></a>
24
+<a href="#" id="fr-lang" class="tips" title="Français"></a>
25
+<div id="contactLeft"></div>
26
+<div id="effect"><div id="bleu"></div><div id="orange"></div></div>
27
+
28
+<div id="wrapper">
29
+
30
+<!-- <div id="header"><img src="images/header.png" width="655" height="135" alt="Shikiryu.com" /></div> -->
31
+
32
+<div id="presentation">
33
+<img src="images/ShikiryuPic.png" alt="Photo de Shikiryu" />
34
+<h2 class="french">Clément Desmidt - Développeur/Web/Designer</h2>
35
+<h2 class="english">Clément Desmidt - Web/Developer/Designer</h2>
36
+<p class="french">
37
+<strong>Date de naissance :</strong> 15/03/1982<br/>
38
+<a href="http://www.shikiryu.com/">Site Web</a> - <a href="http://portfolio.shikiryu.com/">Portfolio</a><br/>
39
+<strong>Langues </strong> / <strong> Français :</strong> Langue maternelle / <strong>Anglais :</strong> Courant<br/><br/>
40
+<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>
41
+<p class="english">
42
+<strong>Birth Date :</strong> 1982/03/15<br/>
43
+<a href="http://www.shikiryu.com/">Website</a> - <a href="http://portfolio.shikiryu.com/">Portfolio</a> <br/>
44
+<strong>Languages</strong> / <strong>French:</strong> Mother Language / <strong>English:</strong> Fluant<br/><br/>
45
+<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>
46
+
47
+</div>
48
+
49
+
50
+<div id="competences">
51
+<h2 class="french skills">Compétences :</h2>
52
+<h2 class="english skills">Skills:</h2>
53
+<div id="leftComp">
54
+<h3 class="french tech">Technique:</h3>
55
+<p class="french"><strong>Conceptuelle : </strong><br />
56
+- UML / Merise / Rough<br /><br /></p>
57
+<h3 class="english tech">Technical</h3>
58
+<p class="english"><strong>Conception : </strong><br />
59
+- UML / Merise / Rough<br /><br /></p>
60
+
61
+<h3 class="french dev">Développement :</h3>
62
+<p class="french">- <strong>HTML / CSS / JavaScript (JQuery) / PHP / MySQL</strong><br />
63
+- Java / Java Web<br />
64
+- <strong>Suite ADOBE maîtrisée</strong>, Maya (Débutant)<br />
65
+- Connaissance réseau<br />
66
+- Connaissance des principes de sécurité<br />
67
+- Connaissance Mac, Windows et Linux( Ubuntu)<br />
68
+- Utilisation de CMS (Drupal, Wordpress, osCommerce, etc.)</p>
69
+<h3 class="english dev">Dev:</h3>
70
+<p class="english"><strong>- HTML / CSS / JavaScript (JQuery) / PHP / MySQL</strong><br />
71
+- Java / Java Web<br />
72
+- <strong>ADOBE Suite mastered</strong>, Maya (newbie)<br />
73
+- Network knowledge<br />
74
+- Security knowledge<br />
75
+- Can use Mac, Windows et Linux (Ubuntu)<br />
76
+- Already used CMS (Drupal, Wordpress, osCommerce, etc.)</p>
77
+</div>
78
+<div id="rightComp">
79
+<h3 class="french relation">Relationnel :</h3>
80
+<p class="french">- <strong>Analyse</strong> des besoins clients<br />
81
+- Elaboration du <strong>cahier des charges</strong><br />
82
+- Présentation orale de projet pour validation<br />
83
+- <strong>Conseils</strong> techniques et organisationnels<br />
84
+- Accompagnement et formation des utilisateurs<br /><br /></p>
85
+<h3 class="english relation">Relationnal:</h3>
86
+<p class="english">
87
+- Client needs <strong>analysis</strong><br />
88
+- <strong>Specifications</strong> writing<br />
89
+- Oral presentation for project validation<br />
90
+- Technical and organizational <strong>advises</strong><br />
91
+- User formation<br /><br />
92
+</p>
93
+
94
+<h3 class="french organisation">Organisationnel :</h3>
95
+<p class="french">- <strong>Gestion de projet</strong> informatique<br />
96
+	- Planification<br />
97
+	- Mise en œuvre de procédures<br />
98
+	- Pilotage de projet<br />
99
+	- Tableau de bord de suivi<br />
100
+	- Rédaction de fiches techniques de procédures</p>
101
+<h3 class="english organisation">Organisationnal :</h3>
102
+<p class="english">- Computer project management<br />
103
+	- Planification<br />
104
+	- Procedures<br />
105
+	- Dashboard<br />
106
+	- Technical procedures redaction</p>
107
+</div>
108
+</div>
109
+
110
+
111
+<div id="works">
112
+<h2 class="french">Expériences Professionnelles</h2>
113
+<h2 class="english">Professionnal Experiences</h2>
114
+<ul class="french proExp">
115
+	<li class="exp"><span class="date">Juin 2010 à maintenant</span> 
116
+		<span class="lieu"><a href="http://www.ibela.fr">Ibéla</a></span> 
117
+		<span class="titre">Consultant junior - Ingénieur d'étude <strong>Formation + C.D.I.</strong></span><br/>
118
+		<ul class="missions">
119
+			<li>- Développement d'interface</li>
120
+			<li>- Développement de solution pour le suivis de contrats en assurance</li>
121
+			<li>- Développement d'applications PHP/MySQL</li>
122
+		</ul>
123
+	</li>
124
+	<li class="exp"><span class="date">Février 2010 - juin 2010</span> 
125
+		<span class="lieu"><a href="http://www.c3e-asso.org/">C3E</a></span> 
126
+		<span class="titre">Développeur d’applications orientées objet Web et Mobile <strong>Formation</strong></span><br/>
127
+		<ul class="missions">
128
+			<li>- Développement d’applications orientées objet</li>
129
+			<li>- Acquisition de compétences en gestion de projets</li>
130
+		</ul>
131
+	</li>
132
+	<li class="exp"><span class="date">Octobre 2007 – novembre 2009</span> 
133
+		<span class="lieu"><a href="http://www.message-business.com/">Message Business</a></span> 
134
+		<span class="titre">Responsable de la production web et emailing, Chef de Projet et campagne e-marketing, <strong>C.D.I</strong></span><br/>
135
+		<ul class="missions">
136
+			<li>- Création / intégration de sites web et d'emailings</li>
137
+			<li>- Spécialisation dans les bonnes pratiques de l'emailing</li>
138
+			<li>- Création / intégration de blogs sur moteur PHP et ASP </li>
139
+			<li>- Gestion de contenu sur site web avec création d'automatisation pour référencement </li>
140
+			<li>- Développement de petites application en PHP </li>
141
+			<li>- Réalisation de vidéos, jingle et intro </li>
142
+			<li>- Gestion de campagnes e-marketing </li>
143
+			<li>- Support de plate-forme e-marketing </li>
144
+		</ul>
145
+	</li>
146
+	<li class="exp"><span class="date">Février - juillet 2007</span> 
147
+		<span class="lieu"><a href="http://www.opendisc.net/">Opendisc</a></span> 
148
+		<span class="titre">Chef de projet web <strong>Mission</strong></span><br/>
149
+		<ul class="missions">
150
+			<li>- Création / intégration de mini sites web et d'emailings</li>
151
+			<li>- Relation direct avec les clients type Universal Music et Sony BGM </li>
152
+		</ul>
153
+	</li>
154
+	<li class="exp"><span class="date">Juillet - août 2006</span> 
155
+		<span class="lieu"><a href="http://www.mk2.com/">MK2</a></span> 
156
+		<span class="titre">Webmaster <strong>Mission</strong></span><br/>
157
+		<ul class="missions">
158
+			<li>- Création / intégration de mini sites web et d'emailings </li>
159
+		</ul>
160
+	</li>
161
+	<li class="exp"><span class="date">Juin - juillet 2006</span> 
162
+		<span class="lieu"><a href="http://www.shikiryu.com/ilestunefois/">ilestunefois</a></span> 
163
+		<span class="titre">Webmaster <strong>Mission + Freelance</strong></span><br/>
164
+		<ul class="missions">
165
+			<li>- Création du site web et mise en place du référencement</li>
166
+			<li>- Suivi et mises à jour en freelance</li>
167
+		</ul>
168
+	</li>
169
+	<li class="exp"><span class="date">Juin - juillet 2005</span> 
170
+		<span class="lieu">Imprimerie Brard</span> 
171
+		<span class="titre">PAO en imprimerie <strong>Mission</strong></span><br/>
172
+		<ul class="missions">
173
+			<li>- Mise en page et préparation à impression</li>
174
+			<li></li>
175
+		</ul>
176
+	</li>
177
+</ul>
178
+<ul class="english proExp">
179
+	<li class="exp"><span class="date">From June 2010 to now</span> 
180
+		<span class="lieu"><a href="http://www.ibela.fr">Ibéla</a></span> 
181
+		<span class="titre">PHP Developer <strong>C.D.I</strong></span><br/>
182
+		<ul class="missions">
183
+			<li>- Interface development</li>
184
+			<li>- Insurance's contracts solution development</li>
185
+			<li>- PHP/MySQL Applications development</li>
186
+		</ul>
187
+	</li>
188
+	<li class="exp"><span class="date">From february 2010 to june 2010</span> 
189
+		<span class="lieu"><a href="http://www.c3e-asso.org/">C3E</a></span> 
190
+		<span class="titre">Web and Mobile OOP Developer <strong>Formation</strong></span><br/>
191
+		<ul class="missions">
192
+			<li>- OOP Development</li>
193
+			<li>- Project Management skills upgraded</li>
194
+		</ul>
195
+	</li>
196
+	<li class="exp"><span class="date">From october 2007 to november 2009</span> 
197
+		<span class="lieu"><a href="http://www.message-business.com/">Message Business</a></span> 
198
+		<span class="titre">In charge of web and emailing production, Project and e-marketing campaign leader, <strong>C.D.I</strong></span><br/>
199
+		<ul class="missions">
200
+			<li>- Websites and emailings creation and integration</li>
201
+			<li>- Blogs creation and integration (in PHP and ASP)</li>
202
+			<li>- Website content management with automatisation for referencing</li>
203
+			<li>- Little PHP application development</li>
204
+			<li>- Video, jingle and intro creation</li>
205
+			<li>- E-marketing campaign management</li>
206
+			<li>- E-marketing platform support</li>
207
+		</ul>
208
+	</li>
209
+	<li class="exp"><span class="date">From february to july 2007</span> 
210
+		<span class="lieu"><a href="http://www.opendisc.net/">Opendisc</a></span> 
211
+		<span class="titre">Web project leader <strong>Mission</strong></span><br/>
212
+		<ul class="missions">
213
+			<li>- Mini Website and emailing creation / integration</li>
214
+			<li>- Direct relation with big music companies</li>
215
+		</ul>
216
+	</li>
217
+	<li class="exp"><span class="date">From july to august 2006</span> 
218
+		<span class="lieu"><a href="http://www.mk2.com/">MK2</a></span> 
219
+		<span class="titre">Webmaster <strong>Mission</strong></span><br/>
220
+		<ul class="missions">
221
+			<li>- Mini Website and emailing creation / integration</li>
222
+		</ul>
223
+	</li>
224
+	<li class="exp"><span class="date">From june to july 2006</span> 
225
+		<span class="lieu"><a href="http://www.shikiryu.com/ilestunefois/">ilestunefois</a></span> 
226
+		<span class="titre">Webmaster <strong>Mission + Freelance</strong></span><br/>
227
+		<ul class="missions">
228
+			<li>- Website creation and referencing setup</li>
229
+			<li>- Updates as a freelancer</li>
230
+		</ul>
231
+	</li>
232
+	<li class="exp"><span class="date">From june to july 2005</span> 
233
+		<span class="lieu">Imprimerie Brard</span> 
234
+		<span class="titre">DTP in printing <strong>Mission</strong></span><br/>
235
+		<ul class="missions">
236
+			<li>- Page settings and impression preparation</li>
237
+		</ul>
238
+	</li>
239
+</ul>
240
+</div>
241
+
242
+<div id="formation">
243
+<h2 class="french">Formation</h2>
244
+<ul class="french">
245
+	<li><span class="date">2004-2007</span>
246
+		<span class="lieu"><a href="http://www.ecv.fr">ECV</a></span>
247
+		<span class="titre"><strong>Diplôme :</strong> Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</span>
248
+	</li>
249
+	<li><span class="date">2003-2004</span>
250
+		<span class="lieu"><a href="http://www.atep.fr">ATEP</a></span>
251
+		<span class="titre"><strong>Finalité :</strong> Prépa artistique</span>
252
+	</li>
253
+	<li><span class="date">2000-2002</span>
254
+		<span class="lieu">Université de Cergy (95)</span>
255
+		<span class="titre"><strong>Diplôme :</strong> DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr></span>
256
+		<span>Programmation informatique</span>
257
+	</li>
258
+	<li><span class="date">2000</span>
259
+		<span class="lieu">Lycée Camille Pissaro – Pontoise (95)</span>
260
+		<span class="titre"><strong>Diplôme :</strong> <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique</span>
261
+	</li>
262
+</ul>
263
+<h2 class="english">Formation</h2>
264
+<ul class="english">
265
+	<li><span class="date">2004-2007</span>
266
+		<span class="lieu"><a href="http://www.ecv.fr">ECV</a></span>
267
+		<span class="titre"><strong>Diploma :</strong> Concepteur en communication visuelle option Nouveaux Médias (BAC+4)</span>
268
+	</li>
269
+	<li><span class="date">2003-2004</span>
270
+		<span class="lieu"><a href="http://www.atep.fr">ATEP</a></span>
271
+		<span class="titre"><strong>Goal :</strong> Prépa artistique</span>
272
+	</li>
273
+	<li><span class="date">2000-2002</span>
274
+		<span class="lieu">Université de Cergy (95)</span>
275
+		<span class="titre"><strong>Diploma :</strong> DEUG <abbr title="Mathématiques informatiques appliqués aux sciences">MIAS</abbr></span>
276
+		<span>Programmation informatique</span>
277
+	</li>
278
+	<li><span class="date">2000</span>
279
+		<span class="lieu">Lycée Camille Pissaro – Pontoise (95)</span>
280
+		<span class="titre"><strong>Diploma :</strong> <abbr title="Baccalauréat">BAC</abbr> Scientifique, Spécialité Mathématique</span>
281
+	</li>
282
+</ul>
283
+</div>
284
+
285
+<div id="contact">
286
+<div id="Sites">
287
+<h2 class="french">Vous pouvez me trouver</h2>
288
+<h2 class="english">Where you can find me</h2>
289
+<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>
290
+</div>
291
+<div id="Forms">
292
+<h2 class="french">Contact</h2>
293
+<h2 class="english">Contact</h2>
294
+<p class="french contactWays">
295
+<a href="http://s.shikiryu.com//1" class="bymail">Cliquez ici pour m'envoyer un mail</a><br />
296
+</p>
297
+<p class="english contactWays">
298
+<a href="http://s.shikiryu.com//1" class="bymail">Clic here to send me an email and say hello !</a><br />
299
+</p>
300
+</div>
301
+</div>
302
+
303
+</div>
304
+<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fcv.shikiryu.com%2F"><img src="images/validation.png" alt="w3c valid"/></a>
305
+<script type="text/javascript">
306
+$(document).ready(function(){
307
+$('.tips').tipsy({gravity: $.fn.tipsy.autoNS,fade: true});
308
+$('#contactLeft').contactable({
309
+	 		name: 'Nom',
310
+			email: 'Email',
311
+			message : 'Message',
312
+			subject : 'Un message via portfolio.shikiryu.com',
313
+			recievedMsg : 'Merci pour votre message, je vous recontacte au plus vite',
314
+			notRecievedMsg : 'D&eacute;sol&eacute; mais votre message n\'a pu être envoy&eacute;, essayez plus tard',
315
+			disclaimer: 'N\'h&eacute;sitez pas &agrave; me contacter pour toute demande !'
316
+});
317
+$("#insideWorks").wslide({
318
+                width: 610,
319
+                height: 170,
320
+                horiz: true,
321
+				autolink: false
322
+        });
323
+
324
+
325
+$(".figure").mouseenter(function(){
326
+	$(this).find('.caption').slideToggle();
327
+}).mouseleave(function(){
328
+	$(this).find('.caption').slideToggle();
329
+});
330
+$(window).konami(function(){ 
331
+	window.location.href='http://portfolio.shikiryu.com/showreel/showreel-hq.html'
332
+});
333
+$("#en-lang").click(function(){$(".french").hide();$(".english").show();});
334
+$("#fr-lang").click(function(){$(".english").hide();$(".french").show();});
335
+});
336
+</script>
337
+<!-- Piwik -->
338
+<script type="text/javascript">
339
+var pkBaseURL = (("https:" == document.location.protocol) ? "https://shikiryu.com/piwik/" : "http://shikiryu.com/piwik/");
340
+document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
341
+</script><script type="text/javascript">
342
+try {
343
+var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
344
+piwikTracker.trackPageView();
345
+piwikTracker.enableLinkTracking();
346
+} catch( err ) {}
347
+</script><noscript><p><img src="http://shikiryu.com/piwik/piwik.php?idsite=2" style="border:0" alt=""/></p></noscript>
348
+<!-- End Piwik Tag -->
349
+</body>
350
+</html>

+ 200
- 0
main.css View File

@@ -0,0 +1,200 @@
1
+@charset "utf-8";
2
+/* CSS Document */
3
+* {
4
+	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
5
+	font-size:12px;
6
+	margin:0;
7
+	padding:0;
8
+	font-weight:normal;
9
+}
10
+img {
11
+	border:none;
12
+}
13
+body {background:#1e1e1a /*url(images/C2.jpg) top center no-repeat*/;
14
+}
15
+.english{display:none;}
16
+.french{display:block;}
17
+#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;}
18
+#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;}
19
+h2 {
20
+	font-family:Georgia, "Times New Roman", Times, serif;
21
+	font-size:19px;
22
+}
23
+h3 {
24
+	font-family:Georgia, "Times New Roman", Times, serif;
25
+	font-size:17px;
26
+}
27
+strong{font-weight:bold !important;}
28
+#effect {
29
+	width:100%;
30
+	height:100%;
31
+	position:absolute;
32
+	background-color:#1e1e1a;
33
+	top:0;
34
+	left:0;
35
+	z-index:1;
36
+}
37
+#wrapper {
38
+	width:660px;
39
+	margin:0 auto;
40
+	position:relative;
41
+	z-index:500;
42
+}
43
+
44
+#header {
45
+	background:rgba(0, 0, 0, 0.6);
46
+	width:655px;
47
+	padding:0 3px;
48
+}
49
+/*#nav {
50
+	height:75px;
51
+	background:rgba(0, 0, 0, 0.6);
52
+	-moz-border-radius:0 0 10px 10px;
53
+	-webkit-border-bottom-right-radius: 30px;
54
+	-webkit-border-bottom-left-radius: 0;
55
+	width:660px;
56
+	margin:0 auto;
57
+}*/
58
+#presentation, #formation {
59
+	background:rgba(0, 0, 0, 0.6);
60
+	-moz-border-radius:5px;
61
+	-webkit-border-radius:5px;
62
+	width:610px;
63
+	padding:25px;
64
+	margin:2px auto;
65
+}
66
+#presentation img {
67
+	float:right;
68
+	margin-left:20px;
69
+}
70
+#presentation h2, #formation h2 {
71
+	color:#ff9900;
72
+	margin-bottom:20px;
73
+}
74
+/*#presentation .h2 {
75
+	color:#ff9900;
76
+	margin-bottom:18px;
77
+}*/
78
+#presentation p, #formation p {
79
+	text-align:justify;
80
+	color:#FFFFFF;
81
+	line-height:20px;
82
+}
83
+#presentation a , #formation a{
84
+	/*padding-top:25px;*/
85
+	/*padding-left: 10px;*/
86
+	color:#FFFFFF;
87
+}
88
+#presentation a.pdf {
89
+	padding-left: 18px;
90
+	height:16px;
91
+	background:url('images/icone_file.png') 0 0 no-repeat;
92
+}
93
+#presentation a.word {
94
+	padding-left: 18px;
95
+	height:16px;
96
+	background:url('images/icone_file.png') 0 -16px no-repeat;
97
+}
98
+#formation ul{list-style:none; padding-left:15px; color:#FFF;}
99
+#formation li{margin:10px 0;}
100
+#formation span.date{font-weight:bold;}
101
+#works {
102
+	-moz-border-radius:5px;
103
+	-webkit-border-radius:5px;
104
+	border-radius:5px;
105
+	padding:25px;
106
+	width:610px;
107
+	background-color:#ff9900;
108
+	overflow:auto;
109
+}
110
+#works h2 {
111
+	color:#ffffff;
112
+}
113
+.proExp span{display:inline;}
114
+ul.proExp, ul.proExp ul{list-style:none; padding-left:15px;}
115
+ul.proExp li.exp{margin:10px 0;background:url('images/ui-radio-button-uncheck.png') left top no-repeat; padding-left:18px;}
116
+li.exp span.date{font-weight:bold;}
117
+li.exp span.lieu{font-weight:bold;color:#FFF;}
118
+.missions{font-style:italic;}
119
+
120
+#works a{
121
+	font-weight:bold;
122
+	margin-top:10px;
123
+	color:#FFFFFF;
124
+	}
125
+
126
+#competences, #contact {
127
+	background:rgba(0, 0, 0, 0.6);
128
+	-moz-border-radius:5px;
129
+	-webkit-border-radius:5px;
130
+	width:610px;
131
+	padding:25px;
132
+	margin:2px auto;
133
+	overflow:auto;
134
+	line-height:16px;
135
+	color:#FFF;
136
+}
137
+#contact h2 {background:url(images/mail.png) left center no-repeat;height:30px;}
138
+#competences h2,#competences h3, #contact h2 {
139
+	color:#ff9900;
140
+	margin-bottom:20px;
141
+	padding-left:25px;
142
+}
143
+
144
+#competences h3,#contact h2{height:20px;}
145
+
146
+#competences h3.organisation{background:url(images/paper-clip.png) left center no-repeat;}
147
+
148
+#competences h3.relation{background:url(images/heart.png) left center no-repeat;}
149
+
150
+#competences h3.dev{background:url(images/keyboard.png) left center no-repeat;}
151
+
152
+#competences h3.tech{background:url(images/drill.png) left center no-repeat;}
153
+
154
+#competences h2.skills{background:url(images/medal.png) left center no-repeat;}
155
+
156
+#competences #leftComp, #contact #Sites {
157
+	width:295px;
158
+	float:left;
159
+}
160
+#contact #Sites a, #contact #Sites img{
161
+	margin-right:10px;
162
+	width:16px;
163
+	height:16px;
164
+	display:block;
165
+	float:left;
166
+	background:url(images/social_icons.png) no-repeat;
167
+}
168
+#contact #Sites a.DeviantArt{background-position:0 -32px;}
169
+#contact #Sites a.Tumblr{background-position:0 -48px;}
170
+#contact #Sites a.LinkedIn{background-position:0 0;}
171
+#contact #Sites a.Viadeo{background-position:0 -16px;}
172
+
173
+#competences #rightComp, #contact #Forms {
174
+	width:295px;
175
+	float:left;
176
+}
177
+#competences .date{
178
+	font-size:9px;
179
+	color:#ff9900;
180
+	}
181
+#competences a {
182
+	color:#FFFFFF;
183
+	}
184
+	#competences a:hover {
185
+	color:#FFFFFF;
186
+	text-decoration:none;
187
+	}
188
+#leftComp p a{display:block; margin-bottom:15px;}	
189
+.contactWays .bymail, .contactWays span{color:#FFF; font-weight:bold; text-decoration:underline;}
190
+.contactWays .bymail:hover, .contactWays span:hover{color:#FFF; font-weight:bold; text-decoration:none;}
191
+#Meebo{display:none}
192
+
193
+/*Tipsy*/
194
+.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
195
+.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
196
+.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
197
+.tipsy-north { background-position: top center; }
198
+.tipsy-south { background-position: bottom center; }
199
+.tipsy-east { background-position: right center; }
200
+.tipsy-west { background-position: left center; }

+ 1
- 0
print.css
File diff suppressed because it is too large
View File


+ 22
- 0
sitemap.xml View File

@@ -0,0 +1,22 @@
1
+<?xml version="1.0" encoding="UTF-8"?>
2
+<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
3
+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">
4
+  <url>
5
+    <loc>http://cv.shikiryu.com/</loc>
6
+    <lastmod>2010-08-31</lastmod>
7
+    <changefreq>monthly</changefreq>
8
+    <priority>0.5</priority>
9
+  </url>
10
+  <url>
11
+    <loc>http://cv.shikiryu.com/fr.xml</loc>
12
+    <lastmod>2011-07-20</lastmod>
13
+    <changefreq>monthly</changefreq>
14
+    <priority>0.8</priority>
15
+  </url>
16
+  <url>
17
+    <loc>http://cv.shikiryu.com/en.xml</loc>
18
+    <lastmod>2011-07-20</lastmod>
19
+    <changefreq>monthly</changefreq>
20
+    <priority>0.8</priority>
21
+  </url>
22
+ </urlset>

Loading…
Cancel
Save