'roy'

Author: actuallyroy

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

assets/css/style.css

@@ -14,20 +14,9 @@ body{
     margin: 0;
     height: 100vh;
     overflow: overlay;
+    -webkit-tap-highlight-color: transparent;
 }
 
-.sig{
-    position: absolute;
-    bottom: 0;
-    z-index: 99;
-    right: 0;
-    padding: 20px;
-    font-family: 'MyFont';
-    color: white;
-    font-size: 20px;
-    -webkit-user-select: none;
-    user-select: none;
-}
 *::-webkit-scrollbar{
     height: 0px;
     width: 3px;
@@ -253,36 +242,6 @@ a{
     background-color: #f7ac27;
 }
 
-@keyframes anim {
-    0%{
-        color: #ffffffaa;
-    }
-    100%{
-        color: #ffffff;
-    }
-}
-
-@keyframes fadeIn {
-    0% { opacity: 0;
-        display: block;
-    }
-    100% {
-        display: block;
-        opacity: 1;
-    }
-    
-}
-@keyframes fadeIn1 {
-    0% { opacity: 0;
-        display: block;
-    }
-    100% {
-        display: block;
-        opacity: 0.5;
-    }
-    
-}
-
 .typeEffCont{
     display: flex;
     height: 50px;
@@ -308,51 +267,6 @@ a{
     animation: blink1 1s normal 1s infinite forwards;
 }
 
-@keyframes blink1 {
-    0%{
-        opacity: 0;
-    }
-    100%{
-        opacity: 1;
-    }
-}
-
-@keyframes flipLeft {
-    100%{
-        transform: rotateY(-180deg)
-    }
-}
-
-@keyframes flipRight {
-    0%{
-        transform: rotateY(-180deg);
-    }
-    100%{
-        transform: rotateY(0deg);
-    }
-    
-}
-
-
-@media (max-width: 550px) {
-    .headerBtns{
-        font-size: small;
-        height: 15px;
-        border-width: 2px !important
-    }
-    .cards-cont{
-        grid-template-rows: 1fr 1fr 1fr;
-    }
-    .card{
-        width: 380px;
-        height: 200px;
-    }
-    .rl-btn{
-        visibility: hidden;
-    }
-}
-
-
 .edu-cards-cont{
     height: 100%;
     padding-left: 20px;
@@ -460,7 +374,7 @@ a{
     grid-auto-flow: column;
     grid-gap: 50px;
     grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
-    grid-template-rows: repeat(auto-fill, minmax(200px, 1fr));
+    grid-template-rows: repeat(auto-fill, minmax(150px, 1fr));
     overflow-x: auto;
 }
 
@@ -527,4 +441,91 @@ a{
     box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.358);
     width: 500px;
     margin-left: calc(50% - 250px);
-}
+}
+
+@keyframes blink1 {
+    0%{
+        opacity: 0;
+    }
+    100%{
+        opacity: 1;
+    }
+}
+
+@keyframes flipLeft {
+    100%{
+        transform: rotateY(-180deg)
+    }
+}
+
+@keyframes flipRight {
+    0%{
+        transform: rotateY(-180deg);
+    }
+    100%{
+        transform: rotateY(0deg);
+    }
+    
+}
+
+@keyframes anim {
+    0%{
+        color: #ffffffaa;
+    }
+    100%{
+        color: #ffffff;
+    }
+}
+
+@keyframes fadeIn {
+    0% { opacity: 0;
+        display: block;
+    }
+    100% {
+        display: block;
+        opacity: 1;
+    }
+    
+}
+@keyframes fadeIn1 {
+    0% { opacity: 0;
+        display: block;
+    }
+    100% {
+        display: block;
+        opacity: 0.5;
+    }
+    
+}
+
+
+@media (max-width: 550px) {
+    .headerBtns{
+        font-size: small;
+        height: 15px;
+        border-width: 2px !important
+    }
+    .cards-cont{
+        grid-template-rows: 1fr 1fr 1fr;
+        padding-left: 20px;
+        padding-right: 0px;
+    }
+    .card{
+        width: 380px;
+        height: 200px;
+    }
+    .rl-btn{
+        visibility: hidden;
+    }
+    .big-name{
+        font-size: 50px;
+    }
+    .c-logo{
+        margin: 5px;
+        font-size: 40px;
+    }
+    .line{
+        width: 300px;
+        margin-left: calc(50% - 150px);
+    }
+}

assets/images/skills/Adobe XD.png

@@ -56,6 +56,7 @@ const skillsArr = [
   "HTML",
   "CSS",
   "Illustrations",
+  "Animation",
   "C",
   "C++",
   "Java",
@@ -74,6 +75,11 @@ const skillsArr = [
   "Express",
   "NodeJS",
   "Heroku",
+  "Git",
+  "GitHub",
+  "VS Code",
+  "Figma",
+  "Adobe XD",
 ]
 
 
@@ -116,7 +122,7 @@ function typeEffectAnim() {
   let backwords = 0;
   let w = 0;
   let limit = 0;
-  let ci = setInterval(async () => {
+  setInterval(async () => {
     if (i <= 0 && backwords === 1) {
       if (w >= words.length - 1) {
         w = -1;

assets/images/skills/Animation.png

@@ -125,7 +125,7 @@
           <a href="https://www.instagram.com/actuallyroy" target="_blank">
             <i class="ph-instagram-logo-fill c-logo"></i>
           </a>
-          <a href="https://www.linkedin.com/in/amit-kumar-020b76215/" target="_blank">
+          <a href="https://www.linkedin.com/in/actuallyroy/" target="_blank">
             <i class="ph-linkedin-logo-fill c-logo"></i>
           </a>
           <a href="mailto:amitkumar93525@gmail.com" target="_blank">