diff --git a/0.jfif b/0.jfif new file mode 100644 index 0000000..c4d9c66 Binary files /dev/null and b/0.jfif differ diff --git a/42ce9cfd247b1d8ec0b6fba01e4673fc.jpg b/42ce9cfd247b1d8ec0b6fba01e4673fc.jpg new file mode 100644 index 0000000..d2baf70 Binary files /dev/null and b/42ce9cfd247b1d8ec0b6fba01e4673fc.jpg differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..5e2073a --- /dev/null +++ b/app.js @@ -0,0 +1,74 @@ + +//code for smooth scroll +var navTags = document.querySelectorAll('.horizontal-list li a'); + +for(var i=0;i= document.body.offsetHeight-100) + { + clearInterval(interval); + return; + } + window.scrollBy(0,5); + }, 2); + } + }); +} + + +//code for skill bars filling +var bars = document.querySelectorAll('.skill div'); +var skillSection = document.getElementById('skill-container'); +window.addEventListener('scroll', checkScroll); +var check=false; + +function initialFill(){ + for(let bar of bars) + { + bar.style.width=0+'%'; + } +} + +initialFill(); + +function fillBars(){ + for(let bar of bars) + { + let target= bar.getAttribute('bar-width'); + let currWidth=0; + let interval=setInterval(function(){ + if(currWidth>=target) + { + clearInterval(interval); + return; + } + ++currWidth; + bar.style.width=currWidth+'%'; + }, 25); + } +} + +function checkScroll(){ + if(skillSection.getBoundingClientRect().top < window.innerHeight && !check) + { + fillBars(); + check=true; + } + if(skillSection.getBoundingClientRect().top > window.innerHeight) + { + check=false; + } +} \ No newline at end of file diff --git a/as.cpp/as.py b/as.cpp/as.py new file mode 100644 index 0000000..1625266 --- /dev/null +++ b/as.cpp/as.py @@ -0,0 +1,11 @@ +var st="ABCD" +for(var i=0;i<4;++i) + for(var j=3-i;j>=0;--j) + print(" ") + + var k=i+1 + var c=0 + while(k) + print(st[c]) + c++ + k-- \ No newline at end of file diff --git a/as.cpp/aw.cpp b/as.cpp/aw.cpp new file mode 100644 index 0000000..f396878 --- /dev/null +++ b/as.cpp/aw.cpp @@ -0,0 +1,20 @@ +int func(int* arr, int n) +{ + vector v(n); + v[n-1]=arr[n-1]; + for(int i=n-2;i>=0;--i) + { + v[i]=max(v[i+1],arr[i]); + } + int ans=1; + for(int i=0;i + + + Dhruv Singla + + + + +
+ +
+
+
+
+ +
+
+
+

+ I am a Junior Engineering student at Punjab Engineering College (PEC), Chandigarh pursuing B.Tech in Electronics and Communication Engineering (ECE). + I am coding enthusiast and my objective is to utilise and enhance my skillset by constantly working on it. I believe in learning + by doing and constantly push myself to do better everyday. I love working in a team environment, on ideas & projects that have a real-life, large-scale impact. +

+
+
+
+
+

+ SKILLS +

+
+
+
HTML
+
JavaScript
+
C++
+
Data Structures
+
CSS
+
SQL
+
Android Development
+
Flutter
+
Dart
+
Web development
+
Cloud Foundary
+
Springboot
+
Git
+
Firebase
+
Python
+
+
+
+
+

+ PROJECTS +

+
+
+ +
+ Campus Buddy   + An app for the college students where the students can checkout the past, ongoing as well as upcoming events/workshops/sessions. + TECH USED: Flutter, Dart, Android Studio, Firebase +
+ +
+ Dice Game   + It is a fun 2-player game where the players have to reach the target score. First one to achieve the target score will be declared winner. + TECH USED: HTML, CSS, JavaScript +
+ +
+ Personal Website   + This responsive and interactive webpage which tells about my skillset and portfolio. + TECH USED: HTML, CSS, JavaScript +
+ +
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/instagram.png b/instagram.png new file mode 100644 index 0000000..4c95b40 Binary files /dev/null and b/instagram.png differ diff --git a/linkedin.png b/linkedin.png new file mode 100644 index 0000000..c62f08e Binary files /dev/null and b/linkedin.png differ diff --git a/pic.PNG b/pic.PNG new file mode 100644 index 0000000..aa88bc8 Binary files /dev/null and b/pic.PNG differ diff --git a/quora.png b/quora.png new file mode 100644 index 0000000..5142995 Binary files /dev/null and b/quora.png differ diff --git a/snapchat.png b/snapchat.png new file mode 100644 index 0000000..91e8a00 Binary files /dev/null and b/snapchat.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..e7c5c71 --- /dev/null +++ b/style.css @@ -0,0 +1,249 @@ +body{ + margin: 0px; + padding: 0px; +} + +#bodyHeader{ + background-image: url(bg.png); + opacity: 0.7; + height: auto; + background-size: cover; + background-repeat: no-repeat; + background-position-y: top; + background-position-x: left; + background-attachment: fixed; + padding-top: 0.3%; +} + +.horizontal-list{ + list-style: none; + padding: 0px; + text-align: center; +} + +.horizontal-list li{ + display: inline-block; + margin: 0% 1.5% 1.5% 1.5%; +} + +.horizontal-list li a{ + color: white; + text-decoration: none; + + font-size: clamp(45px, 4%, 2rem); +} + +.horizontal-list li a:hover{ + color: rgb(14, 14, 14); + border-bottom: 2px solid rgb(36, 36, 36); + transition: color 0.5s, border 0.5s; +} + +#name{ + height: auto; + width: 100vw; + font-size: 7vmin; + color: whitesmoke; + text-align: center; + margin-top: 4rem; +} + +.social-icons{ + margin: auto; + margin-top: 0.5rem; + margin-bottom: 9vh; + padding-bottom: 10vh; +} + +.social-icons li{ + display: inline; + margin: 0% 1% 0% 1%; +} + +.social-icons li a:hover{ + border-bottom: 2px solid rgb(255, 255, 255); +} + +.social-icons li img{ + width: 10vmin; + height: 10vmin; + min-width: 45px; + min-height: 45px; + max-width: 30px; + max-height: 30px; +} + +/*.social-icons li #twitter{ + width: 6%; + height: 5%; +}*/ + +body{ + background: rgb(251, 251, 251); + background-repeat: no-repeat; + background-attachment: fixed; +} + +#about{ + height: auto; + width: 100vw; + position: relative; + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + text-align: center; +} + +#my-image{ + width: 30%; + height: 30%; + max-width: 14rem; + max-height: 14rem; + margin: auto; + margin-top: -15vh; + margin-bottom: 1vh; +} + +#my-image img{ + width: 100%; + height: 100%; + border: 4px solid whitesmoke; + border-radius: 50%; +} + +#bio-box{ + width: 100vw; + background: linear-gradient(to bottom , rgb(250, 250, 250),rgb(236, 234, 234), rgb(250, 250, 250)); + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + text-align: center; +} + +#bio{ + width: 80%; + height: auto; + margin-top: 0%; + font-family: Georgia, 'Times New Roman', Times, serif; + font-weight: 300; + font-size: 2rem; + text-align: justify; + text-justify: distribute-all-lines; + font-stretch: extra-expanded; + color: rgb(53, 53, 53); + +} + +.highlight{ + color: rgb(24, 4, 78); +} + +section{ + margin-top: 35px; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-items: center; + justify-content: center; + background: linear-gradient(to bottom , rgb(250, 250, 250),rgb(236, 234, 234), rgb(250, 250, 250)); +} + +.section-heading{ + text-align: center; + font-size: 300%; +} + +.section-content{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + align-items: center; + justify-content: space-around; + +} + +.box{ + width: 82%; + padding-top: 20px; + padding-bottom: 20px; + background-color: rgb(230, 228, 228); + border-radius: 3%; +} + +.skill{ + width: 300px; + height: 60px; + min-width: 200px; + border-radius: 15px; + margin: 30px 2% 3% 30px; + background-color: silver; +} + +.skill div{ + display: flex; + flex-wrap: wrap; + flex-direction: column; + justify-content: center; +} + +.skill div span{ + display: block; + width: 300px; + padding-left: 4%; + color: white; + font-size: 170%; + font-family: cursive; +} + +.project{ + width: 97.5%; + height: 60px; + min-width: 200px; + border-radius: 15px; + cursor: pointer; + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-around; + margin-bottom: 1%; + margin-top: 1%; + overflow: hidden; + transition: 1s 0.1s; +} + +.project:hover{ + height: 450px; + transition: 0.7s ; +} + +.project span{ + display: block; + width: 95%; + text-align: center; + margin: 0.5% 1% 0.5% 1%; +} + +.project-title{ + font-size: 2.5rem; + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + color: rgb(253, 253, 253); +} + +.project-description{ + font-size: 2.5rem; + font-family: monospace; + color: whitesmoke; +} + +.project-tech{ + font-size: 2.5rem; + font-family: 'Courier New', Courier, monospace; + color: whitesmoke; + margin: 0% 4% 0% 4%; +} + +.section-content a{ + text-decoration: none; +} \ No newline at end of file diff --git a/temp.cpp b/temp.cpp new file mode 100644 index 0000000..ee9ad94 --- /dev/null +++ b/temp.cpp @@ -0,0 +1,51 @@ +#include +#include +using namespace std; + +int LargestPrimeFactor(int n) +{ + vector v; + int i=2; + if(n>=i*i) + { + v.push_back(i); + } + i=3; + while(i*i<=n) + { + int f=1; + for(int j=0;j=0;--i) + { + if(n%v[i]==0) + { + return v[i]; + } + } + + return n; +} + +int main() +{ + int x; + cin>>x; + + cout<