-
Notifications
You must be signed in to change notification settings - Fork 0
/
old_index.html
181 lines (174 loc) · 11.6 KB
/
old_index.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Keena Vasiloff Personal Portfolio</title>
<link rel="icon" type="image/png" href="/favicon.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body class="test">
<nav class="navbar navbar-expand-lg bg-body-tertiary px-4" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="favicon.png" alt="Home" width="64" height="64">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" href="contact.html">Links</a>
<a class="nav-link" href="projects.html">Projects</a>
<a class="nav-link" href="courses.html">Relevant Courses</a>
</div>
</div>
</div>
</nav>
<header class="background-image">
<img class="profile-image" src="profile_pic.jpg" alt="Keena Vasiloff">
<h6> </h6>
<h1><strong>Keena Vasiloff</strong></h1>
</header>
<div class="container">
<section class="about-section">
<h2>About Me</h2>
<p>I am an undergraduate student at the University of California, Davis, pursuing a Bachelor of Science degree in Computer Science with a minor in Mathematics. In addition to serving as a Student Assistant, aiding peers in understanding programming concepts in the C language and collaborating on the development of PrairieLearn elements, I am a Technical Lead for the Google Developer's Student Club at UC Davis. With active participation in hackathons like UC Berkeley AI Hackathon 2023 and hands-on projects, I've honed my software development skills across various programming languages and frameworks. Beyond academic achievements, my personal projects, spanning from AI-driven solutions to comprehensive web development, underscore my enthusiasm for harnessing technical expertise to address real-world challenges.</p>
</section>
<section class="skills-section">
<h2>Skills</h2>
<h4>Programming Languages:</h4>
<ul class="list-unstyled">
<li>C++ | C | Python | Assembly | HTML | CSS | JavaScript | TypeScript | SQL | MATLAB | R</li>
</ul>
<h4>Frameworks</h4>
<ul>
<li>Django | Flask | React | Next.js | Bootstrap | Chakra UI | TailWind</li>
</ul>
<h4>Tools</h4>
<ul>
<li>Git | Command Line | GoogleTest | Docker</li>
</ul>
</section>
<section class="projects-section">
<h2>Projects</h2>
<ul class="list-unstyled">
<li>
<strong>SynthiaAI - UC Berkeley AI Hackathon 2023:</strong>
Collaborated with a team to conceive and prototype an AI-driven system that emulates realistic interview scenarios, offering users actionable feedback and tailored recommendations to refine their proficiency. Leveraged Python Flask for backend development, paired with JavaScript on the front end, while tapping into OpenAI's API to harness sophisticated AI functionalities.
</li>
<li>
<strong>EnergyAI - HackDavis 2023:</strong>
Designed and implemented an AI-infused web platform aimed at predicting county energy consumption for social good, leveraging AI-powered linear regression techniques. Contributed to the integration of Python Flask for backend and Bootstrap for design, assisted in AI model development, and supported HTML/CSS structuring.
</li>
<li>
<strong>YourClassLink:</strong>
<a href="https://www.yourclasslink.com" target="_blank">YourClassLink.com</a> - Developed a web platform designed to enable students to share class Discord links conveniently. Architected the system using Django for robust back-end operations, Bootstrap for a seamless front-end experience, and PostgreSQL for efficient data storage and retrieval.
</li>
</ul>
</section>
<section>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-theme="dark">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="6" aria-label="Slide 7"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="carousel-image" src="images/YourClassLinkOne.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="caption-text">Your Class Link Homepage</h2>
</div>
</div>
<div class="carousel-item">
<img class="carousel-image" src="images/SynthiaAIHome.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="caption-text">SynthiaAI Homepage</h2>
</div>
</div>
<div class="carousel-item">
<img class="carousel-image" src="images/SynthiaAIQuestion.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="caption-text">Interview by SynthiaAI</h2>
</div>
</div>
<div class="carousel-item">
<img class="carousel-image" src="images/SynthiaAIResponse.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="caption-text">Response from SynthiaAI</h2>
</div>
</div>
<div class="carousel-item">
<img class="carousel-image" src="images/SynthiaAISecond.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="caption-text">Emotion Detection by SynthiaAI</h2>
</div>
</div>
<div class="carousel-item">
<img class="carousel-image" src="images/EnergyAIOne.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="caption-text">EnergyAI Homepage</h2>
</div>
</div>
<div class="carousel-item">
<img class="carousel-image" src="images/EnergyAITwo.png" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="caption-text">EnergyAI Machine Learning Algorithm</h2>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section class="courses-section">
<h2>Relevant Courses</h2>
<ul class="list-unstyled">
<li>ECS 020: Discrete Mathematics For Computer Science</li>
<li>ECS 036A: Programming & Problem Solving</li>
<li>ECS 036B: Software Development & Object-Oriented Programming in C++</li>
<li>ECS 36C: Data Structures, Algorithms, & Programming</li>
<li>ECS 50: Computer Organization & Machine-Dependent Programming</li>
<li>ECS 132: Probability & Statistical Modeling for Computer Science</li>
<li>ECS 120: Theory of Computation</li>
<li>ECS 122A: Algorithm Design and Analysis</li>
<li>ECS 154A: Computer Architecture</li>
<li>MAT 22A: Linear Algebra</li>
<li>MAT 22B: Differential Equations</li>
<li>MAT 108: Introduction to Abstract Mathematics</li>
<li>MAT 150A: Modern Algebra</li>
</ul>
</section>
<section class="contact-section">
<h2>Contact</h2>
<ul class="list-unstyled">
<li><strong>Student Email:</strong> <a href="mailto:[email protected]">[email protected]</a>
</li>
<li><strong>Personal Email:</strong> <a
href="mailto:[email protected]">[email protected]</a></li>
<li><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/keena-vasiloff/"
target="_blank">https://www.linkedin.com/in/keena-vasiloff/</a></li>
<li><strong>Github:</strong> <a href="https://github.com/TheGhostCoder0" target="_blank">https://github.com/TheGhostCoder0</a></li>
</ul>
</section>
</div>
<footer class="mt-5 py-3 text-center" style="background-color: #343a40; color: white;">
<p>Designed by Keena Vasiloff | All rights reserved © 2023</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
</body>
</html>