-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (78 loc) · 4.29 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">
<link rel="stylesheet" type="text/css" href="/assets/css/styles.css">
</head>
<body>
<div class="content-width transparent">
<div class="header">
<img src="/assets/images/avatar_garnet.webp" alt="garnet_avatar"/>
<h1>Marie Pupo Jeammet</h1>
<div>
<ul class="list-no-button" style="margin: 0px;">
<li style="margin-right:30px;"><i class="fa-brands fa-python"></i> Python web developer</li>
</ul>
</div>
<span class="hovertext" data-hover="TTRPG enthusiast">
but also <i class="fa-solid fa-dice-d20" ></i>,
</span>
<span class="hovertext" data-hover="avid reader">
<i class="fa-solid fa-book"></i>,
</span>
<span class="hovertext" data-hover="environmental advocate">
<i class="fa-solid fa-seedling" ></i>,
</span>
<span class="hovertext" data-hover="town crier and goldkeeper @ geeksingers.fr">
<i class="fa-solid fa-bullhorn" ></i>
<i class="fa-solid fa-coins" ></i>,
</span>
<span class="hovertext" data-hover="badminton player">
<i class="fa-solid fa-person-running"></i>,
</span>
<span class="hovertext" data-hover="open source lover">
<i class="fa-brands fa-linux"></i>
</span>
<div class="profile_links">
<a href="https://github.com/mjeammet" target="_blank"><i class="fa-brands fa-github"></i></a>
<a href="https://linkedin.com/in/mariejeammet" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<!-- <a href="https://codetrace.com/users/mjeammet"><img src="https://www.appvizer.com/media/application/401/logo/logo-CodinGame%20Assessment.png" width="30px"></a> -->
<a href="https://www.codingame.com/profile/dbcd4acd8f2c7cdccc47095eba3a75dd7843054" target="_blank"><i class="fa-solid fa-trophy"></i></a>
<a download="mjeammet_resume.pdf" href="./assets/mjeammet_resume.pdf"><i class="fa-solid fa-file-arrow-down"></i></a>
</div>
</div>
<div>
<h2>Projects</h2>
<ul>
<li>DAPY projects were performed during <a href='https://openclassrooms.com/fr/paths/518-developpeur-dapplication-python' target="_blank">my training
to become an Python app developer.</a></li>
</ul>
</div>
<div id='projects_box'>
<!-- Filled by JavaScript --><!-- TODO add a filter to find projects using tags of projects infos-->
</div>
<!-- <ul>
<li>The last version of the Javascript Windows 8 tile app I made in 2015 for our HeroQuest campaign has gone missing!</li>
<li>The ugly website I made in 2008 for my best friend's rock band also has gone missing. It's OK. This one I'm not too eager to find.</li>
</ul> -->
<h2>Skills</h2>
<div id="skills_box">
</div>
<h2>Current hobbies</h2>
<div id="hobbies" class="content-width">
</div>
<footer>
<h2 style="font-size: medium;">Made with Jekyll, JavaScript, GitHub Pages and much <3</h2>
</footer>
</div>
<div id="modal_overlay" class="modal">
<!-- Modal content -->
</div>
<script src="/assets/js/script.js" type="text/javascript"></script>
</body>
</html>