Merge pull request #1310 from ayerswj/read-more-fix

Hackathon Cards Read More Fix

assets/js/experience.js

@@ -115,97 +115,112 @@ const mentor = [
     subtitle: "Mentor",
     image: "assets/images/experience-page/uplift.png",
     desp: "I would be responsible for guiding 100s of participants across the globe in their first steps towards Applied Data Science and building end-to-end machine learning projects.",
+    href: "https://uplift.girlscript.tech/",
   },
   {
     title: "ULHacks",
     subtitle: "Judge",
     image: "assets/images/experience-page/ulhacks.png",
     desp: "ULHacks is a 36 hour long hackathon organized with an aim to enable students to create a project which empowers learning.",
+    href: "https://ulhacks.com/",
   },
   {
     title: "WaffleHacks",
     subtitle: "Judge",
     image: "assets/images/experience-page/wafflehacks.png",
     desp: "WaffleHacks 2021 is an upcoming 48-hour student-organized hackathon with an aim to bring technical solutions to local communities and small businesses.",
+    href: "https://wafflehacks.org/",
   },
   {
     title: "Elevate Tech",
     subtitle: "Judge",
     image: "assets/images/experience-page/elevate.png",
     desp: "Elevate Hacks is an upcoming all-female virtual hackathon coming from AUGUST 14th to 15th.",
+    href: "https://elevatetech.codes/",
   },
   {
     title: "PitchTeen",
     subtitle: "Judge",
     image: "assets/images/experience-page/pitchteen.png",
     desp: "PitchTeen 2.0 was a tech startup competition for female and non-binary communities in high school and college from all over the world with an aim to create a safe and encouraging place for women to help them explore tech and business fields.",
+    href: "https://www.linkedin.com/company/pitchteen/about/",
   },
   {
     title: "Hack-A-Solution",
     subtitle: "Judge",
     image: "assets/images/experience-page/hackasolution.png",
     desp: "Hack-a-Solution 2021 is a 24 hour long hackathon organized by Frisco students to raise awareness of world issues through technology.",
+    href: "https://hackasolution.devpost.com/",
   },
   {
     title: "UniGlobe Hacks",
     subtitle: "Judge",
     image: "assets/images/experience-page/uniglobe.png",
     desp: "UniGlobe Hacks 2.0 is an upcoming 4-day long hackathon run by high school students held during 28-31 July 2021.",
+    href: "https://uniglobe-hacks.devpost.com/",
   },
   {
     title: "AtlasHacks",
     subtitle: "Mentor",
     image: "assets/images/experience-page/atlas.png",
     desp: "AtlasHacks II is a 3-day virtual hackathon that aims to foster creativity within hackers all around the world.",
+    href: "https://atlashacks2.devpost.com/",
   },
   {
     title: "NeoHacks",
     subtitle: "Judge",
     image: "assets/images/experience-page/neo.png",
     desp: "NeoHacks is an upcoming 48-hour hackathon taking place July 23-25, 2021 where hundreds of students from around the world will come together virtually to learn new skills, meet new friends, and build awesome projects. We provide beginner-friendly workshops, mentorship, fun games, and more.",
+    href: "https://neohacks.org/",
   },
   {
     title: "Mission Inspired",
     subtitle: "Judge",
     image: "assets/images/experience-page/mission.png",
     desp: "InspireEd Hacks is a nationwide initiative organized by the student-for-student nonprofit, Mission InspirEd, challenging students ages 10-18 to synthesize their creativity and coding experience into a product beneficial to the educational community.",
+    href: "https://www.missioninspired.org/hackathon",
   },
   {
     title: "Hack3",
     subtitle: "Judge",
     image: "assets/images/experience-page/hack3.png",
     desp: "Hack3 2021 is an upcoming global online hackathon that aims to enable high school students to learn computer science, with a broader message of (everyone can code) targeting underrepresented demographics to improve diversity and inclusion of individuals in the computer technology space.",
+    href: "https://hack3.co/",
   },
   {
     title: "JITHack",
     subtitle: "Mentor",
     image: "assets/images/experience-page/jithack.png",
     desp: "JITHack is an upcoming virtual design and development hackathon organized by the students of Jyothy Institute of Technology, Bengaluru on June 26, 2021, where participants have 24 hours to build something incredible.",
+    href: "https://jithack.netlify.app/",
   },
   {
     title: "Recess Hacks",
     subtitle: "Mentor",
     image: "assets/images/experience-page/recess.png",
     desp: "Recess Hacks is an upcoming hackathon for high school students in the Greater Toronto Area that strives to encourage innovation among high school students and get involved in technology.",
+    href: "https://recesshacks.com/",
   },
   {
     title: "Citro Tech",
     subtitle: "Mentor",
     image: "assets/images/experience-page/citro.png",
     desp: "Citro Hacks 2021 is an upcoming all-inclusive online hackathon organized by Citro Tech, a student led organization dedicated to empowering minorities in the tech field</li>",
+    href: "https://citro.tech/",
   },
   {
     title: "NHacks",
     subtitle: "Judge",
     image: "assets/images/experience-page/nhacks.png",
     desp: "NHacks VI was a hackathon that aimed to encourage students everywhere to develop skills in computer science by creating tangible products that they're proud of. It initially started as Michigan's largest high school hackathon.",
+    href: "https://nhacks-vi.devpost.com/",
   },
 ];
 
 const showCards3 = () => {
   let output = "";
   mentor.forEach(
-    ({ title, image, subtitle, desp }) =>
+    ({ title, image, subtitle, desp, href }) =>
       (output += `  
       <div class="blog-slider__item swiper-slide">
         <div class="blog-slider__img">
@@ -215,7 +230,7 @@ const showCards3 = () => {
           <div class="blog-slider__title">${title}</div>
           <span class="blog-slider__code">${subtitle}</span>
           <div class="blog-slider__text">${desp}</div>
-          <a href="#" class="blog-slider__button">Read More</a>   
+          <a href="${href}" class="blog-slider__button">Read More</a>   
         </div>
       </div>
       `)