Skip to content

Commit dcc16fa

Browse files
coderSurencoderSuren
committed
updated stats
1 parent 776303c commit dcc16fa

File tree

9 files changed

+60
-18
lines changed

9 files changed

+60
-18
lines changed

‎assets/css/style.css

+4
Original file line numberDiff line numberDiff line change
@@ -1169,6 +1169,10 @@ section .container {
11691169
background: #15bb62;
11701170
}
11711171

1172+
#mailsent{
1173+
display: none;
1174+
pointer-events: none;
1175+
}
11721176
@keyframes animate-loading {
11731177
0% {
11741178
transform: rotate(0deg);

‎assets/img/DALL·E 2023-09-07 15.46.07.png

1.56 MB
Loading

‎assets/img/projects/attendance1.png

106 KB
Loading

‎assets/img/projects/attendance2.png

76.9 KB
Loading

‎assets/img/projects/attendance3.png

91.6 KB
Loading

‎assets/img/projects/attendance4.png

47 KB
Loading

‎assets/vendor/php-email-form/validate.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
let recaptcha = thisForm.getAttribute('data-recaptcha-site-key');
1919

2020
if( ! action ) {
21-
displayError(thisForm, 'The form action property is not set!');
21+
// displayError(thisForm, 'The form action property is not set!');
2222
return;
2323
}
2424
thisForm.querySelector('.loading').classList.add('d-block');

‎forms/mail.js

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
function sendMail() {
2+
var link = "mailto:[email protected]"
3+
+ "?cc="+encodeURIComponent(document.getElementById('email').value)
4+
+ "&subject=" + encodeURIComponent(document.getElementById('subject').value)
5+
+ "&body=" + encodeURIComponent(document.getElementById('Message').value)
6+
;
7+
8+
window.location.href = link;
9+
}

‎index.html

+46-17
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@
4343
</script>
4444

4545
<!-- End of Google tag (gtag.js) -->
46+
4647
</head>
4748

4849
<body>
@@ -146,7 +147,7 @@ <h5>2020 - 2024</h5>
146147
<p><em>Amrita Vishwa Vidyapeetham, Coimbatore</em></p>
147148
<ul>
148149
<li>B.Tech in Computer Science &amp; Engineering</li>
149-
<li>CGPA: 7.4/10</li>
150+
<!-- <li>CGPA: 7.4/10</li> -->
150151
</ul>
151152
</div>
152153
</div>
@@ -210,6 +211,17 @@ <h5>March 2023 - April 2023</h5>
210211
<div class="col-lg-6">
211212

212213
<h3 class="resume-title">Open Source Experience</h3>
214+
<div class="resume-item">
215+
<h4>HACKTOBERFEST 2023 <a href="https://www.holopin.io/hacktoberfest2023/hall/@surendran"><i class="bi bi-box-arrow-up-right"></i></a></h4>
216+
<h5>October 2023</h5>
217+
<p><em>Github (Remote)</em></p>
218+
<p>
219+
<ul>
220+
<li> Successfully completed Hacktoberfest 2023 by submitting 4 merged Pull Requests </li>
221+
</ul>
222+
</p>
223+
</div>
224+
213225
<div class="resume-item">
214226
<h4>HACKTOBERFEST 2022</h4>
215227
<h5>October 2022</h5>
@@ -222,7 +234,7 @@ <h5>October 2022</h5>
222234
</div>
223235

224236
<div class="resume-item">
225-
<h4>HACK CLUB SUMMER OF CODE 2022</h4>
237+
<h4>HACK CLUB SUMMER OF CODE 2022 <a href="https://certopus.com/c/5215396f6def4da493beadd7689119fe"><i class="bi bi-box-arrow-up-right"></i></a></h4>
226238
<h5>July 2022 - September 2022</h5>
227239
<p><em>Github (Remote)</em></p>
228240
<p>
@@ -338,7 +350,7 @@ <h2>Skills</h2>
338350
<div class="col-lg-3 col-md-6">
339351
<div class="count-box">
340352
<i class="bi bi-award"></i>
341-
<span data-purecounter-start="0" data-purecounter-end="14" data-purecounter-duration="2" class="purecounter"></span>
353+
<span data-purecounter-start="0" data-purecounter-end="18" data-purecounter-duration="2" class="purecounter"></span>
342354
<p>Certifications</p>
343355
</div>
344356
</div>
@@ -354,7 +366,7 @@ <h2>Skills</h2>
354366
<div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
355367
<div class="count-box">
356368
<i class="bi bi-git"></i>
357-
<span data-purecounter-start="0" data-purecounter-end="650" data-purecounter-duration="2" class="purecounter"></span>
369+
<span data-purecounter-start="0" data-purecounter-end="672" data-purecounter-duration="2" class="purecounter"></span>
358370
<p>Commits</p>
359371
</div>
360372
</div>
@@ -590,7 +602,7 @@ <h4>Disk Space Manager</h4>
590602
<h4>Smart Attendance</h4>
591603
<p>Web App</p>
592604
<div class="portfolio-links">
593-
<a href="assets/img/portfolio/attendance.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
605+
<a href="assets/img/portfolio/attendance.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Smart Attendance"><i class="bx bx-plus"></i></a>
594606
<a href="projects/project2.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
595607
</div>
596608
</div>
@@ -604,7 +616,7 @@ <h4>Smart Attendance</h4>
604616
<h4>Epidemic Management System</h4>
605617
<p>Web App</p>
606618
<div class="portfolio-links">
607-
<a href="assets/img/portfolio/ems.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
619+
<a href="assets/img/portfolio/ems.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Epidemic Management System"><i class="bx bx-plus"></i></a>
608620
<a href="projects/project3.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
609621
</div>
610622
</div>
@@ -618,7 +630,7 @@ <h4>Epidemic Management System</h4>
618630
<h4>Climate Viewer</h4>
619631
<p>Web App</p>
620632
<div class="portfolio-links">
621-
<a href="assets/img/portfolio/climate.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
633+
<a href="assets/img/portfolio/climate.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Climate Viewer"><i class="bx bx-plus"></i></a>
622634
<a href="projects/project4.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
623635
</div>
624636
</div>
@@ -632,7 +644,7 @@ <h4>Climate Viewer</h4>
632644
<h4>Memory Grid</h4>
633645
<p>Desktop Game</p>
634646
<div class="portfolio-links">
635-
<a href="assets/img/portfolio/memorygrid.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 2"><i class="bx bx-plus"></i></a>
647+
<a href="assets/img/portfolio/memorygrid.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Memory Grid"><i class="bx bx-plus"></i></a>
636648
<a href="projects/project5.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
637649
</div>
638650
</div>
@@ -646,7 +658,7 @@ <h4>Memory Grid</h4>
646658
<h4>Traffic Control Dashboard</h4>
647659
<p>Website</p>
648660
<div class="portfolio-links">
649-
<a href="assets/img/portfolio/traffic.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 2"><i class="bx bx-plus"></i></a>
661+
<a href="assets/img/portfolio/traffic.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Traffic Control Dashboard"><i class="bx bx-plus"></i></a>
650662
<a href="projects/project6.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
651663
</div>
652664
</div>
@@ -674,7 +686,7 @@ <h4>App 3</h4>
674686
<h4>Phishing Website Detection</h4>
675687
<p>Machine Learning</p>
676688
<div class="portfolio-links">
677-
<a href="assets/img/portfolio/phishing.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 1"><i class="bx bx-plus"></i></a>
689+
<a href="assets/img/portfolio/phishing.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Phishing Website Detection"><i class="bx bx-plus"></i></a>
678690
<a href="projects/project8.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
679691
</div>
680692
</div>
@@ -688,7 +700,7 @@ <h4>Phishing Website Detection</h4>
688700
<h4>Stock Price Prediction</h4>
689701
<p>Machine Learning</p>
690702
<div class="portfolio-links">
691-
<a href="assets/img/portfolio/stock.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 3"><i class="bx bx-plus"></i></a>
703+
<a href="assets/img/portfolio/stock.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Stock Price Prediction"><i class="bx bx-plus"></i></a>
692704
<a href="projects/project9.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
693705
</div>
694706
</div>
@@ -702,7 +714,7 @@ <h4>Stock Price Prediction</h4>
702714
<h4>Sign Language Recognition</h4>
703715
<p>Neural Networks</p>
704716
<div class="portfolio-links">
705-
<a href="assets/img/portfolio/sign.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
717+
<a href="assets/img/portfolio/sign.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Sign Language Recognition"><i class="bx bx-plus"></i></a>
706718
<a href="projects/project10.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
707719
</div>
708720
</div>
@@ -713,10 +725,10 @@ <h4>Sign Language Recognition</h4>
713725
<div class="portfolio-wrap">
714726
<img src="assets/img/portfolio/incomplete.png" class="img-fluid" alt="">
715727
<div class="portfolio-info">
716-
<h4>App 1</h4>
728+
<h4>App </h4>
717729
<p>Mobile App</p>
718730
<div class="portfolio-links">
719-
<a href="assets/img/portfolio/incomplete.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
731+
<a href="assets/img/portfolio/incomplete.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App"><i class="bx bx-plus"></i></a>
720732
<a href="projects/project11.html" data-gallery="portfolioDetailsGallery" data-glightbox="type: external" class="portfolio-details-lightbox" title="Portfolio Details"><i class="bx bx-link"></i></a>
721733
</div>
722734
</div>
@@ -777,7 +789,7 @@ <h3>Call Me</h3>
777789
</div>
778790
</div>
779791

780-
<form action="forms/contact.php" method="post" role="form" class="php-email-form mt-4">
792+
<form action="" method="post" role="form" class="php-email-form mt-4">
781793
<div class="row">
782794
<div class="col-md-6 form-group">
783795
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
@@ -790,14 +802,16 @@ <h3>Call Me</h3>
790802
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
791803
</div>
792804
<div class="form-group mt-3">
793-
<textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
805+
<textarea class="form-control" name="message" rows="5" id="Message" placeholder="Message" required></textarea>
794806
</div>
807+
<div class="form-group mt-3" id="mailsent">
808+
Your message has been sent. Thank you!</div>
795809
<div class="my-3">
796810
<div class="loading">Loading</div>
797811
<div class="error-message"></div>
798812
<div class="sent-message">Your message has been sent. Thank you!</div>
799813
</div>
800-
<div class="text-center"><button type="submit">Send Message</button></div>
814+
<div class="text-center"><button type="submit" onclick="sendMail()">Send Message</button></div>
801815
</form>
802816

803817
</div>
@@ -829,6 +843,21 @@ <h3>Call Me</h3>
829843
experienceDiv.scrollIntoView({ behavior: "smooth" });
830844
exp.classList.add("active");
831845
}
846+
function sendMail() {
847+
var email =encodeURIComponent(document.getElementById('email').value);
848+
var subject = encodeURIComponent(document.getElementById('subject').value);
849+
var message = encodeURIComponent(document.getElementById('Message').value);
850+
if (email=="" || subject=="" || message==""){
851+
alert("Please fill all the fields");
852+
return;
853+
}
854+
var link = "mailto:[email protected]"
855+
+ "?cc="+email
856+
+ "&subject=" + subject
857+
+ "&body=" + message;
858+
window.location.href = link;
859+
document.getElementById('mailsent').style.display='block';
860+
}
832861
</script>
833862

834863
</body>

0 commit comments

Comments
 (0)