afroserom.github.io/index.html at main · afroserom/afroserom.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Andrés Rosero – AI System Architecture</title>
  <meta name="description" content="Personal website of Andrés Rosero, an AI Specialist and Data Scientist with a passion for building robust AI solutions.">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://afroserom.github.io/">
  <meta property="og:title" content="Andrés Rosero – AI System Architecture">
  <meta property="og:description" content="Personal website of Andrés Rosero, an AI Specialist and Data Scientist with a passion for building robust AI solutions.">
  <meta property="og:image" content="https://afroserom.github.io/assets/whale.png">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://afroserom.github.io/">
  <meta property="twitter:title" content="Andrés Rosero – AI System Architecture">
  <meta property="twitter:description" content="Personal website of Andrés Rosero, an AI Specialist and Data Scientist with a passion for building robust AI solutions.">
  <meta property="twitter:image" content="https://afroserom.github.io/assets/whale.png">

  <!-- Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": "Andrés Felipe Rosero",
    "url": "https://afroserom.com",
    "email": "hello@afroserom.com",
    "jobTitle": "AI Specialist",
    "worksFor": {
      "@type": "Organization",
      "name": "Updata"
    },
    "alumniOf": {
      "@type": "CollegeOrUniversity",
      "name": "Universidad de Los Andes"
    },
    "sameAs": [
      "https://www.linkedin.com/in/afroserom",
      "https://github.com/afroserom"
    ],
    "knowsAbout": [
      "Artificial Intelligence",
      "Machine Learning",
      "Data Science",
      "Natural Language Processing",
      "Computer Vision",
      "Cloud Computing"
    ]
  }
  </script>

  <link rel="icon" type="image/png" href="assets/whale.png" />

  <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js" defer></script>

  <link rel="stylesheet" href="assets/css/style.css">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6D60S086BK"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-6D60S086BK');
</script>
<body>
  <div class="blob one"></div>
  <div class="blob two"></div>

  <header>
    <h1 data-key="name">Andrés Felipe Rosero</h1>

    <p id="subtitle" data-key="title">AI Specialist • Data Scientist • Environmental Engineering Graduate (Colombia)</p>

    <div class="controls">
      <select id="langSelect" aria-label="Choose website language">
        <option value="en">EN</option>
        <option value="fr">FR</option>
        <option value="es">ES</option>
      </select>
      <button id="themeToggle" aria-label="Toggle color scheme">🌗</button>
    </div>
  </header>

  <main>
    <lottie-player
        id="lottie-intro"
        background="transparent"
        speed="1">
    </lottie-player>
    <section class="about-me reveal">
        <p data-key="aboutMeText">
            My passion lies at the intersection of AI and engineering, where complex challenges become opportunities for innovation. For over six years, I've focused on building robust AI solutions—from intelligent systems that prevent fraud and automate industrial recycling, to data architectures that deliver real-time insights on the cloud. This space is a glimpse into that journey.
        </p>
    </section>

    <section class="timeline reveal">
      <h2 class="section-title" data-key="journeyTitle" style="margin-top: 6rem;">My Journey</h2>
      <div class="timeline-entry">
        <h4 data-key="expUpdataTitle">Updata – AI Specialist</h4>
        <span data-key="expUpdataDate">Jun 2024 – Present · Victoriaville, QC</span>
      </div>
      <div class="timeline-entry">
        <h4 data-key="expMLEng">Updata – Machine Learning Engineer</h4>
        <span data-key="expMLEngDate">Mar 2023 – Jun 2024</span>
      </div>
      <div class="timeline-entry">
        <h4 data-key="expDLocal">dLocal – Senior Data Scientist</h4>
        <span data-key="expDLocalDate">Aug 2022 – Apr 2023</span>
      </div>
      <div class="timeline-entry">
        <h4 data-key="expMercado">Mercado Libre – Data Scientist</h4>
        <span data-key="expMercadoDate">Jul 2021 – Aug 2022</span>
      </div>
      <div class="timeline-entry">
        <h4 data-key="expKiwibotHead">Kiwibot – Head of Data & Software</h4>
        <span data-key="expKiwibotHeadDate">Jun 2020 – Apr 2021</span>
      </div>
      <div class="timeline-entry">
        <h4 data-key="expKiwibotDS">Kiwibot – Data Scientist</h4>
        <span data-key="expKiwibotDSDate">Jun 2019 – May 2020</span>
      </div>
    </section>

    <!-- <section class="projects-section reveal">
        <h2 class="section-title" data-key="projectsTitle">My Projects</h2>
        <div class="component-grid">
            <div class="component">
                <h3>Project 1</h3>
                <p>A short description of your project. What was the goal? What technologies did you use?</p>
                <ul>
                    <li><a href="#">View Project</a></li>
                </ul>
            </div>
            <div class="component">
                <h3>Project 2</h3>
                <p>A short description of your project. What was the goal? What technologies did you use?</p>
                <ul>
                    <li><a href="#">View Project</a></li>
                </ul>
            </div>
            <div class="component">
                <h3>Project 3</h3>
                <p>A short description of your project. What was the goal? What technologies did you use?</p>
                <ul>
                    <li><a href="#">View Project</a></li>
                </ul>
            </div>
        </div>
    </section> -->

    <section class="education-section reveal">
        <h2 class="section-title" data-key="educationTitle">Education</h2>
        <div class="education-card">
            <div class="education-icon">🎓</div>
            <h3 data-key="eduUniandes">Universidad de Los Andes, Colombia</h3>
            <p data-key="eduUniandesDegree">Bachelor of Science - BS, Environmental Engineering</p>
            <span data-key="eduUniandesDate">2014 – 2018</span>
        </div>
    </section>

    <div class="links reveal">
        <h2 class="section-title" data-key="connectTitle">Let's Connect</h2>
      <div class="links-row">
        <a href="mailto:hello@afroserom.com" aria-label="Email">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
        </a>
        <a href="https://www.linkedin.com/in/afroserom" target="_blank" rel="noopener" aria-label="LinkedIn">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
        </a>
        <a href="https://github.com/afroserom" target="_blank" rel="noopener" aria-label="GitHub">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
        </a>
      </div>
    </div>
  </main>

  <footer data-key="footer">© 2025 Andrés Rosero • Crafted with passion</footer>

<script src="assets/js/main.js"></script>
</body>
</html>