-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
406 lines (384 loc) · 20 KB
/
index2.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
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="keywords"
content="Facundo Wegher Osci, Food Engineer, Engineer, Developer, Programmer, Fullstack Developer, Game Programmer">
<meta name="keywords" content="ingeniero en alimentos, desarrollador fullstack, programador de videojuegos, diseño web,
portfolio, Facundo, Wegher, Osci, desarrollo web, programación, SEO, videojuegos, páginas web, precios páginas web, cuánto cuesta una página web, diseño de páginas web, posicionamiento, ingeniero, alimentos, programador">
<meta name="description" content="Facundo Wegher Osci - Ingeniero en Alimentos, Fullstack Developer, Game Programmer">
<meta name="author" content="Facundo Wegher Osci">
<link rel="canonical" href="https://www.wegher.com.ar">
<meta name="robots" content="index, follow">
<meta name="copyright" content="Facundo Wegher Osci" />
<!-- Fonts and Styles -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ysabeau+Infant:ital,wght@0,100;0,400;0,600;1,400&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="images/mate.png">
<link rel="stylesheet" href="styles/animate.css">
<link rel="stylesheet" href="styles/style.css">
<title>Portfolio: Facundo Wegher Osci</title>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-52PQY15VKG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-52PQY15VKG');
</script>
</head>
<body class="body-wrapper">
<!-- Header Section -->
<header>
<section class="section header__wrapper">
<article class="header__title">
<div style="display: flex;">
<h1 class="title__name">FACUNDO WEGHER</h1>
<small class="title__icon"><img height="30px" src="images/mate.png" alt="mate icon"></small>
</div>
<h2 class="title__subtitle" style="font-weight: bolder;">Ingeniero en Alimentos</h2>
<h2 class="title__subtitle" style="font-weight: bolder;">Desarrollador Fullstack</h2>
<h2 class="title__subtitle" style="font-weight: bolder;">Programador de videojuegos</h2>
<nav class="nav header__nav">
<a class="nav-link" href="#skills">Habilidades</a>
<a class="nav-link" href="#experience">Experiencia</a>
<a class="nav-link" href="#examples">Proyectos</a>
<a class="nav-link" href="#contact">Contacto</a>
</nav>
</article>
</section>
</header>
<!-- About Section -->
<main>
<section class="wow fadeInUp section cover-letter" id="about" data-aos="fade-zoom-in" data-aos-easing="ease-in-back"
data-aos-duration="1200" data-aos-offset="0">
<h2 class="section__title">
<svg class="size-7" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
<path d="M6 21v-2a4 4 0 0 1 4 -4h4"></path>
<path d="M15 19l2 2l4 -4"></path>
</svg>
Hola!
</h2>
<a class="nav-link" href="index.html">Read in english</a>
<a class="nav-link" href="indexITA.html">Leggi in italiano</a>
<article class="cover-letter__article">
<div class="cover-letter__desc">
<p class="desc">
Soy <b>Facundo Wegher Osci</b>, <b style="color: #79db75;">Ingeniero en alimentos</b>, <b
style="color: #79db75;">Desarrollador fullstack</b> y
<b style="color: #79db75;">Programador
de videojuegos</b>. <b style="color:slateblue;">De Argentina con Pasaporte Italiano.</b><br> Me apasiona
la tecnología, los desafíos y disfruto explorando temas como el metaverso, la
inteligencia
artificial, el desarrollo de videojuegos, además de idiomas, los deportes y la música. Me esfuerzo por
mantenerme actualizado
con las últimas tendencias.
</p>
<p>
Si encuentras interesante mi trabajo o tienes alguna pregunta, siéntete libre de <a href="#contact"
class="nav-link"><b>contactarte</b></a>.
<br>
<a href="files/CV_FACUNDO_WEGHER_OSCI_ES.pdf" target="_blank" rel="noopener noreferrer">
<button type="submit" class="btn">Descargar CV</button>
</a>
</p>
<nav class="nav nav-social">
<a class="nav-social-link" href="https://github.com/CPetruzzo" target="_blank" rel="noopener noreferrer"
title="Github">
<div class="nav-social__icon nav-social__icon-soundcloud"></div>
</a>
<a class="nav-social-link" href="https://twitter.com/facuwegher" target="_blank" rel="noopener noreferrer"
title="Twitter">
<div class="nav-social__icon nav-social__icon-twitter"></div>
</a>
<a class="nav-social-link" href="https://www.instagram.com/facuwegher" target="_blank"
rel="noopener noreferrer" title="Instagram">
<div class="nav-social__icon nav-social__icon-ig"></div>
</a>
<a class="nav-social-link" href="https://www.linkedin.com/in/facundo-ignacio-wegher-osci/" target="_blank"
rel="noopener noreferrer" title="LinkedIn">
<div class="nav-social__icon nav-social__icon-in"></div>
</a>
</nav>
</div>
<div class="cover-letter__photo"></div>
</article>
</section>
<!-- Skills Section -->
<section class="wow fadeInUp section skills" id="skills" data-aos="fade-zoom-in" data-aos-easing="ease-in-back"
data-aos-duration="1200" data-aos-offset="0">
<h2 class="section__title">Skills</h2>
<p class="desc">Trabajo con una variedad de herramientas, siempre tratando de aprender algo nuevo.</p>
<p><b><u>Habilidades de desarrollo Frontend</u>:</b> HTML5, CSS3, Angular, Javascript, React, Bootstrap.</p>
<p><b><u>Habilidades de desarrollo Backend</u>:</b> Java, Springboot.</p>
<p><b><u>Herramientas de implementación</u>:</b> Firebase, Heroku, Railway, Git, Github, Gitlab.</p>
<p><b><u>Habilidades en el desarrollo de videojuegos</u>:</b> PixiJS, Typescript, Unreal Engine 5, Pixi3d.</p>
<p><b><u>Ingeniería de Alimentos</u>:</b> Mi experiencia abarca tanto el sector público como privado,
incluyendo la industria alimentaria y laboratorios, roles de gestión y liderazgo.
</p>
</section>
<!-- Skills Container Section -->
<section class="skillscontainer">
<div class="eachskillcontainer">
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/css.png" alt="CSS"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/mysql.svg" alt="MySQL"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/pixijs.png" alt="PixiJS"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/angular.png" alt="Angular"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/unreal.jpg" alt="Unreal"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/react.png" alt="React"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/springboot.png" alt="Springboot"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/java.png" alt="Java"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/typescript.png" alt="TypeScript"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/css.png" alt="CSS"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/mysql.svg" alt="MySQL"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/pixijs.png" alt="PixiJS"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/angular.png" alt="Angular"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/unreal.jpg" alt="Unreal"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/react.png" alt="React"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/springboot.png" alt="Springboot"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/java.png" alt="Java"></div>
</div>
<div class="box" data-aos="fade-right" data-aos-duration="2000">
<div class="imgBx"><img src="images/typescript.png" alt="TypeScript"></div>
</div>
</div>
</section>
<!-- Experience Section -->
<section data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-duration="1200
" data-aos-offset="0" class="wow fadeInUp section experience" id="experience">
<!-- Experience Item -->
<article class="experience__article" style="background-color: #0009; border-radius: 50px; padding: 50px;">
<h2 class="section__title">
<svg class="size-7" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M3 7m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z"></path>
<path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2"></path>
<path d="M12 12l0 .01"></path>
<path d="M3 13a20 20 0 0 0 18 0"></path>
</svg>
Experiencia
</h2>
<div class="experience__item">
<span class="experience__date">2022 - Presente</span>
<div class="experience__desc">
<h3 class="experience__desc__title"> Programador de videojuegos Jr.</h3>
<a class="link link" href="https://killabunnies.com.ar/" target="_blank"
rel="noopener noreferrer">Killabunnies</a>
<span>Utilizando PixiJS, TypeScript y Unreal Engine 5 para el desarrollo de videojuegos.</span>
</div>
</div>
<div class="experience__item">
<span class="experience__date">2024 - Presente</span>
<div class="experience__desc">
<h3 class="experience__desc__title"> Director de Bromatología</h3>
<a class="link link" href="https://www.parana.gob.ar/" target="_blank"
rel="noopener noreferrer">Municipalidad
de Paraná - Entre Ríos - Argentina</a>
<span>A cargo de las tareas de Bromatología de Paraná, inspecciones, habilitaciones de locales comerciales
del
rubro alimenticio, laboratorio, capacitaciones, convenios y gestión del área.</span>
</div>
<span class="experience__date">2020 - 2023</span>
<div class="experience__desc">
<h3 class="experience__desc__title">Coordinador del laboratorio de Bromatología</h3>
<a class="link link" href="https://www.parana.gob.ar/" target="_blank"
rel="noopener noreferrer">Municipalidad
de Paraná - Entre Ríos - Argentina</a>
<span>A cargo del Laboratorio de Bromatología.</span>
</div>
</div>
<div class="experience__item">
<span class="experience__date">2021 - 2022</span>
<div class="experience__desc">
<h3 class="experience__desc__title"> Profesor de Matemáticas</h3>
<a class="link link" href="http://www.fcyt.uader.edu.ar/web/" target="_blank"
rel="noopener noreferrer">U.A.D.E.R. - Entre Ríos - Argentina</a>
<span class="experience__desc">
Enseñando Análisis Matemático II a estudiantes del profesorado de Matemáticas.
</span>
</div>
</div>
<div class="experience__item">
<span class="experience__date">2019 - 2020</span>
<div class="experience__desc">
<h3 class="experience__desc__title"> Ingeniero en Alimentos</h3>
<a class="link link" href="" target="_blank" rel="noopener noreferrer">Indaquim S.A. - Santa fe -
Argentina</a>
<span class="experience__desc">Trabajando en la industria de alimentos, siendo responsable de ventas y
personal.</span>
</div>
</div>
</article>
</section>
<!-- Add more experience items as needed -->
</section>
<!-- Projects Section -->
<section class="section examples" id="examples" data-aos="fade-zoom-in" data-aos-easing="ease-in-back"
data-aos-duration="1200" data-aos-offset="0">
<h2 class="section__title">
<svg class="size-7" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M7 8l-4 4l4 4"></path>
<path d="M17 8l4 4l-4 4"></path>
<path d="M14 4l-4 16"></path>
</svg>
Proyectos
</h2>
<div class="examples__grid">
<div class="card">
<img src="./images/AngelinaNUT.png" alt="AngelinaNUT">
<!-- <iframe width="100%" height="200" scrolling="no" frameborder="no" allow="autoplay"
src="https://angelinanut.github.io/nutricion/"></iframe> -->
<a href="https://angelinanut.github.io/nutricion/" class="nav-link">AngelinaNUT - Nutritionist <br> Accede al
sitio web para nutricionista con
Turnera.</a>
</div>
<div class="card">
<img src="./images/3d-demo.webp" alt="3d-demo">
<a href="https://cpetruzzo.github.io/game-page/" class="nav-link">Prueba esta demo de un juego 3d hecho con
Pixi3D!
(Disponible en Navegadores de PC)</a>
</div>
<div class="card">
<img src="images/adventurer1.jpg" alt="adventurers-fate">
<a href="https://cpetruzzo.github.io/AnAdventurersFate/" class="nav-link">An Adventurer's Fate. <br> Prueba
este juego
plataformero!</a>
</div>
<div class="card">
<img src="images/runfall.png" alt="runfall">
<a href="https://fallrungame.netlify.app/" class="nav-link">Fall Run Game <br> Juegalo en tu navegador
aquí!</a>
</div>
<div class="card">
<img src="./Joha/joha_perfil.jpeg" alt="kinesiologa-dabin">
<!-- <iframe width="100%" height="200" scrolling="no" frameborder="no" allow="autoplay"
src="https://kinesiologa-dabin.netlify.app"></iframe> -->
<a href="https://kinesiologa-dabin.netlify.app" class="nav-link">Profesional de la Salud <br> Accede al
sitio!</a>
</div>
<div class="card">
<img src="./Pachy/DSC_6466.webp" alt="mpvestudio">
<!-- <iframe width="100%" height="200" scrolling="no" frameborder="no" allow="autoplay"
src="https://estudiompv.netlify.app"></iframe> -->
<a href="https://estudiompv.netlify.app" class="nav-link">Abogado <br> Accede al sitio!</a>
</div>
<div class="card">
<img src="./images/portfolioArgProg.webp" alt="argprograma">
<a href="http://porfolio-cf060.web.app" class="nav-link">Portfolio CRUD <br> Angular - Springboot - MySQL</a>
</div>
<div class="card">
<img src="./images/image.webp" alt="pasapp">
<a href="https://pasapp-117cc.web.app/" class="nav-link">Una aplicación-proyecto realizado con Angular que usa
Firebase auth para la administración de usuarios y Firestore!</a>
</div>
<div class="card">
<img src="./images/tienda-libreria-civica.webp" alt="libreriacivica">
<a href="https://sparkly-crisp-736a93.netlify.app/" class="nav-link">Editorial Librería Cívica - Frontend <br>
React App - Shopping Cart</a>
</div>
<div class="card">
<img src="images/sirvana.png" alt="adventurers-fate">
<a href="https://sirvana-api-test.netlify.app/" class="nav-link">Stack MERN, GPT-3.5 API - Buscador
inteligente <br> Prueba el sitio!</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="section contact" id="contact">
<h2 class="section__title">Contáctame</h2>
<p class="desc">
Siéntete libre de contactarme en cualquier momento, y haré lo posible por responder lo antes posible
</p>
<form class="contact__form" method="POST" action="https://formspree.io/f/mrgjkldq">
<label for=""></label>
<input class="field" type="text" name="Name" placeholder="Nombre*" id="name" required>
<input class="field" type="email" name="_replyto" placeholder="Email*" id="email" required>
<input type="hidden" name="_next" value="//site.io/thanks.html" required>
<textarea class="field field--textarea" cols="30" rows="10" placeholder="Mensaje*" id="message" name="message"
required></textarea>
<p class="fields-requirements">Todos los campos son obligatorios.</p>
<input class="btn" type="submit" value="Enviar">
</form>
</section>
</main>
<!-- Footer Section -->
<footer>
<section class="section footer__wrapper">
<h4 class="footer__name">
Facundo
<small class="title__icon">
<a class="nav-link" href="#">
<img class="mate" height="35px" style="margin-bottom: -7px;" src="images/mate.png" alt="mate">
</small>
</a>Wegher Osci
</h4>
<nav class="nav nav-social nav-social--footer">
<a class="nav-social-link" href="https://github.com/CPetruzzo" target="_blank" rel="noopener noreferrer"
title="Github">
<div class="nav-social__icon nav-social__icon-soundcloud"></div>
</a>
<a class="nav-social-link" href="https://twitter.com/facuwegher" target="_blank" rel="noopener noreferrer"
title="Twitter">
<div class="nav-social__icon nav-social__icon-twitter"></div>
</a>
<a class="nav-social-link" href="https://www.instagram.com/facuwegher" target="_blank" rel="noopener noreferrer"
title="Instagram">
<div class="nav-social__icon nav-social__icon-ig"></div>
</a>
<a class="nav-social-link" href="https://www.linkedin.com/in/facundo-ignacio-wegher-osci-45612814b/"
target="_blank" rel="noopener noreferrer" title="LinkedIn">
<div class="nav-social__icon nav-social__icon-in"></div>
</a>
</nav>
</section>
</footer>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>