Merge pull request #14 from rishavranjan943/main

increasing visiblity of text below discord icon
IIITKalyaniFOSC · Jun 9, 2024 · f940249 · f940249
2 parents f2b1e27 + c2ea68f
commit f940249
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/src/assets/images/discord/discord_sc.png b/src/assets/images/discord/discord_sc.png
diff --git a/src/components/Discord/Discord.css b/src/components/Discord/Discord.css
@@ -6,7 +6,7 @@
     height: 100%;
 }
 
-.over{
+.over {
     position: absolute;
     top: 0%;
     left: 0;
@@ -29,7 +29,7 @@
 }
 
 
-.overlay2{
+.overlay2 {
     position: absolute;
     top: 0;
     left: 0;
@@ -39,14 +39,14 @@
 }
 
 
-.stars{
+.stars {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url('../../assets/images/discord/stars.svg');
-    background-size : cover;
+    background-size: cover;
     background-position: center;
 }
 
@@ -70,13 +70,18 @@
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     mix-blend-mode: multiply;
+
 }
 
 .bottom-overlay {
     position: absolute;
-    bottom: 20%;
+    bottom: 7%;
     left: 33%;
     width: 32%;
     height: 25%;
     cursor: pointer;
+}
+
+.util{
+    z-index: 4;
 }
diff --git a/src/components/Discord/Discord.jsx b/src/components/Discord/Discord.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import './Discord.css';
-import discordSCImage from '../../assets/images/discord/discord_sc.svg'; // Import the image
+// import discordSCImage from '../../assets/images/discord/discord_sc.svg'; // Import the image
+import discordSCImage from '../../assets/images/discord/discord_sc.png'; // Import the image
 
 
 function Discord() {

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -12,6 +12,9 @@ function Footer() {
     return (
         <>
         <div id="footer" className='main-footer'>
+                <div className="container mx-auto px-4 py-8">
+                    <p className="footercontent text-xl md:text-2xl  text-[#BEBEBE] text-center inline">Join our Discord Community to stay updated on all the latest developments and <br className="hidden lg:inline" />announcements for our hackathon! Don&apos;t miss out on key updates and opportunities, join us today!</p>
+                </div>
             <div id="upfooter" className='bg-cover upfooter relative'>
                     <div className="flex flex-col py-5 xl:py-10 h-[100%] xl:h-[100%]  gap-5 justify-center item-center">
                         <img src={stars} alt="" className='absolute object-cover w-full h-full'/>