-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
253 lines (251 loc) · 12.2 KB
/
team.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MetaProvide: Team</title>
<meta name="description" content="See the people behind MetaProvide">
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
<link rel="stylesheet" href="assets/styles/main.css" />
<link rel="stylesheet" href="assets/styles/modal.css" />
<script src="assets/javascript/main.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" integrity="sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
<style>
.wave svg {
width: calc(186% + 1.7px);
height: 133px;
}
</style>
</head>
<body>
<nav>
<input class="checkbox" type="checkbox" name="" id="" />
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<ul class="nav-list">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="areas.html">Areas</a></li>
<li class="nav-item"><a href="team.html">Team</a></li>
<li class="nav-item"><a href="participate.html">Participate</a></li>
<li class="nav-item"><a href="contact.html">Contact</a></li>
<li class="nav-item"><a href="blog/index.html">Blog</a></li>
<li class="nav-item"><a class="btn donationButton">Donate</a></li>
</ul>
</nav>
<main>
<div class="logo-wrapper">
<img class="mtb-64" src="./assets/images/metaprovide.png" alt="MetaProvide logotype" />
</div>
<p>
In 2018 a Buddhist monk finds himself in a Swedish university library,
when approached by a student asking who he is and why he is there. Their
ensuing conversation created the initial spark for the vision, that
would gradually evolve into MetaProvide.
</p>
<p>
We are now an international team of programmers, product developers,
administrators, communicators, and that (now former) monk and IT student
that started it all. We’re excited to make a difference through the
services that we’re building. So, please allow us to introduce ourselves.
</p>
<div class="image-wrapper">
<img src="assets/images/all-team-talk.png" alt="Team in metameeting"/>
</div>
<section class="team-presentation-section">
<h1>The Team</h1>
<div class="team-member-card">
<img src="assets/images/team-members/bjorn.png" alt="Bjorn profile picture">
<div class="team-member-info">
<p>Björn Magalhães</p>
<p class="team-member-title">Product Owner and Partnership Manager</p>
<q>I enjoy Eastern & Western Philosophy, Introspection, MOS 6581/8580 & Demoscene, Goodness & Friendship and a good story.</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/henry.png" alt="Henry profile picture">
<div class="team-member-info">
<p>Henry Bergström</p>
<p class="team-member-title">Tech Department Manager</p>
<q>My Standup Comedy career is going down the drain but at least I am a decent Brazilian Ju-Jitsi practitioner</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/hakan.png" alt="Hakan profile picture">
<div class="team-member-info">
<p>Håkan Bergknut</p>
<p class="team-member-title">Financial Manager and Legal Adviser</p>
<q>In my free time I like to ride my motorcycle, spend time with my family and travel both near and far.</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/giusy.png" alt="Giusy profile picture">
<div class="team-member-info">
<p>Giuseppina Esposito</p>
<p class="team-member-title">Provider and VAs Relationship and Communication Manager</p>
<q>I enjoy spending time in nature, cultivating relationships, artistic expression. Experience has tought me that sometimes all one needs is a genuine smile a listening ear, and when possible a big hug.</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/joao.png" alt="Joao profile picture">
<div class="team-member-info">
<p>João Pedro Santos Simões Raposo</p>
<p class="team-member-title">Product Development Manager</p>
<q>I would start a perfect day by the ocean surfing and fishing, then in the afternoon have the opportunity to dance in par at a beautiful ballroom.</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/tiago.png" alt="Tiago profile picture">
<div class="team-member-info">
<p>Tiago Lamelas</p>
<p class="team-member-title">Product Research Manager</p>
<q>Never says no to a good conversation or a big wave.</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/marcela.png" alt="Marcela profile picture">
<div class="team-member-info">
<p>Marcela Muñoz Báez</p>
<p class="team-member-title">Human Resources Manager</p>
<q>Passionate about social impact and development. Curious about culture and social context. I dance everything from Tango to Waltz, even though Waltz is a bit boring.</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/magnus.png" alt="Magnus profile picture">
<div class="team-member-info">
<p>Magnus Walbeck</p>
<p class="team-member-title">System Administrator and Developer</p>
<q>As long as it is open source and related to servers, I'll do it!</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/igor.png" alt="Igor profile picture">
<div class="team-member-info">
<p>Igor Miranda Oliveira</p>
<p class="team-member-title">Junior System Administrator</p>
<q>I do everything regarding servers. On my spare time I like to cook, tinkering, travelling and taking pictures. But to be honest, it's mostely servers...</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/giuliana.png" alt="Giuliana profile picture">
<div class="team-member-info">
<p>Giuliana Bueno</p>
<p class="team-member-title">Marketing and Branding Manager</p>
<q>I like sport!</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/carlos.jpeg" alt="Carlos profile picture">
<div class="team-member-info">
<p>Carlos Alba</p>
<p class="team-member-title">Meta-Coordinator</p>
<q>Doing + with -</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/danna.png" alt="Danna profile picture">
<div class="team-member-info">
<p>Danna Beatriz Dias</p>
<p class="team-member-title">MetaFriend Product Lead</p>
<q>I love talking about innovation, after life and politics. I am always challenging myself either professionally or trying to cook, especially making birthday cakes and desserts. I enjoy spending time with my family, friends and traveling.</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/kristen.png" alt="Kristen profile picture">
<div class="team-member-info">
<p>Kristen Neumann-Martiensen</p>
<p class="team-member-title">Virtual Assistant</p>
<q>I enjoy talking about politics and gardening. Passionfruit is my favorite, very low maintenance... basically just pick the fruit and train vines!</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/philecia.png" alt="Philecia profile picture">
<div class="team-member-info">
<p>Philecia McCain</p>
<p class="team-member-title">Fundraising Manager</p>
<q>I am a H.O.P.E. Dealer - I Help Others Pursue Excellence through Inspiration, Information, and Insight</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/giovanna.jpeg" alt="Giovanna profile picture">
<div class="team-member-info">
<p>Giovanna Vernacci</p>
<p class="team-member-title">Developer Virtual Assistant</p>
<q>I'm passionate about literature, art and food. A strong advocate for the right to have dessert before dinner</q>
</div>
</div>
<div class="team-member-card">
<img src="assets/images/team-members/joaoC.jpeg" alt="Joao Campos profile picture">
<div class="team-member-info">
<p>João Campos</p>
<p class="team-member-title">Product Marketing Manager</p>
<q>Win or learn</q>
</div>
</div>
</section>
<section>
<h2>Honorable members</h2>
<div class="team-member-card">
<img src="assets/images/team-members/annaAndreasson.jpeg" alt="Anna Andreasson profile picture">
<div class="team-member-info">
<p>Anna Andreasson</p>
<p class="team-member-title">Board Deputy</p>
<q>I enjoy outdoor life - walking the dogs, having a nice cup of tea in the garden or taking a weekend trip with the camper van.</q>
</div>
</div>
</section>
</main>
<!-- The Modal -->
<div id="donationModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<h1>Donation Methods</h1>
<p>
Thank you for your interest in supporting our vision, just the fact that you are
here reading this motivates us even more to ensure the success of
MetaProvide!
</p>
<hr>
<section class="donation-option">
<h2>Paypal</h2>
<img id="donate-paypal-image" src="assets/images/QR-paypal.png"/>
<div id="donate-paypal">
</div>
</section>
<section class="donation-option">
<h2>Bitcoin</h2>
<div id="donate-bitcoin">
</div>
<p>bc1qvmuxes6g9fcpwp8yv0ull38zjvl0p9uuy8k4r5</p>
</section>
<section class="donation-option">
<h2>Ether</h2>
<div id="donate-ether">
</div>
<p>0xD6158881393BC572FB368Be1f7C8e1Aae39670dF</p>
</section>
<script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
<script>
const paypalButton = PayPal.Donation.Button({
env:'production',
hosted_button_id:'3HFUP3W8SP2JA',
image: {
src:'https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif',
alt:'Donate with PayPal button',
title:'PayPal - The safer, easier way to pay online!',
}
})
paypalButton.render('#donate-paypal');
</script>
</div>
</div>
<footer class="wave">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path>
</svg>
</footer>
</body>
</html>