-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (169 loc) · 12.1 KB
/
index.html
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="images/PGLight.svg" />
<title>Pere Ginebra | Computer Scientist</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<script src="javascript/index.js"></script>
</head>
<body>
<header class="navbar">
<div class="container">
<a href="" title="Home button">
<object class="logo" type="image/svg+xml" data="images/PGBlck.svg" alt="Logo">
<img src="images/PGBlck.svg" alt="Logo" height="25"/>
</object>
</a>
<div id="mobile-menu" class="menubutton" onclick="menuFunc(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<nav class="menu hide" id="menuCard">
<ul class="main-list">
<li><a href="#AboutMe" onclick="goToSectionById('intro')">About Me</a></li>
<li><ul class="submenu">
<li><a href="#Programming" onclick="goToSectionById('programming')">Programming</a></li>
<li><a href="#Hobbies" onclick="goToSectionById('hobbies')">Hobbies</a></li>
<li><a href="#Languages" onclick="goToSectionById('languages')">Languages</a></li>
</ul></li>
<li><a href="#Projects" onclick="goToElementById('projects')">Projects</a></li>
<li><a href="#Contact" onclick="goToElementById('contact')">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<div class="container">
<img class="profile" src="images/profile.jpeg" alt="Profile Picture"/>
<h1 style="font-size:1em;">My name is</h1>
<h1 style="font-size:2em; margin-top: -15px;">Pere Ginebra</h1>
<p>I'm a computer scientist from Barcelona looking for new projects and challenges.</p>
</div>
</section>
<section class="aboutMe">
<div class="carousel">
<h3>About Me</h3>
<div id="introSection" class="selectedSection card">
<h4>Intro</h4>
<ul>
<span id="aboutIntro">
I'm a _ year old computer scientist currently living in Copenhagen.</br>
I studied a BSc in CS in Barcelona, focusing on theoretical CS (think algorithms, logic, and proofs).</br>
After doing my BSc thesis on Neural Networks in Stockholm, I moved to Copenhagen for a MSc in CS and Engineering in the summer of 2022. </br>
Here, I've also been working as an ML/data engineer at the Cluster for Molecular Imaging (CMI), a lab affiliated both with the University of Copenhagen and Rigshospitalet.</br>
This position has allowed me to apply my ML and CS skills by developing ML models, image and data processing algorithms, and combining both fields in MLOps.</br>
<br/>If you are looking for a developer that fits my description, are interested in my background or have a project/challenge for me don't hesitate to
</span>
<a href="#Contact" onclick="goToElementById('contact')">contact me!</a>
</ul>
</div>
<div id="programmingSection" class="hiddenSection card">
<h4>Programming Languages</h4>
<span>My current main focus is machine learning and data science. Which is why I'm most comfortable with Python and libraries such as PyTorch and numpy. But I've used many different languages during my studies, which I should be able to jump back to with relative ease.</span>
<ul>
<li><span>Advanced: Python, C++, C, Java. Can learn similar languages relatively fast.</span></li>
<li><span>Some experience: Haskell, Prolog, MatLab, R, SQL, Assembly, PDDL, OpenGL, OpenMP...</span></li>
<li><span>Self taught: C#, HTML + CSS, JavaScript (+ React and D3.js)</span></li>
</ul>
</div>
<div id="hobbiesSection" class="hiddenSection card">
<h4>Hobbies</h4>
<ul>
<li><span>Tech: I like following the sector's developments, both in hardware and software. Especially with the recent boom in AI thanks to LLMs.</span></li>
<li><span>Traveling: learning about different cultures, their languages, architectue and people is incredibly exciting, and helps me break away from the routine once in a while.</span></li>
<li><span>Socializing: meeting new people from different backgrounds and ways of thinking to mine helps me keep an open mind</span></li>
<li><span>Video games: When I have too much time on my hands (not often) I enjoy playing multiplayer games with friends, or story based or casual games to pass the time</span></li>
<li><span>Working out: I enjoy working my physical abilities just as much as my mental ones. Which is a nicer way of saying that I'm a gym rat</span></li>
</ul>
</div>
<div id="languagesSection" class="hiddenSection card">
<h4>Languages</h4>
<ul>
<li><span>English: Fluent, C1 level (TOEFL score of 113/120).</span></li>
<li><span>Catalan: Native</span></li>
<li><span>Spanish: Native</span></li>
<li><span>Danish: Very basic (A2 level)</span></li>
</ul>
</div>
<a class="prev" onclick="previousSection()">❮</a>
<a class="next" onclick="nextSection()">❯</a>
<nav>
<ul class="aboutMeMenu">
<li><a id="introButton" class="selectButton" href="#Intro" onclick="selectSectionById(this.id.substring(0,this.id.length-6))">Intro</a></li>
<li><a id="programmingButton" href="#Programming" onclick="selectSectionById(this.id.substring(0,this.id.length-6))">Programming</a></li>
<li><a id="hobbiesButton" href="#Hobbies" onclick="selectSectionById(this.id.substring(0,this.id.length-6))">Hobbies</a></li>
<li><a id="languagesButton" href="#Langs" onclick="selectSectionById(this.id.substring(0,this.id.length-6))">Languages</a></li>
</ul>
</nav>
</div>
</section>
<section id="projects" class="projects">
<div class="container">
<h3>Projects</h3>
<ul>
<li><div>
<h4>MSc Thesis</br></h4>
<img src="./images/TempMScArchitecture.png"/>
<p>
Deep Learning techniques for threat identification in x-ray images of hand luggage - </br> Implementing a UNet-based semantic segmentation network for automatic threat identification in 3D hand luggage scans from <a href="https://www.exruptive.com/trolley-scanner" target="_blank">Exruptive</a><br/>
Focus on evaluating various proposed improvements to architecture design, training aproach and data manipulation for optimal fitting, generalization and training efficiency. </br>
Unfortunately, the report and code are being kept confidential as per Exruptive's request.
</p>
</div></li>
<li><div>
<h4>Bachelor's Thesis</br></h4>
<a href="http://urn.kb.se/resolve?urn=urn:nbn:se:kth:diva-320015" target="_blank"><img src="./images/ExampleArchitectureTransparent.png"/></a>
<p>
How does architecture design affect a Convolutional Neural Network's image classification performance? </br>
- Evaluation of the Effect of Feature Map Distributions Across Convolutional Layers on Network Performance<br/>
(Experimental research on CNNs using PyTorch and the <a href="https://github.com/basveeling/pcam" target="_blank">PatchCamelyon</a> dataset.)<br/>
<a href="http://urn.kb.se/resolve?urn=urn:nbn:se:kth:diva-320015" target="_blank">Read the report</a> or <a href="https://github.com/PereGinebra/CNNArchitectureDesign" target="_blank">check out the code</a>
</p>
</div></li>
<li><div>
<h4>DwarfViz</br></h4>
<a href="https://www.dwarfviz.com/" target="_blank"><img src="./images/DwarfVizScreenshot.png"/></a>
<p>
Information Visualization tool to analyze Dwarf Fortress world data.<br/>
In collaboration with Edvard Ahlsén and Love Wessman.<br>
<a href="https://github.com/edvarda/DwarfViz" target="_blank">GitHub Repository</a>
and
<a href="https://www.dwarfviz.com/" target="_blank">Website (currently designed for PC)</a>
</p>
</div></li>
<li><div>
<h4>Chicken Run</br></h4>
<video controls muted>
<source src="images/Chickenrun-Demo-1.m4v" type="video/mp4">
Your browser does not support the video tag.
</video>
<p>
3D runner game developed in the Unity game engine and C#.<br/>
Pair project for the Video Games course at UPC, with Mayra Pastor.<br/>
</p>
</div></li>
</ul>
</div>
</section>
<section id="contact" class="contact">
<div class="container">
<h3>Contact</h3>
<ul>
<li><a class="github" href="https://github.com/PereGinebra" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
</a></li>
<li><a class="linkedin" href="https://www.linkedin.com/in/pere-ginebra/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
</a></li>
<li><a class="CV" href="images/Curriculum Vitae.pdf" target="_blank">CV</a></li>
<li><a class="email" href="mailto:[email protected]">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12.713l-11.985-9.713h23.971l-11.986 9.713zm-5.425-1.822l-6.575-5.329v12.501l6.575-7.172zm10.85 0l6.575 7.172v-12.501l-6.575 5.329zm-1.557 1.261l-3.868 3.135-3.868-3.135-8.11 8.848h23.956l-8.11-8.848z"/></svg>
</a></li>
</ul>
</div>
</section>
</body>
</html>