Compare commits

..

10 commits

4 changed files with 96 additions and 440 deletions

View file

@ -154,8 +154,7 @@ input, textarea {
html { font-family: var(--ff-poppins); }
body { background: var(--smoky-black); }
/** .dark-mode { background: var(--smoky-black); } **/
@ -1878,3 +1877,7 @@ textarea.form-input::-webkit-resizer { display: none; }
.timeline-text { max-width: 700px; }
}
mini-map .screen-image .canvas {
background: white -moz-element(#main) no-repeat scroll center center / contain;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

View file

@ -26,14 +26,13 @@ function notifyMe() {
// want to be respectful there is no need to bother them anymore.
}
notifyMe();
//notifyMe();
*/
// element toggle function
const elementToggleFunc = function (elem) { elem.classList.toggle("active"); }
// sidebar variables
const sidebar = document.querySelector("[data-sidebar]");
const sidebarBtn = document.querySelector("[data-sidebar-btn]");
@ -72,7 +71,6 @@ for (let i = 0; i < testimonialsItem.length; i++) {
testimonialsModalFunc();
});
}
// add click event to modal close button
@ -80,7 +78,7 @@ modalCloseBtn.addEventListener("click", testimonialsModalFunc);
overlay.addEventListener("click", testimonialsModalFunc);
/*
// custom select variables
const select = document.querySelector("[data-select]");
const selectItems = document.querySelectorAll("[data-select-item]");
@ -159,8 +157,7 @@ for (let i = 0; i < formInputs.length; i++) {
});
}
*/
// page navigation variables
const navigationLinks = document.querySelectorAll("[data-nav-link]");

View file

@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -23,6 +22,8 @@
<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=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
<script defer src="https://umami.priyatham.duckdns.org/script.js" data-website-id="f662df9e-9c62-4d7f-bc17-3bcd504b1b73"></script>
</head>
<body>
@ -46,7 +47,7 @@
<div class="info-content">
<h3 class="name" title="Priyatham Sai Chand">Priyatham Sai Chand</h3>
<p class="title">CS Graduate Student</p>
<p class="title">Engineer at Heart</p>
</div>
<button class="info_more-btn" data-sidebar-btn>
<span>Show Contacts</span>
@ -86,8 +87,8 @@
</div>
<div class="contact-info">
<p class="contact-title">Expected Graduation</p>
<time datetime="1982-06-23">May 1, 2024</time>
<p class="contact-title">Graduated</p>
<time datetime="1982-06-23">May 17, 2024</time>
</div>
</li>
@ -125,7 +126,7 @@
</li>
<li class="social-item">
<a href="https://github.com/Priyatham-sai-chand" class="social-link"target="_blank">
<a href="https://code.priyatham.duckdns.org/explore/repos" class="social-link"target="_blank">
<ion-icon name="logo-github"></ion-icon>
</a>
</li>
@ -133,13 +134,11 @@
</ul>
</div>
</aside>
<!--
- #main-content
-->
<div class="main-content">
<!--
@ -172,10 +171,7 @@
</li>
</ul>
</nav>
<!--
- #ABOUT
-->
@ -188,11 +184,11 @@
<section class="about-text">
<ul>
<li>👨‍💻 I'm a Master's Student in Cal Poly Pomona, CA. I study Computer Science.</li>
<li>💾 I worked as an intern in Cognizant at the latest on data engineering</li>
<li>💾 I work as a Technical Lead for Innovation Initiatives of Cal Poly Pomona overseeing projects and integrations serving 30,000 students, faculty and staff</li>
<li>👨‍💻 I just finished my Master's degree from Cal Poly Pomona, CA. I studied Computer Science.</li>
<li>💾 I worked as a Digital Credential Specialist overseeing badging efforts integrations with LMS</li>
<li>💻 I make an array of software projects and worked on many interesting and rewarding internships.</li>
<li>☁ I love to see software be better integrated into daily lives. My focus lies in cloud solutions with scalability and performance.</li>
<li>I currently work on interdisciplinary software with aerospace projects such as UMBRA and Northrop Grumman Collaboration project</li>
<li>I worked as Interface Lead in aerospace projects such as Northrop Grumman Collaboration project</li>
</ul>
@ -315,74 +311,6 @@
</div>
</li>
<!--
<li class="testimonials-item">
<div class="content-card" data-testimonials-item>
<figure class="testimonials-avatar-box">
<img src="./assets/images/avatar-2.png" alt="Jessica miller" width="60" data-testimonials-avatar>
</figure>
<h4 class="h4 testimonials-item-title" data-testimonials-title>Jessica miller</h4>
<div class="testimonials-text" data-testimonials-text>
<p>
Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
lot of experience
and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
consectetur adipiscing
elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
</p>
</div>
</div>
</li>
<li class="testimonials-item">
<div class="content-card" data-testimonials-item>
<figure class="testimonials-avatar-box">
<img src="./assets/images/avatar-3.png" alt="Emily evans" width="60" data-testimonials-avatar>
</figure>
<h4 class="h4 testimonials-item-title" data-testimonials-title>Emily evans</h4>
<div class="testimonials-text" data-testimonials-text>
<p>
Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
lot of experience
and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
consectetur adipiscing
elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
</p>
</div>
</div>
</li>
<li class="testimonials-item">
<div class="content-card" data-testimonials-item>
<figure class="testimonials-avatar-box">
<img src="./assets/images/avatar-4.png" alt="Henry william" width="60" data-testimonials-avatar>
</figure>
<h4 class="h4 testimonials-item-title" data-testimonials-title>Henry william</h4>
<div class="testimonials-text" data-testimonials-text>
<p>
Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
lot of experience
and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
consectetur adipiscing
elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
</p>
</div>
</div>
</li>
!-->
</ul>
</section>
@ -481,9 +409,6 @@
-->
</article>
<!--
- #RESUME
-->
@ -548,6 +473,17 @@
</div>
<ol class="timeline-list">
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Technical Lead</h4>
<span>June 2024 - present</span>
<p class="timeline-text">
Lead various technical projects for office of innovation initatives and be part of advisory board and committees' that help discover and reccommend new softwares to license.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Digital Credential Specialist</h4>
@ -566,8 +502,7 @@
<span>Aug 2022 — April 2024</span>
<p class="timeline-text">
Leading team discussions and facilitated decision-making on key interface elements and functionalities to create a robust interface for mission-critical operations. Presented final interface design to project stakeholders and secured approval for implementation and integrate it
with other vehicle teams. </p>
Leading team discussions and facilitated decision-making on key interface elements and functionalities to create a robust interface for mission-critical operations. Presented final interface design to project stakeholders and secured approval for implementation and integrate it with other vehicle teams. </p>
</li>
<li class="timeline-item">
@ -695,7 +630,6 @@ with other vehicle teams. </p>
</section>
</article>
<!--
- #Projects
-->
@ -705,10 +639,58 @@ with other vehicle teams. </p>
<h2 class="h2 article-title">Projects</h2>
</header>
<ol class="timeline-list">
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Digital Credentials</h4>
<span>2022 — 2024</span>
<p class="timeline-text">I have been involved and advocating to the use of digital credentials as I started my master's program. Now I lead the technical aspects of the program along with various other programs at Cal Poly Pomona. I handle the approval process for all the badges across the university.</p>
<ol>
<li class="timeline-text">Presented a table talk on "Badge me if you can" for the Badge Summit 2024 at University of Colorado, Boulder</li>
<li class="timeline-text">Accepted to presented at ePIC 2024 at Paris, France</li>
</ol>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">PolyX (Polytechnic eXperience)</h4>
<span>2022 — 2024</span>
<p class="timeline-text">PolyX is a university wide initiative to which requires repository of all courses deemed to be polyX and various technical works to manage,approve and organize showcases to support over 500 students concurrently.</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Northrop Grumman Collaboration Project</h4>
<span>2024</span>
<p class="timeline-text">This project is a multi disciplinary collobartion I lead the interface for the entire project that consists of displaying vitals, camera feeds and operating of 6 different types of unmanned vehicles designed and created by aerospace and mechnical engineers at both the Cal Polys.</p>
</li>
</ol>
<header>
<h2 class="h2 article-title">Grants</h2>
</header>
<ol class="timeline-list">
<li class="timeline-item">
<h4 class="h4 timeline-item-title">NSF INVESTS</h4>
<span>2024 - Present</span>
<p class="timeline-text">I was tasked with carrying forward and achieving the goals set by the National Science Foundation (NSF) grant towards Cal Poly in creating and researching the usage of Alternate Learning Records (ALR) for students' career success.</p>
</li>
<!--
<h2 class="h2 article-title">Fitting them in shortly.</h2>
<section class="projects">
<!--
<ul class="filter-list">
<li class="filter-item">
@ -729,7 +711,6 @@ with other vehicle teams. </p>
</ul>
-->
<div class="filter-select-box">
@ -743,6 +724,7 @@ with other vehicle teams. </p>
</button>
-->
<!--
<ul class="select-list">
@ -763,9 +745,10 @@ with other vehicle teams. </p>
</li>
</ul>
-->
</div>
-->
<!--
<ul class="project-list">
@ -780,353 +763,23 @@ with other vehicle teams. </p>
<img src="./assets/images/architect.png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">Serverless Bulk Email Management</h3>
<h3 class="project-title">Digital Credentials</h3>
<p class="project-category">Web development</p>
<p class="project-category">Leading the team providing badging support and development of pathways for the university</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="https://www.github.com/customer-personality-analysis">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-2.png" alt="orizon" loading="lazy">
</figure>
<h3 class="project-title">Customer Personality Analysis</h3>
<p class="project-category">Machine Learning</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web design">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-3.jpg" alt="fundo" loading="lazy">
</figure>
<h3 class="project-title">Decentralized Rental System</h3>
<p class="project-category">Distributed systems</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="applications">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-4.png" alt="brawlhalla" loading="lazy">
</figure>
<h3 class="project-title">Alz.</h3>
<p class="project-category">Applications</p>
</a>
</li>
<!--
<li class="project-item active" data-filter-item data-category="web design">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-5.png" alt="dsm." loading="lazy">
</figure>
<h3 class="project-title">DSM.</h3>
<p class="project-category">Web design</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web design">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-6.png" alt="metaspark" loading="lazy">
</figure>
<h3 class="project-title">MetaSpark</h3>
<p class="project-category">Web design</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-7.png" alt="summary" loading="lazy">
</figure>
<h3 class="project-title">Summary</h3>
<p class="project-category">Web development</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="applications">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-8.jpg" alt="task manager" loading="lazy">
</figure>
<h3 class="project-title">Task Manager</h3>
<p class="project-category">Applications</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/project-9.png" alt="arrival" loading="lazy">
</figure>
<h3 class="project-title">Arrival</h3>
<p class="project-category">Web development</p>
</a>
</li>
--!>
</ul>
</section>
</article>
<!--
- #BLOG
-->
<!--
<article class="blog" data-page="blog">
<header>
<h2 class="h2 article-title">Blog</h2>
<h2 class="h2 article-title">Writing my first one on RSS Feeds. Stick around!!</h2>
</header>
<section class="blog-posts">
<ul class="blog-posts-list">
<li class="blog-post-item">
<a href="#">
<figure class="blog-banner-box">
<img src="./assets/images/blog-1.jpg" alt="Design conferences in 2022" loading="lazy">
</figure>
<div class="blog-content">
<div class="blog-meta">
<p class="blog-category">Design</p>
<span class="dot"></span>
<time datetime="2022-02-23">Fab 23, 2022</time>
</div>
<h3 class="h3 blog-item-title">Design conferences in 2022</h3>
<p class="blog-text">
Veritatis et quasi architecto beatae vitae dicta sunt, explicabo.
</p>
</div>
</a>
</li>
<li class="blog-post-item">
<a href="#">
<figure class="blog-banner-box">
<img src="./assets/images/blog-2.jpg" alt="Best fonts every designer" loading="lazy">
</figure>
<div class="blog-content">
<div class="blog-meta">
<p class="blog-category">Design</p>
<span class="dot"></span>
<time datetime="2022-02-23">Fab 23, 2022</time>
</div>
<h3 class="h3 blog-item-title">Best fonts every designer</h3>
<p class="blog-text">
Sed ut perspiciatis, nam libero tempore, cum soluta nobis est eligendi.
</p>
</div>
</a>
</li>
<li class="blog-post-item">
<a href="#">
<figure class="blog-banner-box">
<img src="./assets/images/blog-3.jpg" alt="Design digest #80" loading="lazy">
</figure>
<div class="blog-content">
<div class="blog-meta">
<p class="blog-category">Design</p>
<span class="dot"></span>
<time datetime="2022-02-23">Fab 23, 2022</time>
</div>
<h3 class="h3 blog-item-title">Design digest #80</h3>
<p class="blog-text">
Excepteur sint occaecat cupidatat no proident, quis nostrum exercitationem ullam corporis suscipit.
</p>
</div>
</a>
</li>
<li class="blog-post-item">
<a href="#">
<figure class="blog-banner-box">
<img src="./assets/images/blog-4.jpg" alt="UI interactions of the week" loading="lazy">
</figure>
<div class="blog-content">
<div class="blog-meta">
<p class="blog-category">Design</p>
<span class="dot"></span>
<time datetime="2022-02-23">Fab 23, 2022</time>
</div>
<h3 class="h3 blog-item-title">UI interactions of the week</h3>
<p class="blog-text">
Enim ad minim veniam, consectetur adipiscing elit, quis nostrud exercitation ullamco laboris nisi.
</p>
</div>
</a>
</li>
<li class="blog-post-item">
<a href="#">
<figure class="blog-banner-box">
<img src="./assets/images/blog-5.jpg" alt="The forgotten art of spacing" loading="lazy">
</figure>
<div class="blog-content">
<div class="blog-meta">
<p class="blog-category">Design</p>
<span class="dot"></span>
<time datetime="2022-02-23">Fab 23, 2022</time>
</div>
<h3 class="h3 blog-item-title">The forgotten art of spacing</h3>
<p class="blog-text">
Maxime placeat, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</a>
</li>
<li class="blog-post-item">
<a href="#">
<figure class="blog-banner-box">
<img src="./assets/images/blog-6.jpg" alt="Design digest #79" loading="lazy">
</figure>
<div class="blog-content">
<div class="blog-meta">
<p class="blog-category">Design</p>
<span class="dot"></span>
<time datetime="2022-02-23">Fab 23, 2022</time>
</div>
<h3 class="h3 blog-item-title">Design digest #79</h3>
<p class="blog-text">
Optio cumque nihil impedit uo minus quod maxime placeat, velit esse cillum.
</p>
</div>
<p class="project-category">Cal Poly Pomona</p>
</a>
</li>
</ul>
</section>
-->
</article>
--->
<!--
- #CONTACT
@ -1137,17 +790,20 @@ with other vehicle teams. </p>
<h2 class="h2 article-title">Contact</h2>
</header>
<!--
<section class="mapbox" data-mapbox>
<figure>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d105764.75604036126!2d-117.8399825224143!3d34.065704085242686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c32def799fa121%3A0x5209947000caa933!2sPomona%2C%20CA!5e0!3m2!1sen!2sus!4v1673994570714!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</figure>
</section>
-->
<section class="contact-form">
<h3 class="h3 form-title">Contact Form</h3>
<h3 class="h3 form-title">Contact</h3>
<h5 class="h5 form-title">Kindly Email: <u>pbazaru@cpp.edu</u> for now. I am building a robust backend to handle contact form between school and work I am delaying it. 😅</h5>
<h5 class="h5 form-title">Please scan this qr code for my vcard or email me at pbazaruatcpp.edu, I check frequently and would love to hear from everyone</h5>
<img src="./assets/images/vcard_1(1).png" alt="qr code" width="400" height="400">
<!--
<form action="#" class="form" data-form>
@ -1166,8 +822,8 @@ with other vehicle teams. </p>
</form>
</section>
-->
</section>
</article>
</div>