~tcarrio/tom.carrio.dev

cfcb1b9c8ea7b2159d4f321b3f10182177f751d5 — Tom Carrio 4 months ago d5c8e2d
feat: table of contents from file listing
2 files changed, 78 insertions(+), 21 deletions(-)

M assets/scss/index.scss
M index.html
M assets/scss/index.scss => assets/scss/index.scss +15 -1
@@ 168,6 168,20 @@ header {
    }
}

code a {
    text-decoration: none;
    color: unset;
}

code a:hover {
    text-decoration: underline;
}

code em {
    font-style: normal;
    text-decoration: underline;
}

.feather {
    width: 48px;
    height: 48px;


@@ 196,7 210,7 @@ section#introduction {
    font-size: 1.225em;

    &::before {
        content: '$: ssh web@tom.carrio.dev:/about-me';
        content: '[user@localhost]% ssh web@tom.carrio.dev';

        max-width: $reg_max_width;
        width: 100%;

M index.html => index.html +63 -20
@@ 32,25 32,53 @@
    </header>
    <div id="content">
      <section id="introduction">
        <code>$: ls -alt</code>
        <code>[web@tom.carrio.dev ~]% ls -lt</code>
        <code>
          -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;232&nbsp;Jan&nbsp;&nbsp;1&nbsp;&nbsp;1970&nbsp;&nbsp;intro.md<br />
          -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;372&nbsp;Sep&nbsp;17&nbsp;&nbsp;2013&nbsp;&nbsp;sysadmin.md<br />
          -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;470&nbsp;Feb&nbsp;13&nbsp;&nbsp;2014&nbsp;&nbsp;automation.md<br />
          -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;367&nbsp;May&nbsp;22&nbsp;&nbsp;2017&nbsp;&nbsp;ally.md<br />
          -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;662&nbsp;May&nbsp;12&nbsp;&nbsp;2019&nbsp;&nbsp;dynatrace.md<br />
          -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;797&nbsp;Feb&nbsp;2&nbsp;&nbsp;2022&nbsp;&nbsp;skillshare.md<br />
          -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;197&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;outro.md
          <a href="#intro">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;232&nbsp;Jan&nbsp;&nbsp;1&nbsp;&nbsp;1970&nbsp;&nbsp;<em>intro.md</em>
          </a>
          <br />
          <a href="#sysadmin">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;372&nbsp;Sep&nbsp;17&nbsp;&nbsp;2013&nbsp;&nbsp;<em>sysadmin.md</em>
          </a>
          <br />
          <a href="#automation">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;470&nbsp;Feb&nbsp;13&nbsp;&nbsp;2014&nbsp;&nbsp;<em>automation.md</em>
          </a>
          <br />
          <a href="#ally">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;367&nbsp;May&nbsp;22&nbsp;&nbsp;2017&nbsp;&nbsp;<em>ally.md</em>
          </a>
          <br />
          <a href="#dynatrace">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;662&nbsp;May&nbsp;12&nbsp;&nbsp;2019&nbsp;&nbsp;<em>dynatrace.md</em>
          </a>
          <br />
          <a href="#skillshare">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;797&nbsp;Feb&nbsp;&nbsp;2&nbsp;&nbsp;2022&nbsp;&nbsp;<em>skillshare.md</em>
          </a>
          <br />
          <a href="#outro">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;&nbsp;197&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;<em>outro.md</em><br />
          </a>
          <a href="#contributions">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;2473&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;<em>contributions.md</em><br />
          </a>
          <a href="#technologies">
            -rw-r--r--&nbsp;&nbsp;1&nbsp;web&nbsp;&nbsp;web&nbsp;&nbsp;&nbsp;1049&nbsp;Apr&nbsp;29&nbsp;&nbsp;2023&nbsp;&nbsp;<em>technologies.md</em>
          </a>
        </code>

        <code> $: cat ./intro.md</code>
        <a id="intro"></a>
        <code> [web@tom.carrio.dev ~]% cat ./intro.md</code>
        <p>
          Hi there, I'm a tech aficionado with a knack for architecting,
          designing, and implementing software systems. Whether it's cloud,
          containers, or systems - I love diving into the deep end of all things
          tech!
        </p>
        <code> $: cat ./sysadmin.md</code>
        <a id="sysadmin"></a>
        <code> [web@tom.carrio.dev ~]% cat ./sysadmin.md</code>
        <p>
          As a system and database administrator, I found my true passion
          working with database systems, virtual machines, and automation


@@ 58,7 86,8 @@
          automated maintenance strategies like backups and log monitoring for
          internal services, which sparked my interest in software engineering.
        </p>
        <code> $: cat ./automation.md</code>
        <a id="automation"></a>
        <code> [web@tom.carrio.dev ~]% cat ./automation.md</code>
        <p>
          I continued my work as a system administrator, created automation
          tooling to reduce toil, and implemented internal services to simplify


@@ 68,7 97,8 @@
          to enroll in Computer Science at Oakland University to continue my
          journey.
        </p>
        <code> $: cat ./ally.md</code>
        <a id="ally"></a>
        <code> [web@tom.carrio.dev ~]% cat ./ally.md</code>
        <p>
          As my interests grew, I moved into a software engineering role at Ally
          Financial where I worked on several projects. I re-architected


@@ 76,7 106,8 @@
          while working with a ton of different technology like J2EE, Struts,
          Redis, Spring Boot, Angular, Jenkins, Docker, and OpenShift.
        </p>
        <code> $: cat ./dynatrace.md</code>
        <a id="dynatrace"></a>
        <code> [web@tom.carrio.dev ~]% cat ./dynatrace.md</code>
        <p>
          I eventually joined Dynatrace working on the Davis Assistant project.
          I worked on some pretty awesome integrations with Dynatrace APM,


@@ 88,7 119,8 @@
          around our natural language processing tool which was released as open
          source code, called Dialogflow-as-Code.
        </p>
        <code> $: cat ./skillshare.md</code>
        <a id="skillshare"></a>
        <code> [web@tom.carrio.dev ~]% cat ./skillshare.md</code>
        <p>
          I later went on to join Skillshare, where I have served as a Staff
          Backend Engineer on the Platform team and played a key role in


@@ 102,7 134,8 @@
          widely utilized across various languages, greatly improving the
          developer experience across the organization.
        </p>
        <code> $: cat ./outro.md</code>
        <a id="outro"></a>
        <code> [web@tom.carrio.dev ~]% cat ./outro.md</code>
        <p>
          Needless to say, my passions lie in complex problems, reducing toil,
          and bringing users great experiences. Plus, I'm a pro at facilitating


@@ 272,7 305,9 @@
        <div class="title">Technologies and Experience</div>
        <div>
          <p class="topic">Containers and Orchestration</p>
          <p class="entries">OpenShift, Docker, ECS, Helm, Compose, Kubernetes</p>
          <p class="entries">
            OpenShift, Docker, ECS, Helm, Compose, Kubernetes
          </p>
        </div>
        <div>
          <p class="topic">Programming Languages</p>


@@ 280,7 315,9 @@
        </div>
        <div>
          <p class="topic">Web Development</p>
          <p class="entries">React, NextJS, Angular, Sass, Webpack, CSS3, HTML5</p>
          <p class="entries">
            React, NextJS, Angular, Sass, Webpack, CSS3, HTML5
          </p>
        </div>
        <div>
          <p class="topic">Service Development</p>


@@ 296,7 333,9 @@
        </div>
        <div>
          <p class="topic">Message Queues, PubSub, and Stream Processing</p>
          <p class="entries">Kinesis, AWS Event Bus, Redis, IBM MQ, SQS, Kafka</p>
          <p class="entries">
            Kinesis, AWS Event Bus, Redis, IBM MQ, SQS, Kafka
          </p>
        </div>
        <div>
          <p class="topic">Software Development Lifecycle and Source Control</p>


@@ 320,7 359,9 @@
        </div>
        <div>
          <p class="topic">Observability and Monitoring</p>
          <p class="entries">Datadog, OpenTelemetry, StatsD, Dynatrace, Prometheus, Zipkin</p>
          <p class="entries">
            Datadog, OpenTelemetry, StatsD, Dynatrace, Prometheus, Zipkin
          </p>
        </div>
        <div>
          <p class="topic">Logging</p>


@@ 367,7 408,9 @@
            <p>
              :: This website is open source and hosted on
              <a href="https://sourcehut.org">Sourcehut</a> at
              <a href="https://git.sr.ht/~tcarrio/tom.carrio.dev">~tcarrio/tom.carrio.dev</a>.
              <a href="https://git.sr.ht/~tcarrio/tom.carrio.dev"
                >~tcarrio/tom.carrio.dev</a
              >.
            </p>
          </div>
        </div>