Improvements to the Sponsors Page.

noskofficial · Sep 16, 2024 · 7f1b047 · 7f1b047
1 parent c7a4647
commit 7f1b047
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 39 deletions.
diff --git a/assets/sponsors/LeapFrog1.png b/assets/sponsors/LeapFrog1.png
diff --git a/assets/sponsors/LibreOffice.png b/assets/sponsors/LibreOffice.png
diff --git a/assets/sponsors/Red Flag.png b/assets/sponsors/Red Flag.png
diff --git a/css/output.css b/css/output.css
@@ -979,6 +979,18 @@ video {
   min-height: 100vh;
 }
 
+.min-h-20 {
+  min-height: 5rem;
+}
+
+.min-h-24 {
+  min-height: 6rem;
+}
+
+.min-h-36 {
+  min-height: 9rem;
+}
+
 .w-1 {
   width: 0.25rem;
 }

diff --git a/js/partners.js b/js/partners.js
@@ -1,60 +1,41 @@
 const sponsorsData = [
   {
-    title: "Event Sponsor",
-    name: "Leapfrog",
-    image: "/assets/sponsors/Leapfrog.svg",
-    link: "https://www.lftechnology.com/",
-  },
-  {
-    title: "Primary Organizer",
-    name: "NOSK",
-    image: "/assets/shared/nosk_logo.svg",
-    link: "https://nosk.org.np/",
-  },
-  {
-    title: "Primary Supporter",
+    title: "Gold Sponsor",
     name: "Nepal College of Information Technology",
     image: "/assets/sponsors/NCIT.jpg",
     link: "https://ncit.edu.np/",
   },
 
   {
-    title: "Event Sponsor",
+    title: "Silver Sponsor",
     name: "rEngine",
     image: "/assets/sponsors/rengine.png",
     link: "https://rengine.wiki/",
   },
   {
-    title: "Career Partner",
-    name: "Mero Job",
-    image: "/assets/sponsors/Mero Job.jpg",
-    link: "https://merojob.com/",
+    title: "Bronze Sponsor",
+    name: "Leapfrog",
+    image: "/assets/sponsors/LeapFrog1.png",
+    link: "https://www.lftechnology.com/",
   },
   {
-    title: "Community Partner",
-    name: "Rotaract Club of Balaju",
-    image: "/assets/sponsors/Rotaract Club Of Balaju.png",
-    link: "https://www.instagram.com/rotaractbalajuofficial/",
+    title: "Supporting Partner",
+    name: "Mero Job (Career Partner)",
+    image: "/assets/sponsors/Mero Job.jpg",
+    link: "https://merojob.com/",
   },
   {
-    title: "Community Partner",
-    name: "Rotaract Club of Dillibazar-Kathmandu",
-    image: "/assets/sponsors/Logo_Club_And_Serving_Mankind.png",
-    link: "https://www.instagram.com/rotaractdillibazar_ktm/",
+    title: "Supporting Partner",
+    name: "Libre Office",
+    image: "/assets/sponsors/LibreOffice.png",
+    link: "https://www.libreoffice.org/",
   },
   {
-    title: "Community Partner",
-    name: "Rotaract Club of Gyaneshwor, CiST",
-    image: "/assets/sponsors/RAC_Gyaneswor_CiST, Logo.png",
-    link: "https://www.instagram.com/racgyanesworcist/",
+    title: "Supporting Partner",
+    name: "GitHub Campus Expert",
+    image: "/assets/sponsors/Red Flag.png",
+    link: "https://githubcampus.expert/",
   },
-  {
-    title: "Community Partner",
-    name: "Rotaract Club of Patan West",
-    image: "/assets/sponsors/patan_west-1.png",
-    link: "https://www.instagram.com/rotaractclubofpatanwest/",
-  },
-
   {
     title: "Co-Organizing Partner",
     name: "Birendra Open Source Club",
@@ -73,6 +54,30 @@ const sponsorsData = [
     image: "/assets/sponsors/TriChandra Research Group.jpg",
     link: "https://www.facebook.com/TriChandraResearchGroup/",
   },
+  {
+    title: "Other Partner",
+    name: "Rotaract Club of Balaju",
+    image: "/assets/sponsors/Rotaract Club Of Balaju.png",
+    link: "https://www.instagram.com/rotaractbalajuofficial/",
+  },
+  {
+    title: "Other Partner",
+    name: "Rotaract Club of Dillibazar-Kathmandu",
+    image: "/assets/sponsors/Logo_Club_And_Serving_Mankind.png",
+    link: "https://www.instagram.com/rotaractdillibazar_ktm/",
+  },
+  {
+    title: "Other Partner",
+    name: "Rotaract Club of Gyaneshwor, CiST",
+    image: "/assets/sponsors/RAC_Gyaneswor_CiST, Logo.png",
+    link: "https://www.instagram.com/racgyanesworcist/",
+  },
+  {
+    title: "Other Partner",
+    name: "Rotaract Club of Patan West",
+    image: "/assets/sponsors/patan_west-1.png",
+    link: "https://www.instagram.com/rotaractclubofpatanwest/",
+  },
 
   {
     title: "Volunteering Partner",
@@ -111,12 +116,12 @@ sponsorsData.forEach((sponsor) => {
   card.className =
     "sponsor-card flex max-w-64 flex-col justify-between gap-3 rounded-3xl bg-white p-4 rounded-xl hover:shadow-xl";
   card.innerHTML = `
-      <div class="sponsor-image max-w-full max-h-full my-auto flex items-start justify-center">
+      <div class="sponsor-image max-w-full max-h-full min-h-36 my-auto flex items-center justify-center">
         <a href="${link}">
           <img
             src="${image}"
             alt="${name}"
-            class="max-w-full max-h-full min-w-48 object-cover"
+            class="max-w-full max-h-full  min-w-48 object-cover"
           />
         </a>
       </div>