ethanvert.github.io/index.html at main · ethanvert/ethanvert.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ethan Vertal Portfolio</title>
    <link rel="stylesheet" href="./css/styles.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <header>
        <div class="header-container">
            <h1><a href="index.html">Ethan Vertal</a></h1>
            <nav>
                <div class="menu-icon" onclick="toggleMenu()">
                    <i class="fas fa-bars"></i>
                </div>
                <ul id="nav-links" class="nav-links">
                    <li><a href="#about-me">About Me</a></li>
                    <li><a href="resume.html">Resume</a></li>
                    <li><a href="#projects">Projects</a></li>
                    <li><a href="#contact">Contact</a></li>
                    <li><a href="./assets/Ethan_Vertal_Resume_Oct24.pdf" download>Download My Resume (PDF)</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero Section -->
    <div class="hero">
        <div class="hero-content">
            <h2>Welcome to My Portfolio</h2>
            <p>Discover my projects, experience, and skills as a Data Scientist.</p>
            <div class="hero-buttons">
                <a href="#projects" class="cta-button">View My Projects</a>
                <a href="resume.html" class="cta-button secondary">View My Resume</a>
            </div>
        </div>
    </div>

    <!-- About Me Section -->
    <div class="container">

        <section id="about" class="section">
            <h2>About Me</h2>
            <div class="profile">
                <div class="text">
                    <p>
                        I’m Ethan, a data scientist and recent graduate from Carnegie Mellon University with a B.S. in Statistics and Machine Learning. I’m currently located just outside of Boston, Massachusetts with my pet bearded dragon.
                    </p>
                    <p>
                        My passion lies in Generative AI. Whether that is trying out a new diffusion algorithm or creating a chat-bot, I can and have done it. In fact, all of the images you see above were sampled from my custom implementation of a <a href="https://arxiv.org/abs/2006.11239" target="_blank">DDPM</a> model (the predecessor to Stable Diffusion).
                    </p>
                    <p>
                        During my time at CMU, I leveraged the availability of world-class graduate level courses in the ML department to deepen my mathematical understanding of cutting-edge algorithms. This gave me a versatile toolkit to deal with the many financial, computational, and ethical issues the Generative AI field is currently working out.
                    </p>
                    <p>
                        Aside from Data Science, I love the outdoors and music. I played on the Carnegie Mellon University varsity soccer team, where we went to the NCAA DIII National Tournament in my third year. Other outdoor activities I find myself doing on weekends are biking, hiking, and skiing.
                    </p>
                    <p>
                        Fun Fact: I have played the violin for most of my life and love classical music!
                    </p>
                </div>
                <img src="./assets/pfp2.png" alt="Ethan Vertal">
            </div>
        </section>

        <!-- Projects Section -->
        <section class="section" id="projects">
            <h2>Projects</h2>
            <div class="projects">
                <div class="project-tile" onclick="location.href='president_rag.html'">
                    <img src="./assets/Subject.PNG" alt="RAG Bot Character">
                    <div class="overlay">
                        <div class="text-overlay">Click here to view</div>
                    </div>
                    <h3>Presidential Chat Bot</h3>
                </div>
                <div class="project-tile" onclick="location.href='rdmc.html'">
                    <img src="./assets/poster.png" alt="Project Poster">
                    <div class="overlay">
                        <div class="text-overlay">Click here to view</div>
                    </div>
                    <h3>A New Method of Generating Images</h3>
                </div>
                <div class="project-tile" onclick="location.href='alexa.html'">
                    <img src="./assets/alexa.webp" alt="Movies">
                    <div class="overlay">
                        <div class="text-overlay">Click here to view</div>
                    </div>
                    <h3>Alexa Facts Skill Blueprint</h3>
                </div>
                <div class="project-tile" onclick="location.href='imdb.html'">
                    <img src="./assets/movies.jpg" alt="Movies">
                    <div class="overlay">
                        <div class="text-overlay">Click here to view</div>
                    </div>
                    <h3>Using GPT-2 to Analyze Movie Reviews</h3>
                </div>
            </div>
        </section>

        <!-- Contact Section -->
        <section id="contact" class="section">
            <h2>Contact</h2>
            <div class="contact-icons">
                <a href="mailto:ethan.vertal@gmail.com" target="_blank" title="Email">
                    <i class="fas fa-envelope"></i> ethan.vertal@gmail.com
                </a>
                <a href="https://www.linkedin.com/in/ethan-vertal/" target="_blank" title="LinkedIn">
                    <i class="fab fa-linkedin"></i> LinkedIn
                </a>
                <a href="https://www.github.com/ethanvert/" target="_blank" title="GitHub">
                    <i class="fab fa-github"></i> GitHub
                </a>
                <a href="https://www.kaggle.com/ethanvertal/" target="_blank" title="Kaggle">
                    <i class="fab fa-kaggle"></i> Kaggle
                </a>
            </div>
        </section>

    </div>

    <footer>
        <p>You can reach me at <a href="mailto:ethan.vertal@gmail.com">ethan.vertal@gmail.com</a>.</p>
    </footer>

    <script src="./js/script.js"></script>

</body>
</html>