-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathformer_main.html
More file actions
139 lines (136 loc) · 7.99 KB
/
Copy pathformer_main.html
File metadata and controls
139 lines (136 loc) · 7.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Baptiste Grignon</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto Mono">
<link rel="stylesheet" href="./css/index.css">
<link rel="icon" href="./assets/favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<nav>
<a href="./former_main.html">Home</a>
<a href="./works.html" id="middle-navbar">Works</a>
<a href="./more.html">More</a>
</nav>
</header>
<main>
<div>
<img id="portrait" src="./assets/photo.png" alt="My face should be here ..." />
<div id="presentation">
<h1><i>Outdated profile from 2023 !</i></h1>
<h1>Baptiste Grignon</h1>
<p>I'm a french engineering student at <a
href="https://en.wikipedia.org/wiki/%C3%89cole_centrale_de_Lyon" target="_blank">Ecole Centrale
de Lyon</a> with a passion for Computer Science.</p>
<p>I'm currently undertaking a gap year and I am looking for internships opportunities abroad !</p>
</div>
<img id="logo-centrale" src="./assets/logo_centrale_lyon.svg" alt="Logo of Ecole Centrale de Lyon ..." />
</div>
<div>
<h2>Interests</h2>
<div>
<p>I pursued general engineering as a student because I am interested in multiple fields (Physic,
Electronic, Mechanic, Electrical Engineering, Control Engineering...) and I could not really chose
one at the time. However, I realised later that I was most passionnate about Programming which led
me to pick a lot of Computer Science courses.</p>
<br>
<p>The combination of my diverse interests and educational background has led me to enjoy the most
studying and experimenting in subjects requiring a blend of various fields such as Robotics and
Simulation. The latter may be my favorite. Science is made of models and I find very exciting to
build applications allowing practical uses of those models. For instance, I would be thrilled to
contribute to a Physics Engine or a Game Engine.</p>
<br>
<p>Building applications is another use of Computer Science I love. Building useful web applications or
other pieces of software is a very satisfying process, both in itself - as you watch something you
conceived come to life - and for its practictal uses. In particular, this gives many opportunities
to contribute to a more eco-friendly and sustainable society, which is something I value highly.</p>
</div>
</div>
<div>
<h2>Skills</h2>
<div>
<h3>Languages:</h3>
<ul>
<li>Python</li>
<li>HTLM, CSS, Javascript/Typescript</li>
<li>C/C++</li>
<li>SQL</li>
</ul>
<br>
<h3>Scientific Computing:</h3>
<ul>
<li>Numpy, Scikit, Tensorflow (with CUDA), OpenCV (Python Libraries)</li>
<li>Matlab + Simulink</li>
</ul>
<br>
<h3>Software Development:</h3>
<ul>
<li>Web Frontend: React</li>
<li>Mobile Application: Flutter</li>
<li>GUI C++: QT</li>
<li>Web Backend: NodeJS (+ Express), FastAPI (Python), MariaDB, AWS with Serverless</li>
</ul>
<br>
<h3>Development tools:</h3>
<ul>
<li>OS: Unix, Linux, Bash</li>
<li>Git with GitHub or GitLab</li>
<li>IDEs: VSCode, Code::Block, QT Creator, Spyder, Jupyter</li>
</ul>
<br>
<h3>Game Development (a purely personnal endeavor):</h3>
<ul>
<li>Programming: Unity and C#</li>
<li>Art: Blender and Photoshop</li>
</ul>
</div>
</div>
<div id="resume">
<h2>Resume</h2>
<form method="get" action="./assets/CV_Baptiste_Grignon_FR.pdf" target="_blank">
<button type="submit">French version</button>
</form>
<form method="get" action="./assets/Resume_Baptiste_Grignon_EN.pdf" target="_blank">
<button type="submit">English version</button>
</form>
</div>
</main>
<footer>
<div>
<a href="mailto:baptistegrignon67@gmail.com">
<svg xmlns="http://www.w3.org/2000/svg" height="3em" viewBox="0 0 512 512">
<path
d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"
style="fill:#dbdbdb;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</svg>
</a>
<p>Send me an email </p>
</div>
<div>
<a href="https://github.com/ITYL-dev" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" height="3em" viewBox="0 0 512 512">
<path
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
style="fill:#dbdbdb;fill-opacity:1;fill-rule:nonzero;stroke:none">
</svg>
</a>
<p>Go to my GitHub </p>
</div>
<div>
<a href="https://www.linkedin.com/in/baptiste-grignon-109376235/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" height="3em" viewBox="0 0 512 512">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"
style="fill:#dbdbdb;fill-opacity:1;fill-rule:nonzero;stroke:none" />
</svg>
</a>
<p>Go to my Linkedin</p>
</div>
</footer>
</body>
</html>
<script src="./js/index.js"></script>