From 8576d0400116262e3b47c94e976ebfb704163900 Mon Sep 17 00:00:00 2001 From: Adrien Rey-Jarthon Date: Wed, 17 Jan 2024 17:45:41 +0100 Subject: [PATCH] 2024 update: compact timeline, removed softfocus, added internet.rip, added PPL --- index.html | 113 +++++++++++++++++++++++++++---------------------- index.html.erb | 73 ++++++++++++++++++++------------ 2 files changed, 109 insertions(+), 77 deletions(-) diff --git a/index.html b/index.html index e3caedb..b552354 100644 --- a/index.html +++ b/index.html @@ -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; @@ -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; @@ -184,6 +189,9 @@ width: 3px; height: 9em; } + .year.compact:before { + height: 3em; + } .experience { position: absolute; width: 45%; @@ -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; @@ -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; } } @@ -253,7 +261,10 @@

Adrien Rey-Jarthon

-

I'm a full stack ruby developer,
also passionate about design,
and the founder of updown.io.

+

+ I'm a full stack ruby developer, private pilot and bass guitar player.
+ Passionate about science, energy, engineering, repairability, DIY.
+ Also the founder of updown.io.

work

@@ -264,7 +275,7 @@

work

updown.io

A website monitoring service (like Pingdom)
- with a simple UX and a cheap pricing. + with a simple UX and a cheap pricing. Since 2012.

@@ -343,13 +354,12 @@

bisect

- -
-

softfocus.me

+ +
+

internet.rip*

- A simple website allowing you to
- apply softfocus effect to your pictures.
- Want it? Contact me. + A status page for the Internet.
+ *maybe, someday

@@ -369,7 +379,7 @@

Ruby / Rails

-

Front

+

HTML / CSS / JS

@@ -379,7 +389,7 @@

UI/UX

-

DevOps

+

Ops

@@ -388,25 +398,29 @@

Experience

-
2022
+
2024
-
2021
+
2023
-
2020
+
2022
-
2019
+
2021
-
2018
+
2020
-
2017
+
2019
-
2016
+
2018
-
2015
+
2017
-
2014
+
2016
-
2013
+
2015
+ +
2014
+ +
2013
2012
@@ -425,7 +439,7 @@

Experience

-
+
Solo-Founder of updown.io

Ruby, Rails, UI/UX, Product, MongoDB, Advanced Networking, JS/CSS/HTML, API, WebHooks, Optimization & Scalability

@@ -433,7 +447,7 @@

Experience

-
+
Senior Engineering Manager at RingCentral

Leadership, Ruby, Rails, UI/UX, JS, MongoDB, Redis, WebSockets, WebHooks, security, API, SOA, advanced HTML & CSS, evented architecture, network, optimization & scalability

@@ -441,7 +455,7 @@

Experience

-
+
Head of R&D at Dimelo

@@ -449,7 +463,7 @@

Experience

-
+
Lead Developer at Dimelo

@@ -457,13 +471,13 @@

Experience

-
Winning hack demoed at UNESCO – e2midi
+
Winning hack demoed at UNESCO – e2midi
-
+
Developer at Dimelo

Ruby, Rails, MongoDB, Social Networks API

@@ -471,13 +485,13 @@

Experience

-
Winning project of the EIP trophy – defuze.me
+
Winning project of the EIP trophy – defuze.me
-
+
Fifth year at Epitech

Learning agent, neural network, graduation project: defuze.me

@@ -485,13 +499,13 @@

Experience

-
4th place at the Code of Duty coding contest
+
4th place at the Code of Duty coding contest
-
+
(part-time) Internship at SGCIB

Quantitative trading support: automated trading (algorithm), support tools (C++ & Ruby) and trading strategy analysis

@@ -499,7 +513,7 @@

Experience

-
+
Fourth year at Epitech

Artificial Intelligence, security, MASM32 malicious code, law, business, graduation project: defuze.me

@@ -507,13 +521,13 @@

Experience

-
Winning team at the “Codathlon” coding contest
+
Winning team at the “Codathlon” coding contest
-
+
Internship at Wopata

Ruby, Rails, API, Objective-C, iOS, machine learning

@@ -521,7 +535,7 @@

Experience

-
+
(part-time) Developer at Wopata

Ruby, Rails, API, JSON, machine learning

@@ -529,7 +543,7 @@

Experience

-
+
Third year at Epitech

Advanced C++ programming, event loop, Qt GUI, FTP, more networking, audio streaming

@@ -537,13 +551,13 @@

Experience

-
Winning team at the “Codathlon” coding contest
+
Winning team at the “Codathlon” coding contest
-
+
Second year at Epitech

PHP, HTML, CSS, Networking, Security, FTP, x86 ASM, Multiplayer 3D Game

@@ -551,7 +565,7 @@

Experience

-
+
Internship at Wopata

Ruby, Rails, UI, HTML, CSS, JS, SVG, expert system

@@ -559,7 +573,7 @@

Experience

-
+
First year at Epitech

Advanced C programming, Raytracing, SQL, Shell, Parsers, AST

@@ -567,13 +581,13 @@

Experience

-
Bronze medalist at the IOI 2007
+
Bronze medalist at the IOI 2007
-
French Baccalaureate, scientific section
+
French Baccalaureate, scientific section
@@ -594,10 +608,9 @@

Experience

- - Twitter - + + X (formerly Twitter) + diff --git a/index.html.erb b/index.html.erb index 10a5aa0..6d0c0f2 100644 --- a/index.html.erb +++ b/index.html.erb @@ -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; @@ -139,6 +140,10 @@ } .projects a { display: block; } .projects a:focus { outline: 2px solid <%= red %>; } + .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; @@ -184,6 +189,9 @@ width: 3px; height: 9em; } + .year.compact:before { + height: 3em; + } .experience { position: absolute; width: 45%; @@ -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; @@ -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; } } @@ -253,7 +261,10 @@

Adrien Rey-Jarthon

-

I'm a full stack ruby developer,
also passionate about design,
and the founder of updown.io.

+

+ I'm a full stack ruby developer, private pilot and bass guitar player.
+ Passionate about science, energy, engineering, repairability, DIY.
+ Also the founder of updown.io.

work

@@ -264,7 +275,7 @@

updown.io

A website monitoring service (like Pingdom)
- with a simple UX and a cheap pricing. + with a simple UX and a cheap pricing. Since 2012.

@@ -343,13 +354,12 @@
- -
-

softfocus.me

+ +
+

internet.rip*

- A simple website allowing you to
- apply softfocus effect to your pictures.
- Want it? Contact me. + A status page for the Internet.
+ *maybe, someday

@@ -369,7 +379,7 @@ -

Front

+

HTML / CSS / JS

@@ -379,32 +389,42 @@ -

DevOps

+

Ops

<% require 'date' require 'yaml' - experiences = YAML.load_file('experiences.yml') - end_year = Date.today.year + experiences = YAML.load_file('experiences.yml', permitted_classes: [Date]) + @end_year = Date.today.year start_year = 2007 - origin = Date.new(end_year, 12, 31) + @compact_since = Date.new(2012, 12, 31) + @origin = Date.new(@end_year, 12, 31) + + def date_to_em date + return 0 unless date + if date < @compact_since + (@origin - @compact_since)/2 + (@compact_since - date) + else + (@origin - date)/2 + end + end %>

Experience

- <% end_year.downto(start_year) do |year| %> -
<%= year %>
+ <% @end_year.downto(start_year) do |year| %> +
<%= year %>
<% end %>
<% experiences.reverse.each do |ex| %> - <% top = ex["end_at"] ? origin - ex["end_at"] : 0 %> - <% duration = (ex["end_at"] || origin) - ex["start_at"] %> + <% top = date_to_em(ex["end_at"]) %> + <% duration = (date_to_em(ex["start_at"]) - top) %> <% if duration == 0 %>
" style="top: <%= (top*12/365.25-1).round(2) %>em;" title="<%= ex["description"] %>"><%= ex["title"] %>
<% else %> -
<%= 'ongoing' if top == 0 %>" style="top: <%= (top*12/365.25).round(2) %>em; height: <%= (duration*12/365.25).round(2) %>em;"> +
<%= 'ongoing' if top == 0 %>" style="top: <%= (top*12/365.25).round(2) %>em; height: <%= (duration*12/365.25-0.1).round(2) %>em;"> <%= ex["title"] %>

<%= ex["description"] %>

<% end %> @@ -427,10 +447,9 @@ - - Twitter - + + X (formerly Twitter) +