-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
406 lines (349 loc) · 21.3 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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
<!DOCTYPE html>
<html lang="en">
<head>
<!-- CSS and Fonts -->
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/cursor.css">
<link rel="stylesheet" href="styles/form.css">
<link rel="stylesheet" href="styles/loading.css">
<link rel="stylesheet" href="styles/squirrel.css">
<link rel="stylesheet" href="styles/portrait.css">
<link rel="stylesheet" href="styles/mobilelandscape.css">
<!-- Loading spinner script -->
<script src="scripts/loading.js"></script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Treshan Appuhamy - Electrical/Computer Systems Engineer's Portfolio</title>
<!-- Important Meta Keywords -->
<meta name="keywords" content="Treshan Appuhamy, Electrical Engineer, Computer Systems Engineer, Portfolio, Treshan Appuhamy Technology, Treshan Appuhamy Projects">
<meta name="author" content="Treshan Appuhamy">
<meta name="subject" content="Treshan Appuhamy - Electrical/Computer Systems Engineer">
<meta name="topic" content="Treshan Appuhamy - Electrical/Computer Systems Engineer">
<meta name="summary" content="Profile and portfolio of Treshan Appuhamy, an Electrical/Computer Systems Engineer.">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Treshan Appuhamy",
"url": "https://treshan.me",
"sameAs": [
"https://github.com/treshanappuhamy",
"https://www.linkedin.com/in/treshanappuhamy",
"https://www.facebook.com/treshan.rajinda/",
"https://www.linkedin.com/posts/treshanappuhamy_certificate-of-participation-2023-activity-7097812745751859200-S93Q",
"https://www.youtube.com/c/TreshanAppuhamy",
"https://www.tiktok.com/@tre.sh",
"https://www.kaggle.com/learn/certification/treshanappuhamy/intro-to-ai-ethics",
"https://www.google.com/search?q=treshan+appuhamy&sca_esv=9808eceaba48aaa9&rlz=1C5CHFA_enLK1087LK1087&sxsrf=ADLYWIKvBBzp1kmMD3UDKOmaY0iuHrEk5g%3A1718712228808&ei=pHdxZqvBLMXPseMP8uSI4Ao&ved=0ahUKEwiro_X-jeWGAxXFZ2wGHXIyAqwQ4dUDCBA&uact=5&oq=treshan+appuhamy&gs_lp=Egxnd3Mtd2l6LXNlcnAiEHRyZXNoYW4gYXBwdWhhbXkyBBAjGCcyBBAjGCcyCBAAGIAEGKIEMggQABiABBiiBDIIEAAYgAQYogQyCBAAGIAEGKIEMggQABiABBiiBEjMDFCCA1jPCnABeACQAQCYAXigAfcCqgEDMy4xuAEDyAEA-AEBmAIEoAKJA8ICCBAhGKABGMMEmAMAiAYBkgcDMy4xoAfMDQ&sclient=gws-wiz-serp#ip=1:~:text=Android%20Resistance%20Calculator%20%2D%20Treshan,views%20%C2%B7%201%20month%20ago",
"https://twitter.com/treshanappuhamy"
]
}
</script>
<!-- Meta Descriptions and Open Graph Tags -->
<meta name="description" content="Discover the professional portfolio and blog of Treshan Appuhamy. Explore articles on technology, programming, and personal projects by Treshan Appuhamy.">
<meta itemprop="name" content="Treshan Appuhamy - Electrical/Computer Systems Engineer">
<meta itemprop="description" content="Electrical Engineer with expertise in Electrical Energy Systems, Power Systems Fault Analysis, and Control Systems by Treshan Appuhamy.">
<meta itemprop="image" content="https://treshanappuhamy.com/images/portfolio-image.png">
<meta property="og:site_name" content="Treshan Appuhamy's Portfolio">
<meta property="og:type" content="website">
<meta property="og:url" content="https://treshan.me">
<meta property="og:title" content="Treshan Appuhamy - Electrical/Computer Systems Engineer">
<meta property="og:description" content="Discover the professional portfolio and blog of Treshan Appuhamy. Explore articles on technology, programming, and personal projects by Treshan Appuhamy.">
<meta property="og:image" content="https://treshan.me/images/background.png">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body class="loading">
<!-- Header section -->
<div id="header">
<div class="container">
<!-- Navigation bar -->
<nav>
<!-- Logo with link to homepage -->
<a href="./">
<img src="images/logo.gif" class="logo" alt="Treshan Appuhamy" loading="eager">
</a>
<!-- Side menu for navigation links -->
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
<!-- Close menu icon for mobile navigation -->
<i class="fas fa-times" onclick="closemenu()"></i>
</ul>
<!-- Hamburger icon for mobile navigation -->
<i class="fas fa-bars" onclick="openmenu()"></i>
</nav>
<!-- Loading animation section -->
<div class="loading-page">
<div class="name-container">
<div class="logo-name">TRESHAN</div>
</div>
<img src="images/squirrel.gif" class="squirrel" alt="Moving Squirrel">
</div>
<!-- Header text content -->
<div class="header-text">
<p>Electrical/Computer Systems Engineer</p>
<h1>Hi, I'm <span>Treshan Appuhamy</span><br>from Monash University</h1>
</div>
</div>
</div>
<!-- About section -->
<div id="about">
<div class="container">
<!-- About Me section -->
<div class="aboutme">
<div class="row">
<!-- Column for profile image -->
<div class="about-col-1">
<img src="images/user.png" loading="lazy" alt="Treshan Appuhamy">
</div>
<!-- Column for biography and tabs -->
<div class="about-col-2">
<h1 class="sub-title">About Me</h1>
<p>
Electrical Engineering graduate with expertise in Electrical Energy Systems, Power Systems Fault Analysis, and Control Systems. Skilled in Embedded Systems, IoT, and Computer Architecture. Strong problem-solving abilities and team collaboration skills.
</p>
<!-- Tab titles for switching content -->
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab(event, 'skills')">Skills</p>
<p class="tab-links" onclick="opentab(event, 'experience')">Experience</p>
<p class="tab-links" onclick="opentab(event, 'education')">Education</p>
</div>
<!-- Tab content for Skills -->
<div class="tab-contents active-tab" id="skills">
<ul>
<li>
<span>Project Management</span><br>
Experienced in project management, specializing in planning, budgeting, and on-site execution to ensure timely delivery and adherence to quality standards. Proficient in coordinating with clients, consultants, and subcontractors to resolve challenges and streamline operations. Skilled in procurement processes, material approvals, and managing subcontractor claims while maintaining accurate records. Adept at enforcing safety standards and ensuring regulatory compliance on-site. Strong financial oversight capabilities, including managing Work in Progress (WIP) costs, tracking profitability, and achieving positive cash flow. Excellent at collaborating with stakeholders to optimize workflows and enhance overall project efficiency.
</li>
</ul>
<ul>
<li>
<span>Electrical</span><br>
Cable Sizing & Power Distribution: I excel at determining the right cable sizes for efficient and safe electrical systems, ensuring all designs meet industry standards. My experience includes designing power distribution networks that effectively deliver electricity to end-users.
</li>
</ul>
<ul>
<li>
<span>Computer Systems</span><br>
Programming of Microcontrollers: I am specialized in writing firmware for microcontrollers, using languages like C and C++ to create reliable and efficient embedded systems. My projects often involve interfacing with sensors, managing real-time data, and optimizing hardware performance.
</li>
</ul>
<ul>
<li>
<span>Web Developer</span><br>
Web App Development: I enjoy creating dynamic and user-friendly web applications. My skill set includes developing responsive interfaces with HTML, CSS, and JavaScript, and building robust back-end systems with Node.js to handle data and server logic.
</li>
</ul>
</div>
<!-- Tab content for Experience -->
<div class="tab-contents" id="experience">
<ul>
<li>
<span>Graduate Electrical Engineer</span><br>
<div style="display: flex; justify-content: space-between; width: 100%;">
<div>Diesel & Motor Engineering PLC</div>
<div style="text-align: right;">Sept 2024 – Present</div>
</div>
<div style="display: flex; justify-content: space-between; width: 100%;">
<div>Colombo, Sri Lanka</div>
<div style="text-align: right;">On Site</div>
</div>
<br>
Lead Project Engineer for the Public Address System (PAS) at the Casino, Waterfront Integrated Resort by Cinnamon Life. Assisted in Security Access (CCTV) systems for the base building.
<br><br>
Oversaw project execution, ensuring compliance with budgets, timelines, and quality standards. Coordinated with clients, consultants, and subcontractors to facilitate smooth operations and resolve on-site challenges. Managed procurement processes, material approvals, and subcontractor claims while maintaining accurate records. Monitored site safety and ensured adherence to company policies and regulatory standards. Achieved project targets, including profitability and positive cash flow against Work in Progress (WIP) costs. Collaborated with internal and external stakeholders to streamline workflows and enhance project efficiency.
</li>
</ul>
<ul>
<li>
<span>Virtual Intern</span><br>
<div style="display: flex; justify-content: space-between; width: 100%;">
<div>Monash Warwick Alliance</div>
<div style="text-align: right;">Jun 2023 - Jun 2023</div>
</div>
<div style="display: flex; justify-content: space-between; width: 100%;">
<div>Selangor, Malaysia</div>
<div style="text-align: right;">Remote</div>
</div>
<br>
Developed a model for risk management for financial
services by developing credit and climate risk models,
using specific data to enhance the stability & reliability of
financial institutions by 11%.</li>
</ul>
<ul>
<li>
<span>Electrical Engineering Intern</span><br>
<div style="display: flex; justify-content: space-between; width: 100%;">
<div>Selangor Human Resource Dev. Centre (SHRDC)</div>
<div style="text-align: right;">Feb 2023 – Nov 2022</div>
</div>
<div style="display: flex; justify-content: space-between; width: 100%;">
<div>Shah Alam, Malaysia</div>
<div style="text-align: right;">On Site</div>
</div>
<br>
Integrated LiDAR sensors and PLCs, which optimized
industrial operations, resulting in approximately 20%
increase in operational efficiency.
Utilized MQTT for machine communication, improving
industrial workflow, achieving a faster data transfer rate.
Developed a SCUTTLE AGV robot and a Python-based
decision-making processes using ROS with real-time
LiDAR data, which can be used in the industry to carry
heavy loads.
Developed an automated Node-RED programs which
enabled industrial machinery control via WhatsApp &
Siemens PLC, streamlining tasks and enhanced industrial
efficiency by 40%.
</li>
</ul>
</div>
<!-- Tab content for Education -->
<div class="tab-contents" id="education">
<ul>
<li>
<span>Monash University</span><br>
Bachelor of Engineering (Honours), Electrical and Computer Systems Engineering<br>
2021 - 2024
</li>
</ul>
<ul>
<li>
<span>Monash College</span><br>
Monash College Diploma, Engineering<br>
2019 - 2020
</li>
</ul>
<ul>
<li>
<span>Gateway College</span><br>
Edexcel International Advanced Level, Mathematics<br>
2017 - 2019
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio section -->
<div id="portfolio">
<div class="container">
<!-- Section title -->
<h1 class="sub-title">My Work</h1>
<!-- List of work items -->
<div class="work-list">
<!-- Individual work item -->
<div class="work">
<img src="images/work/research.png" loading="lazy" alt="Treshan Appuhamy">
<div class="layer">
<h3></h3> <!-- Project title (to be filled) -->
<p></p> <!-- Project description (to be filled) -->
<a href="research-project.html"><i class="fas fa-external-link-alt"></i></a> <!-- Link to project -->
</div>
</div>
<div class="work">
<img src="images/work/BLACKPINK.png" loading="lazy" alt="Treshan Appuhamy">
<div class="layer">
<h3></h3> <!-- Project title (to be filled) -->
<p></p> <!-- Project description (to be filled) -->
<a href="monash-color-bowl-2023.html"><i class="fas fa-external-link-alt"></i></a> <!-- Link to project -->
</div>
</div>
<div class="work">
<img src="images/work/ResistCalc.png" loading="lazy" alt="Treshan Appuhamy">
<div class="layer">
<h3></h3> <!-- Project title (to be filled) -->
<p></p> <!-- Project description (to be filled) -->
<a href="android-resistcalc.html"><i class="fas fa-external-link-alt"></i></a> <!-- Link to project -->
</div>
</div>
<div class="work">
<img src="images/work/hrm.png" loading="lazy" alt="Treshan Appuhamy">
<div class="layer">
<h3></h3> <!-- Project title (to be filled) -->
<p></p> <!-- Project description (to be filled) -->
<a href="heart-rate-monitor.html"><i class="fas fa-external-link-alt"></i></a> <!-- Link to project -->
</div>
</div>
</div>
<!-- Link to view more projects -->
<a href="projects.html" class="btn">See more</a>
</div>
</div>
<!-- Contact section -->
<div id="contact">
<div class="container">
<div class="row">
<!-- Left section with contact information -->
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p><i class="fas fa-paper-plane"></i> treshanappuhamy@outlook.com</p>
<!-- Social media icons -->
<div class="social-icons">
<a class="linkedin" href="https://www.linkedin.com/in/treshanappuhamy"><i class="fab fa-linkedin"></i> </a>
<a class="github" href="https://www.github.com/treshanappuhamy"><i class="fab fa-github"></i> </a>
<a class="twitter" href="https://www.twitter.com/treshan_rajinda"><i class="fab fa-twitter-square"></i> </a>
</div>
<!-- Button to download CV -->
<a href="Treshan-CV.pdf" class="btn btn2">Download CV</a>
</div>
<!-- Right section with contact form -->
<div class="contact-right">
<form name="submit-to-google-sheet">
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="Message" rows="6" placeholder="Your Message"></textarea>
<!-- Combined container for message and sending indicator -->
<div class="msg-and-indicator" style="margin-bottom: 5px">
<!-- Span for displaying form submission messages -->
<span id="msg"></span>
<!-- Sending indicator -->
<div class="sending-indicator">
<div class="loader"></div>
<p>Sending...</p>
</div>
</div>
<div><button style="margin-top: -15px" type="submit" class="btn btn2">Submit</button></div>
</form>
</div>
</div>
</div>
</div>
<!-- Copyright information -->
<div class="copyright">
<p>© <span id="year"></span> Treshan Appuhamy - All rights reserved</p>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
<div id="last-updated">
Loading...
</div>
</div>
<!-- GSAP (GreenSock Animation Platform) core library from CDN with integrity check for security -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"
integrity="sha512-gmwBmiTVER57N3jYS3LinA9eb8aHrJua5iQD7yqYCKa5x6Jjc7VDVaEA0je0Lu0bP9j7tEjV3+1qUm6loO99Kw=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Main script for custom functionalities -->
<script src="scripts/script.js"></script>
<script src="scripts/last-updated.js"></script>
<!-- About page script for specific functionalities related to the About page -->
<script src="scripts/about.js"></script>
<!-- Navbar script for handling navigation bar interactions -->
<script src="scripts/navbar.js"></script>
<!-- Form handling script for managing form interactions and validations -->
<script src="scripts/form.js"></script>
<!-- Custom cursor script for modifying the cursor behavior and appearance -->
<script src="scripts/cursor.js"></script>
<!-- GSAP (GreenSock Animation Platform) core library from CDN (older version) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.2/gsap.min.js"></script>
<!-- GSAP ScrollTrigger plugin for scroll-based animations from CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.2/ScrollTrigger.min.js"></script>
</body>
</html>