-
Notifications
You must be signed in to change notification settings - Fork 0
/
games.html
145 lines (125 loc) · 7.05 KB
/
games.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Official website of Jules Gomel, a researcher, brain enthusiast and loving video games, board games, reading and music. Explore my work and my hobbies.">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="assets/img/icon_fav.png" type="image/png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<script src="https://kit.fontawesome.com/f980ba732e.js" crossorigin="anonymous"></script>
<title>Jules Gomel - Board Games</title>
</head>
<body>
<main>
<header>
<nav class="navbar">
<ul class="nav-list">
<li><a href="index.html"><i class="fas fa-user"></i> About Me</a></li>
<li><a href="neuro.html"><i class="fas fa-brain"></i> Research</a></li>
<li><a href="games.html"><i class="fas fa-chess-board"></i> Hobbies</a></li>
<li><a href="books.html"><i class="fas fa-book"></i> Books</a></li>
<li><a href="music.html"><i class="fas fa-music"></i> Music</a></li>
</ul>
</nav>
<section class="profile-section">
<div class="header-content">
<h1 class="retro-font">My hobbies</h1>
</div>
</section>
</header>
<section id="game-interests">
<h2>My passion for board games</h2>
<p>Since childhood, I've nourished a profound passion for board games of all kinds.</p>
<p>Whether at work, with family, friends, strangers, or during events, there's always a game to suit the occasion!</p>
<section id="bookshelf">
<div id="current-books" class="book-section">
<h2>Board games of the moment</h2>
<div class="bookshelf-container">
<div class="book-item">
<img src="assets/img/res-arcana.jpg" alt="Jules Gomel Res Arcana Cover" class="book-cover">
<div class="book-title">Res Arcana</div>
</div>
<div class="book-item">
<img src="assets/img/dracula.jpg" alt="Jules Gomel Dracula Vs Van Helsing Cover" class="book-cover">
<div class="book-title">Dracula VS Van Helsing</div>
</div>
<div class="book-item">
<img src="assets/img/dd.png" alt="Jules Gomel Dungeons and Dragons Cover" class="book-cover">
<div class="book-title">Dungeons & Dragons 5th Ed</div>
</div>
</div>
</div>
</section>
</section>
<section id="game-interests">
<h2>My passion for video games</h2>
<p>Since childhood, video games have always been part of my life and helped me build a strong imagination, with immersive stories and gameplay!</p>
<p>Finding ideas and fueling my creativity, I'm still enjoying it alone or with friends :) I mostly play solo games, or PVE coop games, with a particular taste for RPG and tactical games.</p>
<p>Here are some of my favorite games of the moment :</p>
<section id="bookshelf">
<div id="current-books" class="book-section">
<h2>My video games of the moment!</h2>
<div class="bookshelf-container">
<div class="book-item">
<img src="assets/img/baldur.jpg" alt="Jules Gomel Cover of Baldur's gate 3 Game" class="book-cover">
<div class="book-title">Baldur's Gate III</div>
</div>
<div class="book-item">
<img src="assets/img/ff3-min.jpg" alt="Jules Gomel Cover of FF3 game" class="book-cover">
<div class="book-title">Final Fantasy III</div>
</div>
</div>
</div>
</section>
<p>
I have a lot of projects ongoing related to my hobbies, feel free to contact me if it interests you !
</p>
<section id="news"></section>
<div class="project-list">
<div class="project-item">
<img src="assets/img/ubuntu-logo.png" alt="Ubuntu interest Jules GOMEL" class="project-image">
<div class="project-details">
<h4 class="project-title">Learning Linux and Ubuntu</h4>
<p class="project-description">Recently, found myself very interested in learning new OS, especially open-source. </p>
<p class="project-description">I started using Ubuntu to discover Linux, and I'm still learning it ! It's very captivating. It makes me want to learn better coding and computer good practices.</p>
</div>
</div>
<div class="project-item">
<img src="assets/img/pirates.png" alt="Writing a story D&D Jules GOMEL" class="project-image">
<div class="project-details">
<h4 class="project-title">Writing a story</h4>
<p class="project-description">I'm currently writing a story for a "You are the hero" book ! It's about under water adventures and pirates...</p>
</div>
</div>
</div>
</section>
</section>
</main>
<footer>
<section id="quote">
<blockquote>
<p>"All the world’s a stage, and all the men and women merely players."</p>
<cite> - William Shakespeare</cite>
</blockquote>
</section>
<section class="social-logos">
<a class="logo link-icon" href="https://github.com/JulesGL" target="_blank" alt="Jules Gomel GitHub">
<i class="fa-brands fa-github"></i>
</a>
<a class="logo link-icon" href="mailto:julesgomel.pro@gmail.com" target="_blank" alt="Jules Gomel Email">
<i class="fas fa-envelope"></i>
</a>
<a class="logo link-icon" href="https://www.linkedin.com/in/julesgomel/" target="_blank" alt="Jules Gomel LinkedIn">
<i class="fa-brands fa-linkedin"></i>
</a>
<a class="logo link-icon" href="CV.pdf" download="CV_Jules_GOMEL.pdf" alt="Jules Gomel Download Resume">
<i class="fas fa-file"></i>
</a>
</section>
<section class="bottom-section">
<p>© 2024 - Jules Gomel</p>
</section>
</footer>
</body>
</html>