about.html

---
layout: default
title: About
description: A summary of who I am, what I can do, and what I've worked on.
main_class_extra: divide-y divide-gray-950/5 dark:divide-white/10
---

{%- assign birth_date = site.data.about.birth_date -%}
{%- assign birth_year = birth_date | date: '%Y' -%}
{%- assign birth_month = birth_date | date: '%m' -%}
{%- assign birth_day = birth_date | date: '%d' -%}
{%- assign current_year = 'now' | date: '%Y' -%}
{%- assign current_month = 'now' | date: '%m' -%}
{%- assign current_day = 'now' | date: '%d' -%}
{%- assign year_difference = current_year | minus: birth_year -%}
{%- capture age_years -%}
{%- if current_month < birth_month -%}
{{ year_difference | minus: 1 }}
{%- elsif current_month == birth_month and current_day < birth_day -%}
{{ year_difference | minus: 1 }}
{%- else -%}
{{ year_difference }}
{%- endif -%}
{%- endcapture -%}

<section class="flex flex-col sm:flex-row-reverse gap-6 pb-6 print:break-inside-avoid">
  <div class="shrink-0 w-full sm:w-auto">
    {%- include img-local.html class="size-32 rounded-2xl" src="/assets/img/s8a-20231207.webp" widths="192, 256, 320, 384, 448, 512, 576, 640, 704, 768, 832, 896, 960, 1024, 1088, 1152, 1216, 1280, 1344, 1408, 1472, 1536, 1600, 1664, 1728" sizes="16rem" default_width="256" -%}
  </div>
  <div class="w-full sm:auto">
    <h1 class="text-4xl font-bold mb-4">Samuel Ochoa</h1>
    <ul class="ml-8 mb-0 list-disc list-outside">
      {%- for contact in site.data.contact -%}
        <li><b>{{ contact.name }}:</b> <a href="{{ contact.url }}" class="underline text-blue-600 hover:text-blue-500 dark:text-blue-500 dark:hover:text-blue-400 transition-colors">{{ contact.value }}</a></li>
      {%- endfor -%}
      <li><b>Birth date:</b> {{ site.data.about.birth_date | date: "%B %e, %Y" }} ({{ age_years }} years old).</li>
      <li><b>Country of birth:</b> {{ site.data.about.country_of_birth }}.</li>
      <li><b>Country of residence:</b> {{ site.data.about.country_of_residence }}.</li>
      {%- capture languages -%}
        {%- for language in site.data.about.languages -%}
          {{ language.language }} ({{ language.proficiency | downcase }}),
        {%- endfor -%}
      {%- endcapture -%}
      <li><b>Languages:</b> {{ languages | split: "," | uniq | join: ", " }}.</li>
    </ul>
  </div>
</section>

<section class="py-6 print:break-inside-avoid">
  <h2 class="text-2xl font-bold mb-4">Skills</h2>
  <ul class="ml-8 mb-0 list-disc list-outside">
    {%- for skill in site.data.about.skills -%}
      <li>{{ skill }}</li>
    {%- endfor -%}
  </ul>
</section>

<section class="py-6 print:break-inside-avoid">
  <h2 class="text-2xl font-bold mb-4">Work experience</h2>
  <div class="flex flex-col gap-4">
    {%- for job in site.data.work_experience -%}
      <div x-data="{ expanded: false }" class="px-4 py-3 border-l-4 border-blue-600 dark:border-blue-500">
        <h3 class="text-xl font-medium">
          {{ job.title }} &ndash; {% if job.company_url %}<a href="{{- job.company_url -}}" class="underline text-blue-600 hover:text-blue-500 dark:text-blue-500 dark:hover:text-blue-400 transition-colors">{{- job.company -}}</a>{% else %}{{- job.company -}}{% endif %}
        </h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">
          {%- assign period_start = job.period_start | date: "%B %Y" -%}
          {%- capture period_end -%}
            {%- if job.period_end -%}
              {{ job.period_end | date: "%B %Y" }}
            {%- else -%}
              present
            {%- endif -%}
          {%- endcapture -%}
          {{- period_start | append: "-" | append: period_end | split: "-" | uniq | join: " &ndash; " -}}
        </p>
        {%- if job.key_points.size > 1 -%}
          <ul class="ml-4 mb-0 list-disc list-outside">
            {%- for item in job.key_points -%}
              <li>{{- item -}}</li>
            {%- endfor -%}
          </ul>
        {%- else -%}
          <p>{{- job.key_points[0] -}}</p>
        {%- endif -%}
        {%- if job.skills_keywords and job.skills_keywords.size > 0 -%}
          <p class="mt-2"><b>Key skills:</b> {{ job.skills_keywords | join: ", " }}.</p>
        {%- endif -%}
      </div>
    {%- endfor -%}
  </div>
</section>

<section class="py-6 print:break-inside-avoid">
  <h2 class="text-2xl font-bold mb-4">Education</h2>
  <div class="flex flex-col gap-4">
    {%- for education in site.data.about.education -%}
      <div class="px-4 py-3 border-l-4 border-blue-600 dark:border-blue-500">
        <h3 class="text-xl font-medium">
          {{ education.title }} &ndash; {{ education.institution }}
        </h3>
        <p class="text-sm text-gray-600 dark:text-gray-400">
          Graduated in {{ education.graduation_year }}
        </p>
        {%- if education.specialization -%}<p>Specialization: {{ education.specialization }}.</p>{%- endif -%}
        {%- if education.honors -%}<p>Honors: <em>{{ education.honors }}</em>.</p>{%- endif -%}
      </div>
    {%- endfor -%}
  </div>
</section>

<section class="py-6 print:break-inside-avoid">
  <h2 class="text-2xl font-bold mb-4">Certifications</h2>
  <ul class="ml-8 mb-0 list-disc list-outside">
    {%- for certification in site.data.about.certifications -%}
      <li>
        <a href="{{- certification.url -}}" class="underline text-blue-600 hover:text-blue-500 dark:text-blue-500 dark:hover:text-blue-400 transition-colors">{{- certification.title -}}</a> &ndash; {{ certification.institution }} ({{ certification.year }}).
      </li>
    {%- endfor -%}
  </ul>
</section>

<section class="pt-6 print:break-inside-avoid">
  <h2 class="text-2xl font-bold mb-4">Other interests</h2>
  <ul class="ml-8 mb-0 list-disc list-outside">
    {%- for interest in site.data.about.other_interests -%}
      <li>{{ interest }}</li>
    {%- endfor -%}
  </ul>
</section>