-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (138 loc) · 10.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.2/css/all.css">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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=Montserrat:wght@400;600&family=Poppins&family=Roboto+Slab&display=swap" rel="stylesheet">
<title>Alvaro's Portfolio</title>
<link rel="icon" type="image/favicon" href="/images/favicon.ico">
</head>
<body>
<div id="container-top" class="container">
<div class="card">
<div id="bio">
<img src="images/profilepic.png" alt="Photo of Alvaro" id="avatar">
<div class="bio-paragraph">
<div id="bio-text">
<h2>Hola! I'm Alvaro</h2>
<p>As a seasoned <span class="highlight">developer consultant</span> and adept <span class="highlight">data migration engineer</span>, I've successfully overseen the smooth transition of data for numerous companies. My expertise lies in migrating data from various <span class="highlight">content management systems</span> to new homes, ensuring a seamless and efficient process.</p>
<p>As a certified <span class="highlight">Microsoft AI Engineer</span>, my specialization extends to <span class="highlight">ETL tools</span>, <span class="highlight">data validation</span>, and <span class="highlight">data conversion</span>. This diverse skill set allows me to merge technical proficiency with a meticulous attention to detail, delivering distinctive value to organizations.</p>
<p>Rooted in a previous career and formal education in <span class="highlight">law</span>, I've honed a consulting skill set that forms the foundation of my approach. This unique blend enables me to offer not only technical expertise but also a keen understanding of <span class="highlight">business dynamics</span>.</p>
<p>Committed to staying abreast of the latest <span class="highlight">technological advancements</span>, I am impassioned about leveraging my skills to optimize processes and drive <span class="highlight">innovation</span>. I warmly welcome the opportunity to connect and explore how I can contribute to the success and efficiency of your organization.</p>
</div>
<!-- <div class="bio-text">
<h1>Hola, I'm Alvaro Trujillo</h1>
<h2>Data Migration Engineer</h2>
<p>With a background in <span class="highlight">law</span> and a passion for <span class="highlight">technology</span>, I have transitioned into a career as a <span class="highlight">programmer</span> and <span class="highlight">data migration engineer</span>. My proficiency in <span class="highlight">ETL tools</span>, <span class="highlight">data validation</span>, and <span class="highlight">data conversion</span> allows me to seamlessly integrate legal knowledge with technical skills, providing organizations with unique value.</p>
<p>I am dedicated to utilizing technology to drive business growth and efficiency, and am always eager to stay up-to-date with the latest advancements in the field. Let's connect and explore how I can help streamline your processes and drive innovation.</p>
</div> -->
</div>
</div>
<div class="stack-header"><h3><strong>Tech Stack</strong></h3></div>
<ul class="tech-stack" style="padding-left: 0px;">
<li class="horizontal-list"><i alt="ruby"class="devicon devicon-ruby-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="rails"class="devicon devicon-rails-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="python"class="devicon devicon-python-plain colored"></i></li>
<li class="horizontal-list"><i alt="javascript"class="devicon devicon-javascript-plain colored"></i></li>
<li class="horizontal-list"><i alt="nodejs" class="devicon devicon-nodejs-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="mongodb"class="devicon devicon-mongodb-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="postgresql"class="devicon devicon-postgresql-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="html"class="devicon devicon-html5-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="css"class="devicon devicon-css3-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="heroku"class="devicon devicon-heroku-plain-wordmark colored"></i></li>
<li class="horizontal-list"><i alt="bootstrap"class="devicon devicon-bootstrap-plain-wordmark colored"></i></li>
</ul>
<br>
<a href="#footer-end" class="nav-button">Get in touch</a>
</div>
<div class="card">
<h2>Current Work</h2>
<h3 class="project-name">ETL Demo Migration - Documentum to SharePoint Online</h3>
<video src="images/DemoMigTwo.mp4#t=0.4" alt="Video Demo Migrating Documentum to SPO" class="project-video" controls>
Your browser does not support video.
</video>
<br>
<ul class="project-info">
<li><p>Extracting Documentum data using <span class="highlight">Xill4</span></p></li>
<li><p>Analyzing data with <span class="highlight">Elasticsearch</span> and <span class="highlight">Kibana</span> dashboards to gain valuable insights</p></li>
<li><p><span class="highlight">Transforming</span> the data to fit the target requirement</p></li>
<li><p><span class="highlight">Loading</span> the transformed data to SharePoint Online</p></li>
</ul>
<!-- Below is the Loom Embedded Video, commented out as unable to allign the padding exactly the same as other videos -->
<!-- <div style= "position: relative; padding-bottom: 56.25%; height: 0;">
<iframe src="https://www.loom.com/embed/5cbd5e991cb249328b71a3da85393124?sid=89765648-4cd1-406a-b1ec-807ad6f966c7" alt="Video Demo Migrating Documentum to SPO" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
</div> -->
</div>
<div class="card">
<h2>Past Projects</h2>
<h3 class="project-name"><a href="https://freddies-fiets.herokuapp.com/" target="_blank">Freddie's Fiets</a></h3>
<video src="images/FreddiesFietsDemo.mp4#t=0.4" alt="demo video of Freddie's Fiets" class="project-video" controls>
Your browser does not support video.
</video>
<p>
<a href="https://github.com/alvarotrujillo/freddies-fiets" class="project-button" target="_blank">Code <i class="fa-brands fa-github"></i></a>
<a href="https://freddies-fiets.herokuapp.com/" class="project-button" target="_blank">Website <i class="fa-solid fa-bicycle"></i></a>
</p>
<br>
<ul class="project-info">
<li><p>A vibrant web platform designed for bike enthusiasts to rent and lease bicycles with ease</p></li>
<li><p>Inspired by the legendary musician Freddie Mercury and the Dutch fiets culture</p></li>
<li><p>Features an intuitive MVC-pattern design that enhances user experience</p></li>
<li><p>Utilizes cookies to enable users to view their past rental and lease history</p></li>
<li><p>Extensive PostgreSQL database with authentic data obtained through web scraping</p></li>
<li><p>Offers a user-friendly and comprehensive platform to meet all your bicycle rental and leasing needs</p></li>
</ul>
<br>
<h3 class="project-name"><a href="http://www.homebarapp.eu/" target="_blank">HomeBar</a></h3>
<video src="images/HomeBarVideo.mp4#t=0.4" alt="demo video of HomeBar" class="project-video" controls>
Your browser does not support video.
</video>
<p>
<a href="https://github.com/lcalazansl/homebarapp" class="project-button" target="_blank">Code <i class="fa-brands fa-github"></i></a>
<a href="http://www.homebarapp.eu/" class="project-button" target="_blank">Website <i class="fa-solid fa-martini-glass-citrus"></i></a>
</p>
<br>
<ul class="project-info">
<li><p>A dynamic web application hosted on Heroku offering an innovative solution for discovering new cocktails</p></li>
<li><p>Generates a list of cocktail recipes based on the ingredients you have on hand</p></li>
<li><p>Provides precise measurements and methods for each cocktail through an intuitive modal display</p></li>
<li><p>Offers a user-friendly and innovative solution to discover and enjoy cocktails in the comfort of your home</p></li>
</ul>
<br>
<div id="footer">
<h2>Reach Out</h2>
<div class="stack-header"><h5>Let's make something special, get in touch!</h5></div>
<ul id="contact-links">
<li class="horizontal-list">
<a href="https://github.com/alvarotrujillo" target="_blank">
<i class="fa-brands fa-github social"></i>
</a>
</li>
<li class="horizontal-list">
<a href="https://www.linkedin.com/in/alvaro-trujillo/" target="_blank">
<i class="fab fa-linkedin-in social"></i>
</a>
</li>
<li class="horizontal-list">
<a href="https://twitter.com/TrujiCodes" target="_blank">
<i class="fab fa-twitter social"></i>
</a>
</li>
</ul>
</div>
<br>
<a href="#container-top" id="footer-end" class="nav-button">Back to top</a>
</div>
</div>
</body>
</html>