-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
184 lines (174 loc) · 9.26 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
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
182
183
184
<!DOCTYPE HTML>
<html>
<head>
<title>PlanetHoshii</title>
<link rel="icon" type="image/x-icon" href="/images/Favicon.png">
<meta name="description" content="Creative Engineer by day, Creative Engineer by Night">
<meta property="og:image" content="images\Linkedin.jpg">
<meta property="og:image:height" content="500">
<meta property="og:image:height" content="500">
<meta property="og:image:alt" content="images\LOGO.png">
<meta property="twitter:image" content="images\Linkedin.jpg">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<img src="images/LOGO.png" alt="" title="PlanetHoshii Logo" class="crop-logo"></a>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">Who am I</a></li>
<li><a href="#two">Achievements and Milestones</a></li>
<li><a href="#three">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<img src="images/Headshot.png" alt="PlanetHoshii" class="headshot"></img>
<h1>Joel (Jay) L. is @PlanetHoshii</h1>
<p>Creative Computer Engineering / Computer Science Student by day.</p>
<p>3D Modeler / Artist by night.</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn about Jay</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="images/Linkedin.jpg" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Computer Engineering and Computer Science Student / Graduate</h2>
<p style="text-indent: 25px;">As a child, I have always been interested in technology and creating new things with code. So I've dedicated my studies to pushing the boundaries and creating new things. I've throughly learned <u><strong>C++</strong></u> and <u><strong>C#</strong></u> in college, while I've <i>taught</i> myself <u><strong>HTML</strong></u> and <u><strong>CSS</strong></u>, and <u><strong>Lua</strong></u> at age 19. <br></p>
<p style="text-indent: 25px;">I've also worked with motherboards, and hardware to create <b><u>3D Motion Trackers</u></b> for my personal video game model projects, Computers, and even robots. I am willing to learn so much more to continue to push the limits of technology.</p>
<ul class="actions">
<li><a href="https://docs.google.com/document/d/1WcwCKSM5zWXKRw2qpr0gbNkFX4otfHIy/edit?usp=drive_link&ouid=117567791706301477839&rtpof=true&sd=true" target="_blank" class="button">View my Resume</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/Model.png" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>3D Digital Artist / Modeler</h2>
<p style="text-indent: 25px;">In school, I have learned <b><a href="https://www.autodesk.com/" target="_blank">AutoCAD, Autodesk Maya, and Fusion</a></b> to create both works of art, and Engineering Models that I take pride in. I have also <i>taught</i> myself <b><a href="https://www.blender.org/" target="_blank">Blender</a></b> for personal purposes.</p>
<ul class="actions">
<li><a href="Models.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<!--<section>
<a href="#" class="image"><img src="images/pic03.jpg" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Ultricies aliquam</h2>
<p>Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus.</p>
<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>-->
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>Achievements and Milestones</h2>
<p>Here is the list of the move recent milestones and achievements I have gone through as a Computer Engineer/Scientist:</p>
<div class="features">
<section>
<span class="icon solid major fa-star"></span>
<h3>Personal Website</h3>
<p><strong><u>07/25/2024:</u></strong> Finally launched my own personal website for my resume and skillset.</p>
</section>
<section>
<span class="icon solid major fa-code"></span>
<h3>Joined <a href="https://headstarter.co/" target="_blank">Headstarter AI</a> as a Software Engineering Fellow</h3>
<p><strong><u>07/22/2024:</u></strong> My first official fellowship with a technology company who prioritizes in building a community of emerging tech leaders and Software Engineers.</p>
</section>
<section>
<span class="icon solid major fa-desktop"></span>
<h3>Developed my own personal world and avatar fully created in Unity.</h3>
<p><strong><u>11/22/2022:</u></strong> Over the span of the school year, I've fully created an interactable worlds and assets within Unity which is used publically at <a href="https://store.steampowered.com/app/1920720/mtion_studio/" target="_blank">mtion studio</a> and <a href="https://VRChat.com" target="_blank">VRChat</a>, as well as for friends.</p>
</section>
<section>
<span class="icon solid major fa-cog"></span>
<h3>Created my first character 3D Model</h3>
<p><strong><u>03/15/2021:</u></strong> I've finished my first personal project: a 3D Model of a semi-realistic humanoid. A project I've fully build from the default cube, as well as weight painted, texture painted, and rigged by myself. I then brought the model to Unity for exportation.</p>
</section>
</div>
<!--<ul class="actions">
<li><a href="Achievements.html" class="button">More</a></li>
</ul>
</div>-->
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<p>You can easily message me at anytime by my work email or social media email.</p>
<div class="split style1">
<section>
<ul class="contact">
<li>
<h3>Work Email</h3>
<p>For any inquiries about work opportunities and concerns:<br><a href="mailto:JLLopez2002@outlook.com">JLLopez2002@outlook.com</a></p>
</li>
<li>
<h3>Social Media Email</h3>
<p>For any inquiries about social media opportunities and commissions:<br><a href="mailto:itsjusthoshi@gmail.com">itsjusthoshi@gmail.com</a>
</li>
<li>
<h3>Phone</h3>
<span>(929) 399-4672</span>
</li>
<li>
<h3>Socials</h3>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/joel-lopez-712763206/" class="icon brands fa-linkedin-in" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/PlanetHoshii" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
<li><a href="https://twitch.tv/PlanetHoshii" class="icon brands fa-twitch" target="_blank"><span class="label">Twitch</span></a></li>
<li><a href="https://www.instagram.com/PlanetHoshii/" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://twitter.com/PlanetHoshii" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.tiktok.com/@planethoshii" class="icon brands fa-tiktok" target="_blank"><span class="label">TikTok</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© PlanetHoshii </li>
</ul>
</div>
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>