diff --git a/assets/icons/university.png b/assets/icons/university.png new file mode 100644 index 0000000..61e71ab Binary files /dev/null and b/assets/icons/university.png differ diff --git a/css/font.css b/css/font.css new file mode 100644 index 0000000..dff23df --- /dev/null +++ b/css/font.css @@ -0,0 +1,11 @@ +.fontLibRegular { + font-family: "Libre Baskerville", serif; + font-weight: 400; + font-style: normal; +} + +.fontLibBold { + font-family: "Libre Baskerville", serif; + font-weight: 700; + font-style: normal; +} diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..d118ba7 --- /dev/null +++ b/css/index.css @@ -0,0 +1,124 @@ +.fullScreenContainer { + display: flex; + flex-direction: column; + width: 100%; + min-height: 100%; + padding: 30; +} + +.nameContainer { + align-items: center; + justify-content: center; + background-color: rgb(0, 0, 0); + padding-left: 30px; + padding-right: 30px; +} + +@keyframes animateName { + from { + color: black; + } + to { + color: rgb(103, 206, 0); + } +} +.name { + overflow: hidden; + color: rgb(103, 206, 0); + animation: animateName 1s, blink-caret 0.5s infinite; + border-right: 0.5em solid rgb(103, 206, 0); +} + +/* The typing effect */ +@keyframes typing { + from { + width: 0; + } + to { + width: 100%; + } +} + +/* The typewriter cursor effect */ +@keyframes blink-caret { + from, + to { + border-color: transparent; + } + 50% { + border-color: rgb(103, 206, 0); + } +} + +@keyframes animateMoreInfoIcon { + 0% { + scale: 0.6; + } + 50% { + scale: 1; + } + + 100% { + scale: 0.6; + } +} +.moreInfoIcon { + color: chartreuse; + animation-name: animateMoreInfoIcon; + animation-duration: 2s; + animation-iteration-count: infinite; +} + +/* Tool Bar */ +.toolBar { + height: 100%; + position: fixed; + right: 0; + top: 0; + bottom: 0; + display: flex; +} +.toolBarContainer { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.toolBarItemContainer { + margin: 4 10 4 0; +} +.toolBarIcon { + border-radius: 50%; + width: 100%; + padding: 10; + color: blueviolet; +} +.toolBarIcon:hover { + background-color: aliceblue; +} + +/* About Me */ +.aboutMe { + background-color: grey; +} + +/* Experience */ +.experience { +} + +/* Project */ +.projects { + background-color: blue; +} + +/* Academics */ +.academics { +} + +/* Accounts */ +.socialHandles { +} + +/* Contact Me */ +.contactMe { +} diff --git a/index.html b/index.html index 0efbe84..f48d132 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,349 @@ - - Work in Prgress - - +
+ Darshan Javiya + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+ + + person + + +
+
+ + person + +
+
+ + work + +
+
+ + person + +
+
+ + person + +
+
+
+ +
+ +

+

+
+ + keyboard_double_arrow_down + +
+
+ + +
+

+ About Me +

+
+

+ All about me will be added here +

+
+
+ + +
+

+ + work + + Experience +

+ +
+ + +
+

+ project +

+
+ + +
+

+ + school + + Academics +

+ +
+ + +
+

+ Certifications +

+
+
+
    +
  • +
    +
    +
    + Python 3 Programming Specialization +
    +
    +
    +
    + Coursera +
    +
    +
    +
    • +
  • +
    +
    +
    + Object Oriented Programming in Java Specialization +
    +
    +
    +
    + Coursera +
    +
    +
    +
    • +
  • +
    +
    +
    + Fundamentals of Linux and Data Analytics +
    +
    +
    +
    + Vodafone India Foundation and Connecting Dreams Foundation +
    +
    +
    +
    • +
  • +
    +
    +
    + GATE'23 qualified - AIR 9546 +
    +
    +
    +
    • +
  • +
    +
    +
    + Gold Badge In Problem Solving +
    +
    +
    +
    + Hackerrank +
    +
    +
    +
    • +
+
+
+
+ + +
+

+ ACCOUNTS +

+
+ +
+

+ Github +

+
+
+
+ + +
+

+ Contact Info: +

+ +
+ +
+
+

+ Email: +

+
+
+ + javiyadarshan143@gmail.com + +
+
+
+
+ \ No newline at end of file diff --git a/js/typingEffect.js b/js/typingEffect.js new file mode 100644 index 0000000..e5425db --- /dev/null +++ b/js/typingEffect.js @@ -0,0 +1,11 @@ +let i = 0; +const DATA = "Hello, I'm Darshan Javiya."; +const SPEED = 100; + +function typeWriter() { + if (i < DATA.length) { + document.getElementById("name").innerHTML += DATA.charAt(i); + i++; + setTimeout(typeWriter, SPEED); + } +} \ No newline at end of file