From 3c437f09354f71c20e7072a8dbbb5c8f4d4ee466 Mon Sep 17 00:00:00 2001 From: Drashti Date: Tue, 19 Mar 2024 01:47:25 -0500 Subject: [PATCH 1/2] updated new files --- assets/css/education.css | 9 +- assets/css/techstack.css | 7 +- assets/js/app.js | 11 ++- assets/js/education.js | 78 ++++++----------- assets/js/experience.js | 56 +++++-------- assets/js/project.js | 94 ++++++++++----------- assets/js/references.js | 35 ++++---- assets/js/research.js | 3 +- assets/js/sem_temp.js | 2 +- assets/js/techstack.js | 177 +++++++++++++++++++++++++++++++++------ design.html | 22 ++--- education.html | 64 +++++++------- event.html | 25 +++--- experience.html | 106 +++-------------------- index.html | 47 +++++------ projects.html | 23 ++--- reference.html | 23 ++--- research.html | 24 +++--- sem_temp.html | 26 +++--- techstack.html | 27 +++--- travel_temp.html | 26 +++--- 21 files changed, 444 insertions(+), 441 deletions(-) diff --git a/assets/css/education.css b/assets/css/education.css index 46d9f1188..198e58509 100644 --- a/assets/css/education.css +++ b/assets/css/education.css @@ -188,7 +188,7 @@ p { top: 80%; } #mooc .card { - border-radius: 5px; + border-radius: 10px; background: var(--tint-col); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05); transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), @@ -206,6 +206,13 @@ p { background-color: var(--bg1-color); padding: 1px; } + +#mooc .card-img-top { + width: 100%; /* Makes the image fully occupy the container width */ + height: 150px; /* Sets a fixed height */ + object-fit: container; /* Ensures the image covers the area without losing its aspect ratio */ +} + /* SVG animation */ #Girl { animation: swing ease-in-out 1s infinite alternate; diff --git a/assets/css/techstack.css b/assets/css/techstack.css index c30e7879d..81e300d72 100644 --- a/assets/css/techstack.css +++ b/assets/css/techstack.css @@ -51,14 +51,15 @@ html { border: none; border-radius: 13px; background-color: rgb(65, 62, 65); - width: 45.7vw; - margin:3.5em 30px; + width: 20vw; + height: 20vw; + margin:2em 30px; padding: 20px; box-shadow: 0px 0px 15px 2px black; } html[light-mode="light"] .tech_card{ background-color: white; - color: #303030; + color: #313131; box-shadow: 0px 0px 10px #303030; } .tech_card img{ diff --git a/assets/js/app.js b/assets/js/app.js index 4e5acd4b2..d84f6a01b 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -10,7 +10,7 @@ document.body.appendChild(script); let header = $(`