added event SynMUN

zense · Oct 6, 2023 · 537e060 · 537e060
1 parent 17a8a90
commit 537e060
Show file tree

Hide file tree

Showing 17 changed files with 198 additions and 111 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -4,10 +4,9 @@ import Slider_section from './components/slider_section';
 import Big_side_heading from './components/big_side_heading';
 import about_us_text from './content/about_us';
 import Faq from './components/Faq';
-import Speakers from './components/Speakers';
 import { TimeLine } from './components/Timeline';
-// import homepage_subtitle
 import { homepage_subtitle } from './content/subtitle_texts';
+
 function App() {
   return (
     <div className="App" >
@@ -21,7 +20,6 @@ function App() {
       ></Big_side_heading>
       {/* <TimeLine/> */}
       <Faq />
-      {/* <Speakers title={"Speakers"} /> */}
     </div>
   );
 }

diff --git a/src/assets/LensFlare.pdf b/src/assets/LensFlare.pdf
diff --git a/src/assets/synmun.png b/src/assets/synmun.png
diff --git a/src/components/Card.jsx b/src/components/Card.jsx
@@ -9,11 +9,11 @@ const Card = (props) => {
                     <img className="cardimg" src={props.img} alt="" />
                     <p>{props.content}</p>
                     <span className="d-flex align-items-center justify-content-center gap-2">
-                        <a href=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
+                        <a href={props.insta} target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                         <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                         </svg>
                         </a>
-                        <a href=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
+                        <a href={props.linkedin} target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
                         <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
                         </svg>
                         </a>

diff --git a/src/components/Card.scss b/src/components/Card.scss
@@ -1,8 +1,8 @@
 .cardimg {
     margin-top: 15px;
     height: auto;
-    width: 200px;
-    margin-bottom: 12px;
+    width: 240px;
+    margin-bottom: 10px;
 }
 
 .card-main {
@@ -16,18 +16,19 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    margin-bottom: 20px;
 }
 .cont p{
-    font-weight: 700;
-    font-size: 16px;
+    font-weight: 600;
+    font-size: 23px;
     text-align: center;
     margin-bottom: 0.5rem;
 }
 .cont span svg{
     width: 30px;
-    height: 20px;
+    height: 25px;
     color: white;
     :hover{
-        color: purple;
+        color: #be00d7;
     }
-}
+}
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -42,18 +42,18 @@ const Footer = () => {
                                     <div className="row">
                                         {/* space items evenly in column */}
                                         <div className="col-sm foot-icon-list">
-                                            <a href="https://www.instagram.com/iiitb_official/" target="_blank" rel="noreferrer" className="footer-icon">
+                                            <a href="https://www.instagram.com/synergy_iiitb/" target="_blank" rel="noreferrer" className="footer-icon">
                                                 <AiFillInstagram className="footer-icon-svg" style={{ color: "white", fontSize: "2.5em" }} />
                                             </a>
-                                            <a href="https://www.facebook.com/IIITBofficial/" target="_blank" rel="noreferrer" className="footer-icon">
+                                           {/*  <a href="https://www.facebook.com/IIITBofficial/" target="_blank" rel="noreferrer" className="footer-icon">
                                                 <BsFacebook className="footer-icon-svg" style={{ color: "white", fontSize: "2.3em" }} />
-                                            </a>
-                                            <a href="https://in.linkedin.com/school/iiit-bangalore/" target="_blank" rel="noreferrer" className="footer-icon">
+                                            </a> */}
+                                            <a href="https://www.linkedin.com/company/synergy-iiitbangalore/" target="_blank" rel="noreferrer" className="footer-icon">
                                                 <BsLinkedin className="footer-icon-svg" style={{ color: "white", fontSize: "2.3em" }} />
                                             </a>
-                                            <a href="https://twitter.com/IIITB_official" target="_blank" rel="noreferrer" className="footer-icon">
+                                            {/* <a href="https://twitter.com/IIITB_official" target="_blank" rel="noreferrer" className="footer-icon">
                                                 <FaTwitter className="footer-icon-svg" style={{ color: "white", fontSize: "2.3em" }} />
-                                            </a>
+                                            </a> */}
                                         </div>
                                     </div>
                                     {/* <div className="row handles-sub">

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -53,7 +53,7 @@ const NavigationBar = () => {
                                     <BsInstagram style={{ fontSize: "1.5em" }} className='navbar-social-icons' />
                                 </a>
                             </span>
-                            <span className="nav-icons">
+                            {/* <span className="nav-icons">
                             <a href="https://twitter.com/IIITB_official" target="_blank" rel="noreferrer" >
                                                 <FaTwitter className='navbar-social-icons' style={{fontSize: "1.5em" }} />
                                             </a>
@@ -62,7 +62,7 @@ const NavigationBar = () => {
                             <a href="https://www.facebook.com/IIITBofficial/" target="_blank" rel="noreferrer">
                                                 <BsFacebook className='navbar-social-icons' style={{fontSize: "1.5em" }} />
                                             </a>
-                            </span>
+                            </span> */}
                         </div>
                     </Navbar.Collapse>
                 </Container>

diff --git a/src/components/event_card.jsx b/src/components/event_card.jsx
@@ -1,12 +1,20 @@
+import { useEffect } from "react";
 import "./event_card.scss";
 function EventCard(props) {
+  useEffect(() => {
+    let btn1 = document.getElementById("btn1")
+    btn1.className="d-none"
+    let btn2 = document.getElementById("btn2")
+    btn2.className="d-none"
+  }, [])
+
   return (
     <div className="EventCard container">
       <div className="row">
         <div className="col-5 d-none d-md-block imagecol">
           <div className="row">
             <div className="col-10">
-              <img src={props.image} alt="" className="sideimg" />
+              <img src={props.image} alt="" className="sideimg imgdesktop" />
             </div>
           </div>
         </div>
@@ -19,24 +27,50 @@ function EventCard(props) {
           </div>
           <div className="row">
             <div class="accordion" id="accordionExample">
-              <div className='accordion-content'>
+              <div className="accordion-content">
                 <div className="event_text">{props.description1}</div>
               </div>
-              <div className='accordion-content'>
-                <div className="event_text"><a className="details_link" href={props.details} target="_blank">Event Details    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link" viewBox="0 0 16 16"><path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z" /><path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z" />
-                </svg></a></div>
+              <div className="accordion-content">
+                <div className="event_text">
+                  <a
+                    className="details_link"
+                    href={props.details}
+                    download={true}
+                    target="_blank"
+                  >
+                    {props.text2}{" "}
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="16"
+                      height="16"
+                      fill="currentColor"
+                      class="bi bi-link"
+                      viewBox="0 0 16 16"
+                    >
+                      <path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z" />
+                      <path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z" />
+                    </svg>
+                  </a>
+                </div>
               </div>
             </div>
-
           </div>
           <div className="row button_container d-flex">
-            <div className="col btn btn-purple d-flex align-items-center justify-content-center">
-              <a href={props.register} target="_blank" className="d-flex align-items-center justify-content-center">
+            <div className="col btn btn-purple d-flex align-items-center justify-content-center" id={props.hide1}>
+              <a
+                href={props.register}
+                target="_blank"
+                className="d-flex align-items-center justify-content-center"
+              >
                 Register
               </a>
             </div>
-            <div className="col btn btn-purple d-flex align-items-center justify-content-center">
-              <a href={props.submit} target="_blank" className="d-flex align-items-center justify-content-center">
+            <div className="col btn btn-purple d-flex align-items-center justify-content-center" id={props.hide2}>
+              <a
+                href={props.submit}
+                target="_blank"
+                className="d-flex align-items-center justify-content-center"
+              >
                 Submit
               </a>
             </div>
@@ -45,9 +79,6 @@ function EventCard(props) {
       </div>
     </div>
   );
-
 }
 
-
-
 export default EventCard;
diff --git a/src/components/event_card.scss b/src/components/event_card.scss
@@ -177,4 +177,7 @@
 }
 .details_link:hover{
     color: #BE00D7;
+}
+.imgdesktop{
+    margin-top: 40px;
 }
diff --git a/src/content/teams.jsx b/src/content/teams.jsx
@@ -7,7 +7,7 @@ export const teams = [
                 "img": ""
             },
             {
-                "content": "Goutham UR",
+                "content": "Goutham U R",
                 "img": ""
             },
             {

diff --git a/src/index.js b/src/index.js
@@ -23,7 +23,6 @@ root.render(
         <Route path="/events" element={<Events />} />
         <Route path="/team" element={<Team />} />
         <Route path="/collaborators" element={<Collaborators />} />
-        <Route path="/" element={<App />} />
       </Routes>
       <Footer />
     </BrowserRouter>

diff --git a/src/screens/Collaborators.jsx b/src/screens/Collaborators.jsx
@@ -19,9 +19,9 @@ const Collaborators = () => {
             <h1 className="collab_heading">Collaborators<span className="dot_color">.</span></h1>
             <div className="lab-logos d-flex justify-content-center align-items-center">
                <a href="https://ic.iiitb.ac.in/" target='_blank'><img src={ic_logo} alt="" /></a>
-               <a href="https://ic.iiitb.ac.in/" target='_blank'><img src={ctridg_logo} alt="" /></a>
-               <a href="https://ic.iiitb.ac.in/" target='_blank'><img src={ehrc_logo} alt="" /></a>
-               <a href="https://ic.iiitb.ac.in/" target='_blank'><img src={wsl_logo} alt="" /></a>
+               <a href="https://www.iiitb.ac.in/media/iiit-bangalore-announces-gok-funded-digital-governance-and-datadriven-planning-initiatives" target='_blank'><img src={ctridg_logo} alt="" /></a>
+               <a href="https://ehrc.iiitb.ac.in/" target='_blank'><img src={ehrc_logo} alt="" /></a>
+               <a href="https://wsl.iiitb.ac.in/" target='_blank'><img src={wsl_logo} alt="" /></a>
             </div>   
         </Container>
     </div>

diff --git a/src/screens/Events.jsx b/src/screens/Events.jsx
@@ -3,6 +3,7 @@ import { events_page_subtitle } from '../content/subtitle_texts';
 import EventCard from "../components/event_card";
 import './Events.scss'
 import lensflare from "../assets/lensflare.png"
+import synmun from "../assets/synmun.png"
 
 function Events() {
     return (
@@ -12,16 +13,21 @@ function Events() {
             title="Lens Flare"
             description1={"🎬Calling all aspiring filmmakers! It's time to bring your storytelling skills to life through Lens Flare, Synergy's short film competition. The pages of time turn, revealing stories untold. Dive into the theme 'The Metamorphosis of Time' and unleash your creativity to shape the past, present, and future.🎥"} 
             image={lensflare}
-            details={"https://iiitbac-my.sharepoint.com/:b:/g/personal/synergy_iiitb_ac_in/Ea5FWwrd4u1MvqB2XHkr6zcBnflgZbikeUXe8kRi8H_VbA?e=MRTaCf"}
+            text2="Event Details"
+            details={'../assets/LensFlare.pdf'}
             register={"https://docs.google.com/forms/d/e/1FAIpQLSfTktPQMk3OiHmR-PaO74yFyDo5LokL2HEQB1L8LygWkRHIAg/viewform"}
             submit={"https://docs.google.com/forms/d/e/1FAIpQLScH-clXkyoGdMIlHYsp9OG3JahL-hhRa6JZV1PwrsIgB7zUQQ/viewform"} />
-            {/* <EventCard
+
+            <EventCard
             title="SynMUN"
-            description1={"🎬Calling all aspiring filmmakers! It's time to bring your storytelling skills to life through Lens Flare, Synergy's short film competition. The pages of time turn, revealing stories untold. Dive into the theme 'The Metamorphosis of Time' and unleash your creativity to shape the past, present, and future.🎥"} 
-            image={lensflare}
-            details={"https://iiitbac-my.sharepoint.com/:b:/g/personal/synergy_iiitb_ac_in/Ea5FWwrd4u1MvqB2XHkr6zcBnflgZbikeUXe8kRi8H_VbA?e=MRTaCf"}
-            register={"https://docs.google.com/forms/d/e/1FAIpQLSfTktPQMk3OiHmR-PaO74yFyDo5LokL2HEQB1L8LygWkRHIAg/viewform"}
-            submit={"https://docs.google.com/forms/d/e/1FAIpQLScH-clXkyoGdMIlHYsp9OG3JahL-hhRa6JZV1PwrsIgB7zUQQ/viewform"} /> */}
+            description1={"🌍 It's time to bridge the gap between tech and global diplomacy! 💻 Join us at SYNMUN 2023 as we redefine the future where technology and global affairs converge. 🌐 Delegates, prepare to debate, collaborate, and find innovative solutions to global challenges alongside world leaders, companies, and activists."} 
+            image={synmun}
+            text2="Registration opening shortly! Stay tuned."
+            hide1="btn1"
+            hide2="btn2"
+            details=""
+            register={""}
+            submit={""} />
             <h1 className="temp_events">Excitement alert : More events are en route !</h1>
         </div>
     );

diff --git a/src/screens/ResponsiveCards.jsx b/src/screens/ResponsiveCards.jsx
diff --git a/src/screens/ResponsiveCards.scss b/src/screens/ResponsiveCards.scss