-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (126 loc) · 6.67 KB
/
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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Wix+Madefor+Display&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="main" id="home">
<ul class = "top_bar">
<li><a href="assets/Jacob Bueno Resume.pdf" download="Jacob_Bueno_Resume"><img class="paper" src="assets/paper.png" ></a></li>
<li><a href="https://www.linkedin.com/in/jacob-bueno-386549252/">Linkedin</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#about">About</a></li>
<li><a href="#home">Home</a></li>
</ul>
<div class="name"><h1>Jacob.</h1></div>
<div class="subtitle">Student/Analyst/Programmer</div>
</div>
<div class="about-section-wrapper" id="about">
<h1>About</h1>
<div class="pfp-wrapper">
<img class="me" src="assets/website_pfp.jpg" height="300" width="300">
</div>
<div class="about-wrapper">
<div class="about-list-item">
<p>Hello! I’m so glad you made it to my website, my name is Jacob Bueno and I
am currently attending the University of California, Berkeley working towards
a bachelor of arts in <strong>Data Science.</strong></p>
<p>Just to quickly learn a little about me, I have a deep interest in machine
learning and data engineering as well as a passion for programming.
Outside of school and work, I love to spend time with my cat Mochi as well
as play soccer, sleep, and play video games.</p>
<p>So far my time at Berkeley has been devoted to a student organization
named Pioneers in Engineering where our mission statement is to provide
affordable opportunities to low-income high schools to apply robotics and
programming knowledge in various competitions that we host. I am currently a
project manager for one of our software teams named Shepherd, which handles
with all of the game-field software required to run our competitions.</p>
</div>
</div>
<div class="subimg-wrapper">
<img class="aboutImgs" src="assets/robot.jpg" height="200" width="200">
<img class="aboutImgs" src="assets/sleep.jpg" height="200" width="200">
<img class="aboutImgs" src="assets/mochi.jpg" height="200" width="200">
</div>
</div>
<div class="section-wrapper" id="experience">
<h1>Experience</h1>
<div class="experience-wrapper">
<div class="experience-list-item">
<h2>Undergraduate Data Analyst</h2>
<h4>Haas School of Business</h4>
<p>In this position I will be analyzing... </p>
</div>
<div class="experience-list-item">
<h2>Financial Aid Student Assistant</h2>
<h4>Haas School of Business</h4>
<p>In this position I work on various projects... </p>
</div>
<div class="experience-list-item">
<h2>Student Researcher</h2>
<h4>Virtual Mentor</h4>
<p>During my time in this research role I...</p>
</div>
<div class="experience-list-item">
<h2>Project Manager</h2>
<h4>Pioneers in Engineering (PiE)</h4>
<p>A student-run non-profit organization on... </p>
</div>
<div class="experience-list-item">
<h2>Leadership</h2>
<h4>Google Developer Student Club (GDSC)</h4>
<p>A student run organization on campus that... </p>
</div>
</div>
</div>
<div class="section-wrapper" id="projects">
<h1>Projects</h1>
<div class="projects-wrapper">
<div class="projects-list-item">
<h2>Poker</h2>
<img src="assets/poker.jpg" height="200px" width="200px">
<p>A local version of texas-holdem poker for pass & play fun!</p>
<a href="https://github.com/JacobBueno7/Online-Poker"><strong><i class="arrow right"></i> GITHUB LINK <i class="arrow left"></i></strong></a>
</div>
<div class="projects-list-item">
<h2>Snake</h2>
<img src="assets/snake_game.PNG" width="200" height="200">
<p>A replica of the classic arcade game snake made in Python.</p>
<a href="https://github.com/JacobBueno7/Snake"><strong><i class="arrow right"></i> GITHUB LINK <i class="arrow left"></i></strong></a>
</div>
<div class="projects-list-item">
<h2>2048</h2>
<img src="assets/2048_logo.jpg" width="200" height="200">
<p>A replica of the game 2048 made in Python.</p>
<a href="https://github.com/JacobBueno7/2048"><strong><i class="arrow right"></i> GITHUB LINK <i class="arrow left"></i></strong></a>
</div>
<!-- <div class="BYOW">A world creation engine that is randomly <br>generated by a specific seed made in Java</a></div>
<div class="scheme">An interpreter for the programming language <br>scheme made in Python</a></div>
<div class="snake"><a href="https://github.com/JacobBueno7/Snake">A replica of the classic arcade game snake <br>made in Python</a></div>
<div class="twenty_forty-eight"><a href="https://github.com/JacobBueno7/2048">A replica of the game 2048 made in Python</a></div>
<img class="twenty_forty-eight" src="assets/2048_logo.jpg" width="200" height="200">
<img class="snake" src="assets/snake_game.PNG" width="200" height="200">
<iframe class="by0w" width="200" height="200" src="https://www.youtube.com/embed/fcNBNYysua0"></iframe>
<iframe class="interpreter" width="200" height="200" src="https://www.youtube.com/embed/lxef5mU6SrI"></iframe> -->
</div>
</div>
<p class="copyright-tag">© 2024 Jacob Bueno</p>
<script src="script.js"></script>
</body>
</html>
<!-- colors
purple color: #B5B0C9
off white: #FAF9F6
light blue: #a5d2ee
stone: #464E47
white/green: #F1FFFA
light green: #CCFCCB
medium green: #96E6B3
dark green: #568259
-->