priyatham/Portfolio-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change github to forgejo add vcard img

Browse source
This commit is contained in:
priyatham 2024-07-26 22:45:06 -07:00
parent 56e60f3fd2
commit 4af706a5d0
3 changed files with 13 additions and 432 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/vcard_1(1).png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 25 KiB

3
assets/js/script.js
View file

@ -26,12 +26,11 @@ 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"); }
const darkMode = document.body.element.classList.toggle("dark-mode");
// sidebar variables

442
index.html
View file

@ -54,9 +54,6 @@
<span>Show Contacts</span>
<ion-icon name="chevron-down"></ion-icon>
</button>
<button class="info_more-btn" onclick="darkMode()">
<span>zcxv</span>
</button>
</div>
<div class="sidebar-info_more">
@ -130,8 +127,8 @@
</li>
<li class="social-item">
<a href="https://github.com/Priyatham-sai-chand" class="social-link"target="_blank">
<ion-icon name="logo-github"></ion-icon>
<a href="https://code.priyatham.duckdns.org/explore/repos" class="social-link"target="_blank">
<ion-icon name="logo-forgejo"></ion-icon>
</a>
</li>
@ -319,74 +316,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>
@ -716,10 +645,10 @@
<h2 class="h2 article-title">Projects</h2>
</header>
<!--
<h2 class="h2 article-title">Fitting them in shortly.</h2>
<section class="projects">
<!--
<ul class="filter-list">
<li class="filter-item">
@ -740,7 +669,6 @@
</ul>
-->
<div class="filter-select-box">
@ -754,6 +682,7 @@
</button>
-->
<!--
<ul class="select-list">
@ -774,9 +703,10 @@
</li>
</ul>
-->
</div>
-->
<!--
<ul class="project-list">
@ -800,363 +730,14 @@
</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/architect.png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">Serverless Bulk Email Management</h3>
<p class="project-category">Web development</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>
</a>
</li>
</ul>
</section>
</article>
--->
<!--
- #CONTACT
@ -1179,7 +760,8 @@
<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>
@ -1198,8 +780,8 @@
</form>
</section>
-->
</section>
</article>
</div>