portfolio/about.html at gh-pages · davidagtz/portfolio · 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
---
layout: page
title: "About Me"
permalink: /about/
---

<div id="about-info">
    <div id="about-meta">
        <div id="profile"></div>
        <span class="post-meta">University of Texas at Dallas '23</span>
        <span class="post-meta">Computer Science</span>
        <a class="post-meta" href="mailto:david.a.gutierrez99@gmail.com">david.a.gutierrez99@gmail.com</a>
    </div>
    <div id="about-text">
        <p>I am a software engineer at Google working on Android Location. I have a experience with a lot of frameworks and technologies which you can check out in the foldables!</p>
        <p>I've work with Java, Kotlin, and C++ on a daily basis construcing applications that impact the whole Android fleet.
            I have experience designing systems with cross-functional teams to deliver high quality products.
        </p>
        <p>In my free time, I like to learn about machine learning, sensor fusion, and performance optimizations.</p>
        <p>Feel free to reach out to me via email if you have any questions or just want to connect!</p>
        <div class="drop-table">
            {%- assign langs = "JavaScript, C++, Python, Swift, Java" | split: ", " -%}
            <h3>Languages</h3>
            <ul>
                {%- for lang in langs -%}
                <li>
                    <img src="/assets/about/langs/{{lang | downcase}}.png"/>
                    <span>
                        {{lang}}
                    </span>
                </li>
                {%- endfor -%}
            </ul>
        </div>
        <div class="drop-table">
            {%- assign techs = "React, Redux, Electron, MongoDB, SwiftUI, LLVM, Express.js, Tensorflow" | split: ", " -%}
            <h3>Technologies</h3>
            <ul>
                {%- for tech in techs -%}
                <li>
                    <img src="/assets/about/techs/{{tech | downcase}}.png"/>
                    <span>
                        {{tech}}
                    </span>
                </li>
                {%- endfor -%}
            </ul>
        </div>
    </div>
    <script>
        function addClass(el, class_) {
            el.className += " " + class_
        }

        function removeClass(el, class_, i) {
            const index = i ?? el.className.indexOf(class_)
            el.className = el.className.substring(0, index) +
                            el.className.substring(index + "clicked".length + 1)
        }

        function toggleClass(el, class_) {
            const index = el.className.indexOf(class_)
            if(index != -1)
                removeClass(el, class_, index)
            else
                addClass(el, class_)
        }

        const tables = document.getElementsByClassName("drop-table")
        for(let i = 0; i < tables.length; i++) {
            tables[i].onclick = ()=>{
                if(tables[i].className.indexOf("clicked") != -1) {
                    if(tables[i].className.indexOf("animate") == -1) {
                        addClass(tables[i], "animate")
                    }
                }
                else
                        addClass(tables[i].firstChild, "animate")
                toggleClass(tables[i], "clicked")
            }
        }

        window.onload = function() {
            // setTimeout(() => {
                // const tables = document.getElementsByClassName("drop-table")
                // for(let i = 0; i < tables.length; i++) {
                //     addClass(tables[i], "animate")
                // }
            // })
        }
    </script>
</div>