change github to forgejo add vcard img
This commit is contained in:
parent
56e60f3fd2
commit
4af706a5d0
3 changed files with 13 additions and 432 deletions
BIN
assets/images/vcard_1(1).png
Normal file
BIN
assets/images/vcard_1(1).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
|
|
@ -26,12 +26,11 @@ function notifyMe() {
|
||||||
// want to be respectful there is no need to bother them anymore.
|
// want to be respectful there is no need to bother them anymore.
|
||||||
}
|
}
|
||||||
|
|
||||||
notifyMe();
|
//notifyMe();
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// element toggle function
|
// element toggle function
|
||||||
const elementToggleFunc = function (elem) { elem.classList.toggle("active"); }
|
const elementToggleFunc = function (elem) { elem.classList.toggle("active"); }
|
||||||
const darkMode = document.body.element.classList.toggle("dark-mode");
|
|
||||||
|
|
||||||
|
|
||||||
// sidebar variables
|
// sidebar variables
|
||||||
|
|
|
||||||
438
index.html
438
index.html
|
|
@ -54,9 +54,6 @@
|
||||||
<span>Show Contacts</span>
|
<span>Show Contacts</span>
|
||||||
<ion-icon name="chevron-down"></ion-icon>
|
<ion-icon name="chevron-down"></ion-icon>
|
||||||
</button>
|
</button>
|
||||||
<button class="info_more-btn" onclick="darkMode()">
|
|
||||||
<span>zcxv</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="sidebar-info_more">
|
<div class="sidebar-info_more">
|
||||||
|
|
@ -130,8 +127,8 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="social-item">
|
<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>
|
<ion-icon name="logo-forgejo"></ion-icon>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
@ -319,74 +316,6 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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>
|
</ul>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -716,10 +645,10 @@
|
||||||
<h2 class="h2 article-title">Projects</h2>
|
<h2 class="h2 article-title">Projects</h2>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<!--
|
||||||
<h2 class="h2 article-title">Fitting them in shortly.</h2>
|
<h2 class="h2 article-title">Fitting them in shortly.</h2>
|
||||||
<section class="projects">
|
<section class="projects">
|
||||||
|
|
||||||
<!--
|
|
||||||
<ul class="filter-list">
|
<ul class="filter-list">
|
||||||
|
|
||||||
<li class="filter-item">
|
<li class="filter-item">
|
||||||
|
|
@ -740,7 +669,6 @@
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
-->
|
|
||||||
|
|
||||||
<div class="filter-select-box">
|
<div class="filter-select-box">
|
||||||
|
|
||||||
|
|
@ -754,6 +682,7 @@
|
||||||
|
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
-->
|
||||||
<!--
|
<!--
|
||||||
<ul class="select-list">
|
<ul class="select-list">
|
||||||
|
|
||||||
|
|
@ -774,9 +703,10 @@
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
-->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
-->
|
||||||
|
<!--
|
||||||
|
|
||||||
<ul class="project-list">
|
<ul class="project-list">
|
||||||
|
|
||||||
|
|
@ -800,363 +730,14 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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>
|
</ul>
|
||||||
|
|
||||||
</section>
|
</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>
|
</article>
|
||||||
--->
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
- #CONTACT
|
- #CONTACT
|
||||||
|
|
@ -1179,7 +760,8 @@
|
||||||
|
|
||||||
<h3 class="h3 form-title">Contact</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>
|
<form action="#" class="form" data-form>
|
||||||
|
|
||||||
|
|
@ -1198,8 +780,8 @@
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</section>
|
|
||||||
-->
|
-->
|
||||||
|
</section>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue