-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
155 lines (134 loc) · 6.24 KB
/
index.htm
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Personal landing page of Jasson">
<title>Jasson - Personal Landing Page</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<script src="javascript/emailProtection.js" defer></script>
<script src="javascript/main.js" defer></script>
<script src="javascript/fetchProjects.js" defer></script>
<script src="javascript/fetchParts.js" defer></script>
<script src="javascript/fetchEducation.js" defer></script>
<!-- Open Graph -->
<meta property="og:title" content="Jasson - Engineer Portfolio">
<meta property="og:description"
content="Explore Jasson's experience, skills, and projects in software development, machine learning, and cybersecurity.">
<meta property="og:image" content="https://jassoncordones.github.io/assets/images/profile.jpg">
<meta property="og:url" content="https://jassoncordones.github.io.com">
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Jasson - Engineer Portfolio">
<meta name="twitter:description"
content="Explore Jasson's experience, skills, and projects in software development, machine learning, and cybersecurity.">
<meta name="twitter:image" content="https://jassoncordones.github.io/assets/images/profile.jpg">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Jasson",
"jobTitle": "Industrial Engineer",
"url": "ttps://jassoncordones.github.io.com",
"sameAs": [
"https://github.com/jassoncordones",
"https://linkedin.com/in/jassoncordones",
"https://mastodon.social/@jassoncordones"
"href="https://tryhackme.com/r/p/Jassonc"
],
"worksFor": {
"@type": "Organization",
"name": "Independent"
}
}
</script>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HZE44XNKYN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-HZE44XNKYN');
</script>
<body>
<header>
<section id="header">
<div class="profile">
<img src="assets/images/profile.webp" alt="Jasson's Profile Picture" class="profile-pic">
<h1>Jasson Cordones</h1>
<p>Industrial Engineer | Project Manager |Software Developer | Machine Learning Expert</p>
</div>
<h2><a href="blog/index.html" target="_blank">Blog</a></h2>
<h2><a href="cv.html">Curriculum Vitae</a></h2>
</section>
</header>
<section id="about">
<h2>About Me</h2>
<p>Hey, I’m Jasson Cordones Industrial Egineer and Project Manager. My main interest are engineering, project
management, data analysis, software development and cybersecurity.
<br>
<p>Programing Languages: I'm most proficient in C++, Python and Javascript but I also have basic knowledge of
C#, Go, R, Rust and others.</p>
</section>
<section id="eductation">
<h2>Education</h2>
<div id="education-container"></div>
</section>
<section id="courses">
<h2>Courses Attended</h2>
<div id="course-counter">Total Courses: <span id="course-count">0</span></div>
<!-- Search, Filter, and Controls -->
<!--TODO: Add theme to controls-->
<div class="controls">
<input type="text" id="search-bar" placeholder="Search by name, organization, or skill">
<select id="filter-skill" aria-label="Skills filter">
<option value="">Filter by Skill</option>
</select>
<button id="toggle-view">Toggle View (Grid/List)</button> <!-- TODO: Fix list-view -->
<select id="sort-courses" aria-label="Sort Courses">
<option value="name">Sort by Name</option>
<option value="organization">Sort by Organization</option>
<option value="issue-date">Sort by Issue Date</option>
</select>
</div>
<!-- Grid/List View -->
<div id="courses-container" class="grid-view">
<!-- Courses will be rendered here -->
</div>
</section>
<section id="portfolio">
<h2>Open Source Projects</h2>
<div id="projects-counter">Total Courses: <span id="projects-count">0</span></div>
<!--TODO: Add theme to controls-->
<div class="controls">
<input type="text" id="projects-search-bar" placeholder="Search by name or skill">
<select id="projects-filter-skill" aria-label="Skills filter">
<option value="">Filter by Skill</option>
</select>
<button id="projects-toggle-view">Toggle View (Grid/List)</button> <!-- TODO: Fix list-view -->
</div>
<div id="projects-container" class="grid-view">
<!-- Projects will be rendered here -->
</div>
</section>
<section id="contact">
<h2>Contact Info</h2>
<p>Email: <span id="email-protected" class="clickable">click to show</span></p>
<br>
<p>Socials:
<ul>
<li><a href="https://github.com/jassoncordones" target="_blank">GitHub</a></li>
<li><a href="https://linkedin.com/in/jassoncordones" target="_blank">LinkedIn</a></li>
<li><a href="https://mastodon.social/@jassoncordones" target="_blank">Mastodon</a></li>
<li><a href="https://app.pluralsight.com/profile/jasson-cordones-d3" target="_blank">Pluralsight</a></li>
<li><a href="https://www.datacamp.com/portfolio/jassonc" target="_blank">Datacamp</a></li>
<li><a href="https://tryhackme.com/r/p/Jassonc" target="_blank">Tryhackme</a></li>
<li><a href="https://kaggle.com/jassoncordones" target="_blank">Kaggle</a></li>
</ul>
</p>
</section>
<footer id="footer"></footer>
</body>
</html>