Skip to content

Commit

Permalink
2024 update: compact timeline, removed softfocus, added internet.rip,…
Browse files Browse the repository at this point in the history 
… added PPL
  • Loading branch information
@jarthod
jarthod committed Jan 17, 2024
1 parent 921d309 commit 8576d04
Show file tree
Hide file tree
Showing 2 changed files with 109 additions and 77 deletions.
113 changes: 63 additions & 50 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,8 +100,9 @@
}
.project {
color: rgba(0, 0, 0, 0.6);
padding: 8% 0;
height: 10em;
padding: 3em 0;
height: 16em;
box-sizing: border-box;
text-align: center;
background: rgba(0, 0, 0, 0.1);
transition: background-color 0.1s;
Expand Down Expand Up @@ -139,6 +140,10 @@
}
.projects a { display: block; }
.projects a:focus { outline: 2px solid #ff685d; }
.project.maybe {
background: rgba(0, 0, 0, 0.05);
border: 5px dashed rgba(0, 0, 0, 0.05);
}
#skills {
padding: 4em 0;
text-align: center;
Expand Down Expand Up @@ -184,6 +189,9 @@
width: 3px;
height: 9em;
}
.year.compact:before {
height: 3em;
}
.experience {
position: absolute;
width: 45%;
Expand All @@ -199,8 +207,8 @@
text-align: left;
}
.ongoing {
padding-top: 6em;
background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
padding-top: 3em;
background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 90%, transparent 100%);
}
.event {
background: none;
Expand Down Expand Up @@ -239,7 +247,7 @@
}
@media screen and (max-width: 550px) {
body { font-size: 13px; }
h1 { font-size: 3em; }
h1 { font-size: 2.3em; }
.experience { line-height: 1.2em; }
}
</style>
Expand All @@ -253,7 +261,10 @@
</nav>
<h1>Adrien Rey-Jarthon</h1>
<hr>
<p>I'm a full stack <em>ruby developer</em>,<br />also passionate about <em>design</em>,<br />and the founder of <a href="https://updown.io" target="blank"><em>updown.io</em></a>.</p>
<p>
I'm a full stack <em>ruby developer</em>, private <em>pilot</em> and <em>bass guitar</em> player.<br />
Passionate about <em>science</em>, <em>energy</em>, <em>engineering</em>, <em>repairability</em>, <em>DIY</em>.<br />
Also the founder of <a href="https://updown.io" target="blank"><em>updown.io</em></a>.</p>
</header>
<div id="work">
<h2>work</h2>
Expand All @@ -264,7 +275,7 @@ <h2>work</h2>
<h3>updown.io</h3>
<p>
A website monitoring service (like Pingdom)<br/>
with a simple UX and a cheap pricing.
with a simple UX and a cheap pricing. Since 2012.
</p>
</div>
</a>
Expand Down Expand Up @@ -343,13 +354,12 @@ <h3>bisect</h3>
</div>

<div class="grid-2">
<a href="http://softfocus.me" target="blank">
<div class="project softfocus">
<h3>softfocus.me</h3>
<a href="http://internet.rip" target="blank">
<div class="project internet-rip maybe">
<h3>internet.rip*</h3>
<p>
A simple website allowing you to<br />
apply softfocus effect to your pictures.<br />
Want it? Contact me.
A status page for the Internet.<br />
*maybe, someday
</p>
</div>
</a>
Expand All @@ -369,7 +379,7 @@ <h3>Ruby / Rails</h3>
<path d="M74.313 0l-28.094 78h8.469l28.094-78h-8.469zm-36.313 11.25l-2.188 1.406-34 22-1.813 1.156v4.25l1.688 1.219 34 24 2.313 1.594v-9.781l-26.844-18.969 26.844-17.375v-9.5zm52 0v9.5l26.844 17.375-26.844 18.969v9.781l2.313-1.594 34-24 1.688-1.219v-4.25l-1.813-1.156-34-22-2.188-1.406z"
transform="translate(0 25)" />
</svg>
<h3>Front</h3>
<h3>HTML / CSS / JS</h3>
</div>
<div class="skill ui">
<svg version="1.1" viewBox="0 0 48 48" width="48px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Expanded"><g><g><path d="M43,48H29c-0.553,0-1-0.448-1-1V1c0-0.552,0.447-1,1-1h14c0.553,0,1,0.448,1,1v46C44,47.552,43.553,48,43,48z M30,46h12 V2H30V46z"/></g><g><rect height="2" width="5" x="29" y="8"/></g><g><rect height="2" width="5" x="29" y="14"/></g><g><rect height="2" width="5" x="29" y="20"/></g><g><rect height="2" width="5" x="29" y="26"/></g><g><rect height="2" width="5" x="29" y="32"/></g><g><rect height="2" width="5" x="29" y="38"/></g><g><path d="M15,46h-4c-2.757,0-5-2.243-5-5V12c0-0.197,0.059-0.391,0.168-0.555l6-9c0.371-0.557,1.293-0.557,1.664,0l6,9 C19.941,11.609,20,11.803,20,12v29C20,43.757,17.757,46,15,46z M8,12.303V41c0,1.654,1.346,3,3,3h4c1.654,0,3-1.346,3-3V12.303 l-5-7.5L8,12.303z"/></g><g><path d="M19,40H7c-0.553,0-1-0.448-1-1s0.447-1,1-1h12c0.553,0,1,0.448,1,1S19.553,40,19,40z"/></g><g><path d="M19,36H7c-0.553,0-1-0.448-1-1s0.447-1,1-1h12c0.553,0,1,0.448,1,1S19.553,36,19,36z"/></g><g><path d="M11,36c-0.553,0-1-0.448-1-1V16c0-0.552,0.447-1,1-1s1,0.448,1,1v19C12,35.552,11.553,36,11,36z"/></g><g><path d="M15,36c-0.553,0-1-0.448-1-1V16c0-0.552,0.447-1,1-1s1,0.448,1,1v19C16,35.552,15.553,36,15,36z"/></g><g><rect height="2" width="6" x="10" y="7"/></g><g><path d="M10,17c-2.206,0-4-1.794-4-4c0-0.552,0.447-1,1-1s1,0.448,1,1c0,1.103,0.897,2,2,2s2-0.897,2-2c0-0.552,0.447-1,1-1 s1,0.448,1,1C14,15.206,12.206,17,10,17z"/></g><g><path d="M16,17c-2.206,0-4-1.794-4-4c0-0.552,0.447-1,1-1s1,0.448,1,1c0,1.103,0.897,2,2,2s2-0.897,2-2c0-0.552,0.447-1,1-1 s1,0.448,1,1C20,15.206,18.206,17,16,17z"/></g></g></g></svg>
Expand All @@ -379,7 +389,7 @@ <h3>UI/UX</h3>
<svg data-icon="terminal" data-containerTransform="translate(0 1)" xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="16" viewBox="0 0 16 16">
<path d="M.25 0c-.138 0-.25.112-.25.25v13.5c0 .138.112.25.25.25h15.5c.138 0 .25-.112.25-.25v-13.5c0-.138-.112-.25-.25-.25h-15.5zm1.75 2l4 2v1l-4 2v-1l3-1.469-3-1.531v-1zm6 4h5v1h-5v-1z" transform="translate(0 1)" />
</svg>
<h3>DevOps</h3>
<h3>Ops</h3>
</div>
</div>

Expand All @@ -388,25 +398,29 @@ <h2>Experience</h2>
<div class="wrapper">
<div class="timeline">

<div class="year">2022</div>
<div class="year compact">2024</div>

<div class="year">2021</div>
<div class="year compact">2023</div>

<div class="year">2020</div>
<div class="year compact">2022</div>

<div class="year">2019</div>
<div class="year compact">2021</div>

<div class="year">2018</div>
<div class="year compact">2020</div>

<div class="year">2017</div>
<div class="year compact">2019</div>

<div class="year">2016</div>
<div class="year compact">2018</div>

<div class="year">2015</div>
<div class="year compact">2017</div>

<div class="year">2014</div>
<div class="year compact">2016</div>

<div class="year">2013</div>
<div class="year compact">2015</div>

<div class="year compact">2014</div>

<div class="year compact">2013</div>

<div class="year">2012</div>

Expand All @@ -425,155 +439,155 @@ <h2>Experience</h2>



<div class="experience right ongoing" style="top: 0.0em; height: 125.54em;">
<div class="experience right ongoing" style="top: 0.0em; height: 77.45em;">
<strong>Solo-Founder of <a href="https://updown.io">updown.io</a></strong><p>Ruby, Rails, UI/UX, Product, MongoDB, Advanced Networking, JS/CSS/HTML, API, WebHooks, Optimization & Scalability</p>
</div>





<div class="experience left " style="top: 18.04em; height: 31.9em;">
<div class="experience left " style="top: 21.03em; height: 15.85em;">
<strong>Senior Engineering Manager at <a href="https://ringcentral.com">RingCentral</a></strong><p>Leadership, Ruby, Rails, UI/UX, JS, MongoDB, Redis, WebSockets, WebHooks, security, API, SOA, advanced HTML & CSS, evented architecture, network, optimization & scalability</p>
</div>





<div class="experience left " style="top: 49.97em; height: 30.98em;">
<div class="experience left " style="top: 36.99em; height: 15.39em;">
<strong>Head of R&D at <a href="http://dimelo.com">Dimelo</a></strong><p></p>
</div>





<div class="experience left " style="top: 80.99em; height: 41.99em;">
<div class="experience left " style="top: 52.5em; height: 22.39em;">
<strong>Lead Developer at <a href="http://dimelo.com">Dimelo</a></strong><p></p>
</div>





<div class="experience event right" style="top: 127.3em;" title="e2midi is a hack made with a few friends. It has been selected to be demoed for the International Jazz Day at UNESCO.">Winning hack demoed at UNESCO – <a href="https://github.com/jarthod/e2midi">e2midi</a></div>
<div class="experience event right" style="top: 79.31em;" title="e2midi is a hack made with a few friends. It has been selected to be demoed for the International Jazz Day at UNESCO.">Winning hack demoed at UNESCO – <a href="https://github.com/jarthod/e2midi">e2midi</a></div>





<div class="experience left " style="top: 123.99em; height: 6.01em;">
<div class="experience left " style="top: 76.01em; height: 5.91em;">
<strong>Developer at <a href="http://dimelo.com">Dimelo</a></strong><p>Ruby, Rails, MongoDB, Social Networks API</p>
</div>





<div class="experience event left" style="top: 132.42em;" title="The EIP trophy is organized by Epitech to reward the most promising projects.">Winning project of the EIP trophy – <a href="https://eip.epitech.eu/2012/defuzeme/fr/index.html">defuze.me</a></div>
<div class="experience event left" style="top: 84.44em;" title="The EIP trophy is organized by Epitech to reward the most promising projects.">Winning project of the EIP trophy – <a href="https://eip.epitech.eu/2012/defuzeme/fr/index.html">defuze.me</a></div>





<div class="experience right " style="top: 130.04em; height: 5.95em;">
<div class="experience right " style="top: 82.05em; height: 5.85em;">
<strong>Fifth year at Epitech</strong><p>Learning agent, neural network, graduation project: <a href="https://eip.epitech.eu/2012/defuzeme/fr/index.html">defuze.me</a></p>
</div>





<div class="experience event left" style="top: 135.05em;" title="">4<sup>th</sup> place at the <a href="https://campus.efrei.fr/campus/file.php/1/code-of-duty.jpg">Code of Duty</a> coding contest</div>
<div class="experience event left" style="top: 87.07em;" title="">4<sup>th</sup> place at the <a href="https://campus.efrei.fr/campus/file.php/1/code-of-duty.jpg">Code of Duty</a> coding contest</div>





<div class="experience left " style="top: 137.56em; height: 7.95em;">
<div class="experience left " style="top: 89.58em; height: 7.85em;">
<strong>(part-time) Internship at <a href="http://sgcib.com">SGCIB</a></strong><p>Quantitative trading support: automated trading (algorithm), support tools (C++ & Ruby) and trading strategy analysis</p>
</div>





<div class="experience right " style="top: 137.07em; height: 8.9em;">
<div class="experience right " style="top: 89.08em; height: 8.8em;">
<strong>Fourth year at Epitech</strong><p>Artificial Intelligence, security, MASM32 malicious code, law, business, graduation project: <a href="https://eip.epitech.eu/2012/defuzeme/fr/index.html">defuze.me</a></p>
</div>





<div class="experience event right" style="top: 149.54em;" title="This was a local contest for Bordeaux based IT schools, the goal was to build in 24h (in teams of 5, one team per school) a web site following given specifications">Winning team at the “Codathlon” coding contest</div>
<div class="experience event right" style="top: 101.55em;" title="This was a local contest for Bordeaux based IT schools, the goal was to build in 24h (in teams of 5, one team per school) a web site following given specifications">Winning team at the “Codathlon” coding contest</div>





<div class="experience left " style="top: 146.0em; height: 5.95em;">
<div class="experience left " style="top: 98.02em; height: 5.85em;">
<strong>Internship at <a href="http://wopata.com">Wopata</a></strong><p>Ruby, Rails, API, Objective-C, iOS, machine learning</p>
</div>





<div class="experience left " style="top: 152.05em; height: 3.78em;">
<div class="experience left " style="top: 104.07em; height: 3.68em;">
<strong>(part-time) Developer at <a href="http://wopata.com">Wopata</a></strong><p>Ruby, Rails, API, JSON, machine learning</p>
</div>





<div class="experience right " style="top: 152.05em; height: 7.92em;">
<div class="experience right " style="top: 104.07em; height: 7.82em;">
<strong>Third year at Epitech</strong><p>Advanced C++ programming, event loop, Qt GUI, FTP, more networking, audio streaming</p>
</div>





<div class="experience event left" style="top: 163.53em;" title="This was a local contest for Bordeaux based IT schools, the goal was to build in 24h (in teams of 5, one team per school) a CMS template implementing the latest accessibility specifications (WCAG 2.0 / AA)">Winning team at the “Codathlon” coding contest</div>
<div class="experience event left" style="top: 115.55em;" title="This was a local contest for Bordeaux based IT schools, the goal was to build in 24h (in teams of 5, one team per school) a CMS template implementing the latest accessibility specifications (WCAG 2.0 / AA)">Winning team at the “Codathlon” coding contest</div>





<div class="experience right " style="top: 161.02em; height: 6.93em;">
<div class="experience right " style="top: 113.03em; height: 6.83em;">
<strong>Second year at Epitech</strong><p>PHP, HTML, CSS, Networking, Security, FTP, x86 ASM, <a href="http://sourceforge.net/projects/collision/">Multiplayer 3D Game</a></p>
</div>





<div class="experience left " style="top: 168.31em; height: 5.68em;">
<div class="experience left " style="top: 120.33em; height: 5.58em;">
<strong>Internship at <a href="http://wopata.com">Wopata</a></strong><p>Ruby, Rails, UI, HTML, CSS, JS, SVG, expert system</p>
</div>





<div class="experience right " style="top: 174.03em; height: 8.97em;">
<div class="experience right " style="top: 126.05em; height: 8.87em;">
<strong>First year at Epitech</strong><p>Advanced C programming, Raytracing, SQL, Shell, Parsers, AST</p>
</div>





<div class="experience event left" style="top: 183.54em;" title="International algorithmic programming contest">Bronze medalist at the <a href="http://www.france-ioi.org/ioi/resultats.php">IOI 2007</a></div>
<div class="experience event left" style="top: 135.56em;" title="International algorithmic programming contest">Bronze medalist at the <a href="http://www.france-ioi.org/ioi/resultats.php">IOI 2007</a></div>





<div class="experience event right" style="top: 185.55em;" title="Equivalent to A levels with Honors">French Baccalaureate, scientific section</div>
<div class="experience event right" style="top: 137.56em;" title="Equivalent to A levels with Honors">French Baccalaureate, scientific section</div>


</div>
Expand All @@ -594,10 +608,9 @@ <h2>Experience</h2>
</svg>
</a>
<a href="https://twitter.com/adrienjarthon" target="blank">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
<title>Twitter</title>
<path d="M22.156 0c-3.625 0-6.563 2.938-6.563 6.563 0 .515.044 1.02.156 1.5-5.456-.274-10.293-2.904-13.531-6.875-.565.97-.875 2.11-.875 3.313 0 2.277 1.144 4.292 2.906 5.469-1.076-.034-2.084-.32-2.969-.813-.001.028 0 .034 0 .063 0 3.18 2.278 5.835 5.281 6.438-.551.15-1.151.25-1.75.25-.423 0-.818-.048-1.219-.125.836 2.607 3.252 4.509 6.125 4.563-2.246 1.761-5.08 2.813-8.156 2.813-.53 0-1.048-.033-1.563-.094 2.905 1.862 6.354 2.938 10.063 2.938 12.076 0 18.688-10.014 18.688-18.688 0-.284-.018-.563-.031-.844 1.283-.926 2.401-2.09 3.281-3.406-1.178.523-2.453.904-3.781 1.063 1.356-.812 2.416-2.123 2.906-3.656-1.268.752-2.692 1.3-4.188 1.594-1.197-1.276-2.893-2.063-4.781-2.063z"
transform="translate(0 3)" />
<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 1200 1227" fill="#b1aaa0">
<title>X (formerly Twitter)</title>
<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"/>
</svg>
</a>
</footer>
Expand Down
Loading

0 comments on commit 8576d04

Please sign in to comment.