Browse Source

use stack and updated resume

practice-first-programming
parent
commit
b3cf0df68d
  1. 2
      .gitignore
  2. 4
      Scratch/en/softwares/ypassword.md
  3. BIN
      Scratch/files/cv_en.pdf
  4. 4
      Scratch/fr/softwares/ypassword.md
  5. 57
      cv/00_Macros.html
  6. 180
      cv/05_Resume.html
  7. 132
      cv/06_Presentation.html
  8. 73
      cv/10_Intro.html
  9. 78
      cv/15_Competences.html
  10. 185
      cv/20_Experiences.html
  11. 86
      cv/30_Formation.html
  12. 96
      cv/40_Recherche.html
  13. 110
      cv/50_Projects.html
  14. 25
      cv/include/404.html
  15. 74
      cv/include/cv_template.tex
  16. BIN
      cv/include/fonts/cmunorm.eot
  17. BIN
      cv/include/fonts/cmunorm.otf
  18. BIN
      cv/include/fonts/cmunorm.svg
  19. BIN
      cv/include/fonts/cmunorm.ttf
  20. BIN
      cv/include/fonts/cmunorm.woff
  21. BIN
      cv/include/fonts/cmunrb.eot
  22. BIN
      cv/include/fonts/cmunrb.svg
  23. BIN
      cv/include/fonts/cmunrb.ttf
  24. BIN
      cv/include/fonts/cmunrm.eot
  25. BIN
      cv/include/fonts/cmunrm.otf
  26. BIN
      cv/include/fonts/cmunrm.svg
  27. BIN
      cv/include/fonts/cmunrm.ttf
  28. BIN
      cv/include/fonts/cmunrm.woff
  29. BIN
      cv/include/fonts/cmunsl.eot
  30. BIN
      cv/include/fonts/cmunsl.svg
  31. BIN
      cv/include/fonts/cmunsl.ttf
  32. BIN
      cv/include/fonts/cmuntt.eot
  33. BIN
      cv/include/fonts/cmuntt.otf
  34. BIN
      cv/include/fonts/cmuntt.svg
  35. BIN
      cv/include/fonts/cmuntt.ttf
  36. BIN
      cv/include/fonts/cmuntt.woff
  37. 107
      cv/include/index.html
  38. 742
      cv/include/main.css
  39. 39
      cv/include/main.tex
  40. 802
      cv/include/main_s.css
  41. 56
      cv/include/template.html
  42. 65
      cv/include/template.tex
  43. 52
      cv/include/toc_template.html
  44. 43
      cv/include/ystyle.css
  45. 116
      cv/index.html
  46. 4
      publish.sh
  47. 1
      site.hs
  48. 7
      stack.yaml
  49. 10
      yblog.cabal

2
.gitignore

@ -8,3 +8,5 @@ dist
.*.swp
.DS_Store
.last_multi_watched
.stack*
dist-stack

4
Scratch/en/softwares/ypassword.md

@ -7,7 +7,9 @@ hidden: false
-----
_Easy_, _Secure_ and _Portable_ way to manage your web passwords.
<iframe width="476" scrolling="no" height="160" frameborder="0" src="http://ypassword.espozito.com/ypassword_widget/index.html" style="border: solid 1px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); padding: 0"/>
Here done in [`elm`](http://elm-lang.org):
<iframe width="400" scrolling="no" height="500" frameborder="0" src="/YPassword" style="border: solid 1px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); padding: 0"/>
Remember only _one_ strong password. And the rest follow.

BIN
Scratch/files/cv_en.pdf

Binary file not shown.

4
Scratch/fr/softwares/ypassword.md

@ -7,7 +7,9 @@ hidden: false
-----
Une gestion _simple_, _sécurisée_ et _portable_ de ses mots de passes web.
<iframe width="476" scrolling="no" height="160" frameborder="0" src="http://ypassword.espozito.com/ypassword_widget/index.html" style="border: solid 1px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); padding: 0"/>
Ici réalisée en [`elm`](http://elm-lang.org):
<iframe width="400" scrolling="no" height="500" frameborder="0" src="/YPassword" style="border: solid 1px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); padding: 0"/>
Souvenez vous d'_un_ seul mot de passe de bonne qualité, le reste suis.

57
cv/00_Macros.html

@ -0,0 +1,57 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="/"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="05_Resume.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="/"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="05_Resume.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

180
cv/05_Resume.html

@ -0,0 +1,180 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="/"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="06_Presentation.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h1 id="yann-esposito">Yann Esposito</h1>
<table>
<tbody>
<tr>
<td>mail</td>
<td><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;<sup><sub>*</sub></sup></a></td>
</tr>
<tr>
<td>port</td>
<td>(+33)650845271</td>
</tr>
<tr>
<td>address</td>
<td>Bât 9, Résidence Saint Marc</td>
</tr>
<tr>
<td> </td>
<td>691, avenue Jean Aicard</td>
</tr>
<tr>
<td> </td>
<td>06700, Saint Laurent du Var</td>
</tr>
</tbody>
</table>
<h3 id="professional-background">Professional Background</h3>
<table>
<tbody>
<tr>
<td><em>2013 →</em></td>
<td>Machine Learning Scientist &amp; Software Engineer at Vigiglobe, <span class="detail">Sophia Antipolis, France</span></td>
</tr>
<tr>
<td><em>2010 →</em></td>
<td>Co-Founder of GridPocket, <span class="detail">Sophia Antipolis, France</span></td>
</tr>
<tr>
<td><em>2007 → 2013</em></td>
<td>AirFrance, <span class="detail">Sophia Antipolis, France</span></td>
</tr>
<tr>
<td><em>10/2006 → 3/2007</em></td>
<td>Post Ph.D., Hubert Curien Laboratory, <span class="detail">St-Etienne, France</span></td>
</tr>
<tr>
<td><em>10/2004 → 9/2006</em></td>
<td>ATER (College Degree Teach <em>&amp;</em> Research), <span class="detail">Marseille, France</span></td>
</tr>
<tr>
<td><em>10/2001 → 9/2004</em></td>
<td>University Monitor (College Degree Teach <em>&amp;</em> Research), <span class="detail">Marseille, France</span></td>
</tr>
<tr>
<td><em>1995 → 2000</em></td>
<td>Miscellaneous summer jobs</td>
</tr>
</tbody>
</table>
<h3 id="education">Education</h3>
<table>
<tbody>
<tr>
<td><em>2004</em></td>
<td>CS Ph.D. in Machine Learning at Université de Provence</td>
</tr>
<tr>
<td><em>2001</em></td>
<td>D.E.A. (Equivalent to Master in Computer science)</td>
</tr>
<tr>
<td><em>2000</em></td>
<td>Maîtrise in Computer Science</td>
</tr>
<tr>
<td><em>1999</em></td>
<td>Licence in Computer Science</td>
</tr>
<tr>
<td><em>1998</em></td>
<td>DEUG MIAS (Math)</td>
</tr>
<tr>
<td><em>1995</em></td>
<td>BAC S (Math)</td>
</tr>
</tbody>
</table>
<h3 id="research-activies-publications">Research Activies: Publications</h3>
<table>
<tbody>
<tr>
<td><em>International Journal</em></td>
<td>[Fundamenta Informaticæ, 2008]</td>
</tr>
<tr>
<td> </td>
<td>[Pattern Recognition, 2004]</td>
</tr>
<tr>
<td><em>Internation Conferences</em></td>
<td>[ECML 2008] [ICGI 2006] [COLT 2006]</td>
</tr>
<tr>
<td> </td>
<td>[COLT 2004] [ICALP 2003] [ICGI 2002]</td>
</tr>
<tr>
<td><em>National Journal</em></td>
<td>[JEDAI 2002]</td>
</tr>
<tr>
<td><em>National Conferences</em></td>
<td>[CAp’06] [CAp’04] [CAp’03]</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="/"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="06_Presentation.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

132
cv/06_Presentation.html

@ -0,0 +1,132 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="05_Resume.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="10_Intro.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h3 id="presentation">Presentation</h3>
<p>I am French with a Post Ph.D in Machine Learning<sup id="fnref:10"><a href="#fn:10" class="footnote">1</a></sup>.
Furthermore I love web programming and design.</p>
<p>I am currently working for Vigiglobe.
The first six months I worked with <code>node.js</code> (API/MongoDB/Web).
Then we upgraded our stack to <em>Clojure, Haskell, Mesos, Kafka, Druid</em>, etc…
At that time we were two to make all technical decisions.
In the end we made a real time analytics of social media content on a scalable architecture.
Actually our architecture is able to manage (Aggregation &amp; Machine Learning) thousands of messages per second.<sup id="fnref:7"><a href="#fn:7" class="footnote">2</a></sup>
In particular, I’ve written an Haskell twitter stream absorber able to handle thousands of tweets per seconds. And I coded myself a real time sentiment analysis module taking algebraic properties into account to optimize its efficiency.</p>
<ul>
<li>
<p>During my Ph.D. I made a C++ program (github<sup id="fnref:1"><a href="#fn:1" class="footnote">3</a></sup> and resume<sup id="fnref:2"><a href="#fn:2" class="footnote">4</a></sup>).
I coded most of standard HMM learning algorithms.
I developed an algorithm which I invented during my Ph.D. which use some operational optimization algorithm.
During this period I published articles in international conferences and
I taught Computer Science to college students.</p>
</li>
<li>
<p>At the Hubert Curien Laboratory I made my post Ph.D.
I developed a scientific application in Java/applet/JWS that should be used by biologists.
The code has been updated a bit since my 6 month post Ph.D<sup id="fnref:3"><a href="#fn:3" class="footnote">5</a></sup>.</p>
</li>
<li>
<p>I worked in the web industry for Airfrance.
My work environment was quite heterogeneous.
From shell scripting to manage huge amount of data, web design
and production environment.</p>
</li>
<li>
<p>I worked for GridPocket (I am a co-founder).
This is a French startup specialized in Electric Grid.
I created a private<sup id="fnref:6"><a href="#fn:6" class="footnote">6</a></sup> web application.</p>
</li>
<li>
<p>I’ve also written an iOS application to manage passwords<sup id="fnref:4"><a href="#fn:4" class="footnote">7</a></sup>.</p>
</li>
<li>
<p>I am the author of some quite popular blog posts<sup id="fnref:5"><a href="#fn:5" class="footnote">8</a></sup>.</p>
</li>
</ul>
<p>For an almost exhaustive list of my projects, you could check my
github account: <a href="https://github.com/yogsototh">github.com/yogsototh<sup><sub>*</sub></sup></a></p>
<div class="footnotes">
<ol>
<li id="fn:10">
<p>To be more precise in Grammatical Inference <a href="#fnref:10" class="reversefootnote">&#8617;</a></p>
</li>
<li id="fn:7">
<p><a href="http://vigiglobe.com">http://vigiglobe.com<sup><sub>*</sub></sup></a> <a href="#fnref:7" class="reversefootnote">&#8617;</a></p>
</li>
<li id="fn:1">
<p><a href="https://github.com/yogsototh/DEES">https://github.com/yogsototh/DEES<sup><sub>*</sub></sup></a> <a href="#fnref:1" class="reversefootnote">&#8617;</a></p>
</li>
<li id="fn:2">
<p><a href="http://yann.esposito.free.fr/dees.php?lang=en">http://yann.esposito.free.fr/dees.php?lang=en<sup><sub>*</sub></sup></a> <a href="#fnref:2" class="reversefootnote">&#8617;</a></p>
</li>
<li id="fn:3">
<p><a href="http://labh-curien.univ-st-etienne.fr/SEDiL/faq.php?lang=en">http://labh-curien.univ-st-etienne.fr/SEDiL/faq.php?lang=en<sup><sub>*</sub></sup></a> (I like to believe I became a better designer ☺) <a href="#fnref:3" class="reversefootnote">&#8617;</a></p>
</li>
<li id="fn:6">
<p>Sorry the code is private I can’t show it :(. <a href="#fnref:6" class="reversefootnote">&#8617;</a></p>
</li>
<li id="fn:4">
<p><a href="http://ypassword.espozito.com">http://ypassword.espozito.com<sup><sub>*</sub></sup></a> <a href="#fnref:4" class="reversefootnote">&#8617;</a></p>
</li>
<li id="fn:5">
<p><a href="http://yannesposito.com/Scratch/en/blog/">http://yannesposito.com/Scratch/en/blog/<sup><sub>*</sub></sup></a> <a href="#fnref:5" class="reversefootnote">&#8617;</a></p>
</li>
</ol>
</div>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="05_Resume.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="10_Intro.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

73
cv/10_Intro.html

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="06_Presentation.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="15_Competences.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h1 id="public-things-done">Public things done</h1>
<ul>
<li><a href="http://vigiglobe.com">Vigiglobe<sup><sub>*</sub></sup></a> architecture able to analyze thousands of social media messages in realtime. In particular, real time Machine Learning &amp; Statistics.</li>
<li>YPassword iOS application</li>
<li>Gridpocket web services (from conception to realization, works in correlation with a mobile app)</li>
<li><a href="https://github.com/yogsototh/DEES">DEES<sup><sub>*</sub></sup></a>: a 10.000 line C++ command line program. This program implement most <a href="http://en.wikipedia.org/wiki/Hidden_Markov_model">HMM<sup><sub>*</sub></sup></a> standard algorithms <em>&amp;</em> inference algorithms.</li>
<li><a href="http://labh-curien.univ-st-etienne.fr/SEDiL/">SeDiL<sup><sub>*</sub></sup></a>: a Java application using Swing UI. The goal is to provide biologist an easy way to use an algorithm that generate Similarity Matrices for strings but also for Tree structures. Most graphics was done by me, including the drawing of trees. I didn’t used a library for that purpose.</li>
<li>For YPassword ; a Dashboard Widget, a web interface, a command line tool. </li>
<li>Some websites: <a href="http://yannesposito.com">yannesposito.com<sup><sub>*</sub></sup></a>, <a href="http://ypassword.espozito.com">ypassword.espozito.com<sup><sub>*</sub></sup></a></li>
<li>Written a thesis in Machine Learning and published in major international conferences:<br />
[ICALP 2003], [COLT 2004] <em>&amp;</em> [COLT 2006].</li>
<li>A full javascript web application which display Electric consumption in real time.</li>
<li><a href="http://krambook.espozito.com">krambook<sup><sub>*</sub></sup></a> (the engine I use to create this document. I exported it in HTML, PDF (using <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span>) and SVG.</li>
<li>some Mac OS X screensaver, a MetaPost plugin to draw Automata, an RFC-like document to help my student to make a TOR like network, etc…</li>
<li>a bunch of other projects see <a href="http://github.com/yogsototh">http://github.com/yogsototh<sup><sub>*</sub></sup></a></li>
</ul>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="06_Presentation.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="15_Competences.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

78
cv/15_Competences.html

@ -0,0 +1,78 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="10_Intro.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="20_Experiences.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h1 id="technical-competences">Technical Competences</h1>
<dl>
<dt>Languages:</dt>
<dd><strong>Haskell</strong>, <strong>Clojure</strong>, <strong>Javascript</strong>, scheme, C, camL, C++, Ruby, Perl, Java, Python, PHP</dd>
<dt>Web frontend:</dt>
<dd><strong>elm</strong>, <strong>Clojurescript</strong>, <strong>Reagent</strong>, <strong>Angular.js</strong>, <strong>sass</strong>, etc…</dd>
<dt>Web framework:</dt>
<dd><strong>compojure-api</strong>, <strong>Yesod</strong> (Haskell web framework), actionhero (node.js)</dd>
<dt>Programming environments:</dt>
<dd>Mac OS X, Unix/Linux (Solaris, Ubuntu, Debian), Windows XP</dd>
<dt>Data Mining Tools:</dt>
<dd><strong>weka</strong>, SVMlight</dd>
<dt>Stream Computing:</dt>
<dd>storm (with clojure)</dd>
<dt><code>Unix</code>:</dt>
<dd>Shell scripts (zsh, bash), awk, <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span>, ConTeXt, <code>metapost</code></dd>
<dt>Version Control Tools:</dt>
<dd><strong>git</strong>, Bazaar (DCVS), subversion (svn), CVS</dd>
<dt>Mac:</dt>
<dd><strong>Objective-C Cocoa (Mac &amp; iOS)</strong>, Dahsboard widget, Quartz Composer</dd>
</dl>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="10_Intro.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="20_Experiences.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

185
cv/20_Experiences.html

@ -0,0 +1,185 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="15_Competences.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="30_Formation.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h1 id="jobs">Jobs</h1>
<h2 id="machine-learning-scientist--software-engineer-for-vigiglobe-2013-rarr">Machine Learning Scientist <em>&amp;</em> Software Engineer for Vigiglobe <em>2013 →</em></h2>
<p>Sophia Antipolis, France</p>
<dl>
<dt>Product</dt>
<dd>Scalable Real Time Social Media Analytics</dd>
<dd>Sentiment Analysis</dd>
<dd>Many client side web applications (Angular.js &amp; reagent)</dd>
<dt>Role</dt>
<dd>Machine Learning Scientist (fast sentiment analysis, learning protocols, etc..)</dd>
<dd>Full stack engineer (backend to frontend architecture)</dd>
<dt>Technical Keywords:</dt>
<dd>Clojure, Haskell, node.js, reagent, Angular.js, Stream computing</dd>
</dl>
<h2 id="co-founder--freelance-for-gridpocket-2010-rarr">Co-Founder <em>&amp;</em> freelance for GridPocket <em>2010 →</em></h2>
<p>Sophia Antipolis, France</p>
<dl>
<dt>Product</dt>
<dd>Two API server (one for client, another for administration)</dd>
<dd>A private client side web application</dd>
<dd>An iPhone Application</dd>
<dd>Some Linux boxes to send data to the servers</dd>
<dd>A Linux driver </dd>
<dt>Role</dt>
<dd>Full technical responsibilities</dd>
<dt>Technical Keywords:</dt>
<dd>Ruby, REST, JSON, HTML, CSS, Javascript, AJAX, jQuery, Objective-C, ASIHTTPRequest, CorePlot, CoreData, C</dd>
</dl>
<h2 id="airfrance-2007-rarr">AirFrance <em>2007 →</em></h2>
<p>Consultant</p>
<dl>
<dt>Role </dt>
<dd>In charge of the Airfrance CMS for their website.</dd>
<dt>Technical Keywords</dt>
<dd>TeamSite, Perl, XML, XHTML, CSS, javascript, JSP, Unix (Solaris/Linux), Bazaar</dd>
<dt>Environnement</dt>
<dd>Windows (Cygwin), Sun Solaris, Linux</dd>
</dl>
<h2 id="post-phd-102006-rarr-32007">Post Ph.D <em>10/2006 → 3/2007</em></h2>
<p>Université Jean Monet, Laboratoire Hubert Curien, Saint-Etienne</p>
<dl>
<dt>Product</dt>
<dd><a href="http://labh-curien.univ-st-etienne.fr/SEDiL/">SeDiL<sup><sub>*</sub></sup></a></dd>
<dt>Role</dt>
<dd>Developer</dd>
</dl>
<p>Details</p>
<blockquote>
<p>Java application: <em>11 000 lines with javadoc</em></p>
<p>Main functionalities</p>
<ul>
<li>learn edit matrices</li>
<li>compute edit distances between trees or strings</li>
<li>visualize trees or sequences (JAVA 2D)</li>
<li>classification using K means</li>
<li>Generate random tree couple from an edit distance matrice</li>
</ul>
<p>Web: <a href="http://labh-curien.univ-st-etienne.fr/SEDiL/">http://labh-curien.univ-st-etienne.fr/SEDiL/<sup><sub>*</sub></sup></a></p>
</blockquote>
<p>Research</p>
<blockquote>
<p>Similarity measure between strings or XML trees</p>
</blockquote>
<dl>
<dt>Contact</dt>
<dd><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#047;&#047;&#109;&#097;&#114;&#099;&#046;&#115;&#101;&#098;&#098;&#097;&#110;&#064;&#117;&#110;&#105;&#118;&#045;&#115;&#116;&#045;&#101;&#116;&#105;&#101;&#110;&#110;&#101;&#046;&#102;&#114;">Marc Sebban<sup><sub>*</sub></sup></a></dd>
<dt>Technical Keywords</dt>
<dd>UML, Java 1.5, Swing, Java 2D, Java Web Start, Applet, subversion, XML, XHTML, PHP</dd>
<dt>Environnement</dt>
<dd>Mac OS X, Linux (Debian), Windows XP</dd>
</dl>
<h2 id="ater-102004-rarr-92006">ATER <em>10/2004 → 9/2006</em></h2>
<p>Research <em>&amp;</em> Teacher, Université de Provence, Marseille</p>
<p><em>teach 1/2, research 1/6, C++ development 1/3</em></p>
<p>DEES ; a C++ software</p>
<blockquote>
<p><em>7500 lines of C++ code, 10.000 with comments</em></p>
<p>Main functionalities:</p>
<ul>
<li>Mulitiplicity Automata, HMM <em>&amp;</em> PDA Inference,</li>
<li>Baum Welch <em>&amp;</em> Viterbi Algorithms,</li>
<li>GraphViz export,</li>
<li>String Generation from many Models,</li>
</ul>
<dl>
<dt>Languages</dt>
<dd>C++</dd>
<dt>API</dt>
<dd>STL</dd>
<dt>Environment</dt>
<dd>Linux (Debian) <em>&amp;</em> Windows XP</dd>
</dl>
</blockquote>
<h2 id="moniteur-des-universits-102001-rarr-92004">Moniteur des Universités <em>10/2001 → 9/2004</em></h2>
<p>Université de Provence, Marseille </p>
<p><em>teach 1/3, research 1/3, C++ Development 1/3</em></p>
<p>Creation of DEES (see preceeding entry).</p>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="15_Competences.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="30_Formation.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

86
cv/30_Formation.html

@ -0,0 +1,86 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="20_Experiences.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="40_Recherche.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h1 id="diploma">Diploma</h1>
<table>
<tbody>
<tr>
<td><em>2004</em></td>
<td>Ph.D. degree in Machine Learning</td>
</tr>
<tr>
<td><em>2001</em></td>
<td>D.E.A. in Computer Science (equivalent to master)</td>
</tr>
<tr>
<td><em>2000</em></td>
<td>Maîtrise d’Informatique</td>
</tr>
<tr>
<td><em>1999</em></td>
<td>Licence in Computer Science</td>
</tr>
<tr>
<td><em>1998</em></td>
<td>DEUG MIAS (math)</td>
</tr>
<tr>
<td><em>1995</em></td>
<td>BAC S (math)</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="20_Experiences.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="40_Recherche.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

96
cv/40_Recherche.html

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="30_Formation.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="50_Projects.html">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h1 id="scientific-publications">Scientific Publications</h1>
<h3 id="international">International</h3>
<table>
<tbody>
<tr>
<td>Journals</td>
<td>[Fundamenta Inforamticæ vol.86 2008] [Pattern Recognition, 2004]</td>
</tr>
<tr>
<td>Conferences</td>
<td>[ECML 2008] [COLT 2006] [ICGI 2006] [COLT 2004] [ICALP 2003] [ICGI 2002]</td>
</tr>
<tr>
<td>Workshop</td>
<td>[TAGI05]</td>
</tr>
</tbody>
</table>
<h3 id="national-french">National (French)</h3>
<table>
<tbody>
<tr>
<td>Journals</td>
<td>[JEDAI, 2003]</td>
</tr>
<tr>
<td>Conferences</td>
<td>[CAP 2006] [CAP 2004] [CAP 2003]</td>
</tr>
<tr>
<td>Thesis</td>
<td>[Université de Provence 2004]</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="30_Formation.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a href="50_Projects.html">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

110
cv/50_Projects.html

@ -0,0 +1,110 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<script type="text/javascript" src="http://espozito.com/Scratch/js/MathJax/MathJax.js"></script>
<title>Resume (Resume) by Yann Esposito</title>
</head>
<body>
<div id="content">
<div class="navigation">
<div class="navigationprev"><a href="40_Recherche.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a class="disable" href="#">next&nbsp;<span class="nicer">»</span></a></div>
<div class="home"><a href="/">&uarr;&nbsp;Home&nbsp;&uarr;</a></div>
</div>
<div id="afterhead">
<div class="corps">
<h1 id="projects">Projects</h1>
<p>Most of my latest programming activities are publicly available at <a href="http://github.com/yogsototh">github.com/yogsototh<sup><sub>*</sub></sup></a></p>
<h2 id="ypassword-2008-rarr">YPassword <em>2008 →</em></h2>
<p>Mainly an iOS application:</p>
<ul>
<li><a href="http://ypassword.espozito.com">YPassword, <code>http://ypassword.espozito.com</code><sup><sub>*</sub></sup></a></li>
</ul>
<p>I’ve done fully the website from scratch. Also there are some javascript implementation of YPassword tehcnic:</p>
<blockquote>
<ul>
<li>a Mac OS X dashboard widget, </li>
<li>a Cappuccino Web application,</li>
<li>a jQuery Web application,</li>
<li>a command line tool,</li>
<li>an Applescript helper</li>
</ul>
</blockquote>
<h2 id="rubyzome-2009-rarr">Rubyzome <em>2009 →</em></h2>
<p>Ruby API oriented framework.
Done with Luc Juggery.
This framework is REST oriented and output can be either JSON (preferred), but also XML or HTML.</p>
<h2 id="anonymous-network-project-022006-rarr-062006">Anonymous Network Project <em>02/2006 → 06/2006</em></h2>
<p>Made a protocol similar to <a href="http://www.torproject.org">TOR<sup><sub>*</sub></sup></a> for student.</p>
<h2 id="other-projects">Other projects</h2>
<ul>
<li>Web Application used for private team usage at AirFrance <em>2008 →</em><br />
This application is just done <em><a href="http://cache.ohinternet.com/images/thumb/f/fa/4tehlulz.jpg/618px-4tehlulz.jpg">for teh lulz<sup><sub>*</sub></sup></a></em>.
Not related to the Airfrance work. But still pleasant.<br />
<em>Javascript(Prototype.js, Scriptaculous), CSS, PHP/MySQL, Google Talk</em></li>
<li><a href="https://github.com/yogsototh/metautomata"><code>metapost</code> package<sup><sub>*</sub></sup></a> to draw Automata <em>2003 → 2004</em><br />
<em><code>metapost</code></em> </li>
<li>Mac OS X Screensavers (<a href="https://github.com/yogsototh/YClock">YClock<sup><sub>*</sub></sup></a> <em>&amp;</em> YAquaBubbles) <em>2003 → 2004</em><br />
<em>Objective-C,Quartz Composer,Cocoa</em></li>
</ul>
<p>You could find even more information by looking at:</p>
<ul>
<li>My personnal website: <a href="http://yannesposito.com"><code>http://yannesposito.com</code><sup><sub>*</sub></sup></a></li>
<li>My github account: <a href="http://github.com/yogsototh"><code>http://github.com/yogsototh</code><sup><sub>*</sub></sup></a></li>
</ul>
</div>
</div>
<div class="navigation">
<div class="navigationprev"><a href="40_Recherche.html"><span class="nicer">«</span>&nbsp;prev</a></div>
<div class="navigationnext"><a class="disable" href="#">next&nbsp;<span class="nicer">»</span></a></div>
</div>
<div id="bottom">
<div>
<a href="http://yannesposito.com">Yann Esposito</a>
</div>
<div>
<a href="./cv.pdf">Download PDF</a>
</div>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Under Creative Commons License</a>
</div>
<div id="lastmod">
Modified: 2015-06-21
</div>
<div>
Done with
<a href="http://krambook.espozito.com">Krambook</a>
</div>
<div>
<a href="/" style="color:#333">← get back to main site</a>
</div>
</div>
</div>
</body>
</html>

25
cv/include/404.html

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="include/main.css" />
<title>404</title>
</head>
<body>
<div id="content">
<h1 style="font-size: 5em; font-weight: normal;"> Page not found </h1>
<div id="titre">
<h2> <span class="small">404</h2>
</div>
<div id="afterhead" style="padding-top: 2em; font-size: 1.3em;">
<div class="block left">
<h3><a href="/">Return Home <span class="nicer">»</span></a></h3>
</div>
</div>
</div>
</body>
</html>

74
cv/include/cv_template.tex

@ -0,0 +1,74 @@
\include{include/main}
% -- Personal style --
%%# LATEX HEADER FROM config.rb #%%
\pagestyle{plain}
% -- Personal style --
% -- Comment the following line if you haven't
% -- Hoefler Text font installed on your system
% \setmainfont[Ligatures=TeX]{Hoefler Text}
% colors
\usepackage{color}
\definecolor{italiccolor}{rgb}{0.4,0.4,0.4}
\definecolor{boxcolor}{rgb}{0.96,0.96,0.96}
% Make italic and emphasis text gray
\renewcommand{\textit}[1]{\textcolor{italiccolor}{\it #1}}
\renewcommand{\emph}[1]{\textcolor{italiccolor}{\em #1}}
\setsecheadstyle{\medskip\Large\bfseries\memRTLraggedright $\rhd$ }
% -- Redefinition of memoir chapters --
%
% standard is:
% \chapterheadstart
% \printchaptername \chapternamenum \printchapternum
% \afterchapternum
% \printchaptertitle{Title goes here}
% \afterchaptertitle
\definecolor{hrulecolor}{rgb}{0.8,0.8,0.8}
\makechapterstyle{combined}{
\renewcommand*{\chapterheadstart}{%
{\normalsize\textcolor{hrulecolor}{\vspace{2ex}\hrule\vspace{.2ex}\hrule}}}
\renewcommand*{\afterchaptertitle}{%
{\vspace{-2.5ex}\normalsize\textcolor{hrulecolor}{\hrule\vspace{.2ex}\hrule\bigskip\bigskip}}}
\renewcommand*{\afterchapternum}{}
\renewcommand*{\printchaptername}{}
\renewcommand*{\printchapternum}{}
\newcommand{\styleprintchapternum}{\textcolor{hrulecolor}{\Huge\thechapter\hspace{.5em}}}
\renewcommand*{\printchaptertitle}[1]{\medskip\begin{center}\Huge##1\end{center}\medskip}
}
% remove most bold
\chapterstyle{combined}
% -- END CHAPTER STYLE --
% -- Hyperref setup --
\definecolor{linkcolor}{rgb}{0.4,0.0,0.0}
\hypersetup{
colorlinks=true, %
linkcolor=linkcolor, %
urlcolor=linkcolor, %
citecolor=linkcolor, %
filecolor=linkcolor, %
pdfcreator=author, %
}
% --
\author{}
\title{}
\begin{document}
% obvious title making
% \maketitle
% Do not modify the following line
% unless you really know what you are doing!
%%#INCLUDES#%%
\end{document}

BIN
cv/include/fonts/cmunorm.eot

Binary file not shown.

BIN
cv/include/fonts/cmunorm.otf

Binary file not shown.

BIN
cv/include/fonts/cmunorm.svg

Binary file not shown.

BIN
cv/include/fonts/cmunorm.ttf

Binary file not shown.

BIN
cv/include/fonts/cmunorm.woff

Binary file not shown.

BIN
cv/include/fonts/cmunrb.eot

Binary file not shown.

BIN
cv/include/fonts/cmunrb.svg

Binary file not shown.

BIN
cv/include/fonts/cmunrb.ttf

Binary file not shown.

BIN
cv/include/fonts/cmunrm.eot

Binary file not shown.

BIN
cv/include/fonts/cmunrm.otf

Binary file not shown.

BIN
cv/include/fonts/cmunrm.svg

Binary file not shown.

BIN
cv/include/fonts/cmunrm.ttf

Binary file not shown.

BIN
cv/include/fonts/cmunrm.woff

Binary file not shown.

BIN
cv/include/fonts/cmunsl.eot

Binary file not shown.

BIN
cv/include/fonts/cmunsl.svg

Binary file not shown.

BIN
cv/include/fonts/cmunsl.ttf

Binary file not shown.

BIN
cv/include/fonts/cmuntt.eot

Binary file not shown.

BIN
cv/include/fonts/cmuntt.otf

Binary file not shown.

BIN
cv/include/fonts/cmuntt.svg

Binary file not shown.

BIN
cv/include/fonts/cmuntt.ttf

Binary file not shown.

BIN
cv/include/fonts/cmuntt.woff

Binary file not shown.

107
cv/include/index.html

@ -0,0 +1,107 @@
<html>
<head>
<title>Krambook</title>
<script src="https://www.google.com/jsapi"></script>
<script>
google.load('jquery', '1.4.4');
var nb_pages=0;
function changeTo(n) {
page = n;
if (page == 1) {
$('#previous').addClass('disable');
$('#first').addClass('disable');
if (nb_pages>1) {
$('#next').removeClass('disable');
}
} else if (page == nb_pages) {
$('#next').addClass('disable');
} else if (page<1) {
page=1;
return;
} else if (page>nb_pages) {
page=nb_pages;
return;
} else {
$('#previous').removeClass('disable');
$('#first').removeClass('disable');
$('#next').removeClass('disable');
}
fic = "krambook-" + page + ".svg";
// console.log("fic = " + fic);
$('#frame').attr('src', fic );
$('#nbpages').text("Page "+ page +" / "+nb_pages);
}
</script>
<script>
var page=1;
google.setOnLoadCallback( function() {
$('#first').click( function() { changeTo(1); });
$('#previous').click( function() { changeTo(page-1); });
$('#next').click( function() { changeTo(page+1); });
$('#previous').addClass('disable');
$('#first').addClass('disable');
$('#nbpages').text("Page 1 / "+nb_pages);
});
</script>
<style>
#leftcolumn {float: left; width: 7em}
#rightcolumn {float: right; width: 7em}
.button {
text-shadow: 0 1px 0 #eee;
border: 1px solid #666;
width: 7em;
height: 3em;
background: #ccc;
color: #333;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-weight: bold;
cursor: pointer;
text-align: center;
margin-bottom: 1em;
margin-top: 1em;
line-height: 3em; }
.disable {
cursor: default;
opacity: .3 }
#nbpages{
border: 1px solid #666;
width: 7em;
height: 3em;
line-height: 3em;
background: #eee;
text-align: center; }
#content {margin-left: auto; margin-right: auto; text-align: center}
#frame {
text-align: center; margin-left: auto; margin-right: auto;
width: 492pt; height: 672pt; border: 1px solid #ccc}
#who { position: fixed; bottom: 2px; right: 2px; text-align: right; font-size: .7em; }
a { color: #888; text-decoration: none; border: none; }
a:hover { color: #dc3; }
</style>
</head>
<body>
<div id="leftcolumn">
<div id="previous" class="button">&laquo; Previous</div>
<div id="first" class="button">&laquo; First</div>
</div>
<div id="rightcolumn">
<div id="next" class="button">Next &raquo;</div>
<div id="nbpages"> Page 1 / ?? </div>
<div id="who">Generated with <a href="http://github.com/yogsototh/krambook.git">krambook</a></div>
</div>
<div id="content">
<iframe id="frame" src="krambook-1.svg" style=""frameborder="0" scrolling="no" ></iframe>
</div>
</body>
</html>

742
cv/include/main.css

@ -0,0 +1,742 @@
@charset "UTF-8";
@font-face {
font-family: "cmuntt";
src: url("fonts/cmuntt.eot");
src: local("☺"), url("fonts/cmuntt.svg") format("svg"), url("fonts/cmuntt.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "ComputerModern";
src: url("fonts/cmunrb.eot");
src: local("☺"), url("fonts/cmunrb.svg") format("svg"), url("fonts/cmunrb.ttf") format("truetype");
font-weight: bold; }
@font-face {
font-family: "ComputerModern";
src: url("fonts/cmunsl.eot");
src: local("☺"), url("fonts/cmunsl.svg") format("svg"), url("fonts/cmunsl.ttf") format("truetype");
font-style: italic, oblique; }
@font-face {
font-family: "ComputerModern";
src: url("fonts/cmunrm.eot");
src: local("☺"), url("fonts/cmunrm.svg") format("svg"), url("fonts/cmunrm.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
table.description tr td {
border: 1px solid #eeeeee; }
.assombris20 {
background-color: #eeeeee; }
body {
color: #111111;
background-color: white; }
#content {
color: #111111;
background-color: white; }
a:hover {
text-shadow: 0 0 2px #ffaaaa; }
a, a:link, a:visited, a:active, a:hover, #clickcomment {
text-decoration: none;
outline: none; }
a, a:link, a:visited, a:active, #clickcomment {
color: #111111; }
a:hover, #clickcomment:hover {
color: #d50000; }
hr {
color: #eeeeee;
border-top: 1px solid #eeeeee;
border-bottom: none;
border-left: none;
border-right: none; }
ul {
list-style: square; }
ol, ul {
padding-left: 0; }
ol li, ul li {
margin: 1em 0; }
ol li ul, ol li ol, ul li ol, ul li ul {
margin: 1em 1em; }
body, h1, h2, h3, h4, #entete, .tag {
font-family: "ComputerModern", Georgia, Palatino, "Century Schoolbook L", "Times New Roman", Times, serif;
text-rendering: optimizelegibility;
line-height: 1.4em; }
pre {
background-color: #111111;
color: white;
padding: 1em;
line-height: 1.2em; }
pre, code {
font-family: "cmuntt", Incosolata, Monaco, monospace; }
p {
margin-bottom: 1.2em; }
blockquote {
font-style: italic;
padding: 0.5em 1em;
color: #555555; }
blockquote a:hover {
color: #d50000; }
blockquote i, blockquote em {
font-style: normal;
color: #111111; }
abbr,
acronym {
font-variant: small-caps;
text-decoration: none;
border-bottom-width: 0; }
#titre {
letter-spacing: -0.06em;
border-bottom: 4px double #cccccc;
border-top: 4px double #cccccc; }
#liens .active, #sousliens {
color: #111111;
background-color: #eeeeee;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-top: none; }
#liens .active a, #sousliens a {
color: #666666; }
#liens .active a:hover, #sousliens a:hover {
color: #e25f2f; }
#liens .active a:hover strong, #liens .active a:hover b, #liens .active a:hover i, #liens .active a:hover em, #liens .active a:hover .nicer, #sousliens a:hover strong, #sousliens a:hover b, #sousliens a:hover i, #sousliens a:hover em, #sousliens a:hover .nicer {
color: #ffbe96; }
#liens .active hr, #sousliens hr {