-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
179 lines (144 loc) · 10.3 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
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<title>Brian Giannini website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Personal website profile presentation">
<meta name="author" content="Brian Giannini">
<meta name="theme-color" content="#8fffff">
<meta name="color-scheme" content="light dark">
<meta charset="UTF-8">
<link rel="icon" href="icon.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@SanguiSan">
<meta name="twitter:title" content="Brian Giannini website">
<meta name="twitter:description" content="Personal website profile presentation">
<meta name="twitter:image" content="https://brian.giannini.com/img/brian.png">
<meta property="og:type" content="profile">
<meta property="og:title" content="Brian Giannini website">
<meta property="og:description" content="Personal website profile presentation">
<meta property="og:url" content="https://brian.giannini.com">
<meta property="og:image" content="https://brian.giannini.com/img/brian.png">
<meta property="og:profile:first_name" content="Brian">
<meta property="og:profile:last_name" content="Giannini">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"url": "https://briangiannini.com",
"name": "Brian Giannini website",
"description": "Personal profile overview",
"givenName": "Brian",
"familyName": "Giannini",
"image": "https://briangiannini.com/img/brian.png"
}
</script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/switch.css">
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script type="text/javascript" src="scripts/toggle-dark-mode.js"></script>
</head>
<body>
<div class="container">
<div class="sticky-header" id="part-pannel">
<div class="inline">
<ul class="horizontal-list">
| <li><a href="#section-about-me">About Me</a></li>
| <li><a href="#section-project">Projects</a></li>
| <li><a href="#section-libraries">References</a></li>
</ul>
</div>
<label class="switch">
<input type="checkbox" id="checkbox-change" aria-label="Toggle dark mode">
<span class="slider round"></span>
</label>
</div>
<div id="part-content">
<h1 id="section-about-me">About Me</h1>
<div class="section header-section center-section">
<div class="center-vertical">
<img class="portrait inline" src="img/brian.webp" alt="Brian Photo" width="100px" height="100px">
<h1 class="inline">Brian Giannini</h1>
</div>
<p>Tech Entrepreneur, too many ideas, not enough time.</p>
<p>Worked at <a href="https://www.ledger.com/" target="_blank">Ledger</a>, <a href="https://www.softbankrobotics.com/" target="_blank">SoftBank Robotics</a> and <a href="https://www.thalesgroup.com/" target="_blank">Thales</a> as a software engineer specialized in mobile application development.</p>
<p>I like learning about the world and the universe, creating all kinds of things and experiencing the most of what life can provide.</p>
<p>email: <a href="mailto: brian.giann@gmail.com">brian.giann@gmail.com</a></p>
<ul class="horizontal-list">
<li>
<a id="logo-svg-black" href="https://x.com/Sanguisan" target="_blank" rel="noopener noreferrer" aria-label="X Twitter"><img src="icons/x-twitter-icon.svg" alt="X Twitter logo" width="24" height="24"/></a>
</li>
<li>
<a href="https://www.youtube.com/@SanguiSanPlz" target="_blank" rel="noopener noreferrer" aria-label="Youtube"><img src="icons/youtube-icon.svg" alt="Linkedin logo" width="32" height="24"/></a>
</li>
<li>
<a href="https://www.linkedin.com/in/briangiannini1" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><img src="icons/linkedin-icon.svg" alt="Linkedin logo" width="24" height="24"/></a>
</li>
</ul>
</div>
<div>
<h1 id="section-project">Projects</h1>
<div class="shelf">
<a class="box section clickable-div" href="https://play.google.com/store/apps/details?id=io.sangui.sleepontime">
<img class="center-image" src="img/sleep-app.webp" alt="sleep app logo" width="200px" height="200px">
<h3>Sleep Cycles Timing</h3>
<p>An Android app for smartwatches that displays the optimal sleep times based on your wake-up schedule</p>
</a>
<a class="box section clickable-div" href="https://youtu.be/uCsHi7sVwS0" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/half-life-alyx-logo.png" alt="vr alyx logo" width="200px" height="200px">
<h3>Horror style apartment in VR</h3>
<p>A Half-Life Alyx VR mod on Source Engine 2 that recreates my old apartment in a horror style in VR</p>
</a>
<a class="box section clickable-div" href="https://youtu.be/Mw7aGrnBltc" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/unity-logo.png" alt="unity logo" width="200px" height="200px">
<h3>VR Slow Motion Projet</h3>
<p>A VR project developed from scratch on Unity playing in a slow motion action game</p>
</a>
<a class="box section clickable-div" href="https://youtu.be/qOMNfp0QcUA" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/spacex-logo.png" alt="spacex logo" width="200px" height="200px">
<h3>Rocket simulation launch</h3>
<p>A video montage of a simulation of a Falcon 9 SpaceX rocket launch using KSP game with mods</p>
</a>
<a class="box section clickable-div" href="https://youtu.be/DCTnwHj4eXU" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/starcraft2-logo.png" alt="starcraft2 logo" width="200px" height="200px">
<h3>War4craft Battle Realms</h3>
<p>A multiplayer Starcraft 2 mod with Warcraft game unit models and Battle Realms gameplay mechanics</p>
</a>
<a class="box section clickable-div" href="https://youtu.be/4O-YM0Iub0Y" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/source-engine-logo.png" alt="source engine logo" width="200px" height="200px">
<h3>Bichat 3D</h3>
<p>My highschool modded on Source Engine, playable on Counter Strike Source, Alien Swarm and L4D</p>
</a>
</div>
<h1 id="section-libraries">References</h1>
<div class="shelf">
<a class="box section clickable-div" href="https://www.imdb.com/user/ur30078525/ratings?sort=your_rating,desc&ratingFilter=0&mode=grid&ref_=undefined&lastPosition=0" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/imdb-logo.png" alt="imdb logo" width="200px" height="200px">
<h3>Movies and Shows ratings</h3>
<p>My ratings on IMDB of the movies and shows I've seen</p>
</a>
<a class="box section clickable-div" href="https://www.goodreads.com/user/show/147637219-brian" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/goodreads-logo.png" alt="goodreads logo" width="200px" height="200px">
<h3>Reading list</h3>
<p>All the books I've read, I'm currently reading and I want to read on Goodreads</p>
</a>
<a class="box section clickable-div" href="https://open.spotify.com/user/117537904" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/spotify-logo.webp" alt="spotify logo" width="200px" height="200px">
<h3>Music profile</h3>
<p>My Spotify profile with public playlists</p>
</a>
<a class="box section clickable-div" href="https://steamcommunity.com/id/SanguiSan/" target="_blank" rel="noopener noreferrer">
<img class="center-image" src="img/steam-logo.png" alt="steam logo" width="200px" height="200px">
<h3>Games library</h3>
<p>My Steam profile with the games I've played</p>
</a>
</div>
</div>
</div>
</div>
<footer class="centered-footer">
<p>© 2024 Brian Giannini. All rights reserved.</p>
</footer>
</body>
</html>