Skip to content

Commit

Permalink
added new event
Browse files Browse the repository at this point in the history
  • Loading branch information
Ananthakrishna-K-13 committed Oct 7, 2023
1 parent 8c22b96 commit e2ea8e3
Show file tree
Hide file tree
Showing 8 changed files with 100 additions and 50 deletions.
Binary file added src/assets/pp.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/components/Faq.jsx
Expand Up @@ -24,7 +24,7 @@ const Faq = () => {
<div className="faq container">
<h1 className="faq-heading aos-init" data-aos="fade-up" >Faq<span className="dot_color">.</span></h1>
{/* center accordion div */}
<div className="row accordion aos-init" data-aos="fade-up">
<div className="row accordion">
{renderFaqs(faqs)}
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/components/big_side_heading.jsx
@@ -1,7 +1,7 @@
import './big_side_heading.scss';
const Big_side_heading = (props)=>{
return <div className="big_side_heading container-fluid aos-init" data-aos="fade-up">
<div className="row">
return <div className="big_side_heading container-fluid">
<div className="row aos-init" data-aos="fade-up">
<div className="col-12 col-md-4 heading_column">
{/* for smaller screens */}
<div className="row d-block d-md-none">
Expand Down
4 changes: 2 additions & 2 deletions src/components/big_side_heading.scss
@@ -1,8 +1,8 @@
.big_side_heading{
background-color: black;
padding-top: 10vh;
padding-bottom: 10vh;
width: 90% !important;
padding-bottom: 5vh;
width: 85% !important;
}
.small_screen_heading{
font-weight: 700;
Expand Down
18 changes: 5 additions & 13 deletions src/components/event_card.jsx
Expand Up @@ -2,10 +2,12 @@ import { useEffect } from "react";
import "./event_card.scss";
function EventCard(props) {
useEffect(() => {
let btn1 = document.getElementById("btn1")
let btn1 = document.getElementById("sm1")
btn1.className="d-none"
let btn2 = document.getElementById("btn2")
let btn2 = document.getElementById("sm2")
btn2.className="d-none"
let pp2 = document.getElementById("pp2")
pp2.className="d-none"
}, [])

return (
Expand Down Expand Up @@ -38,17 +40,7 @@ function EventCard(props) {
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>
{props.linkimg}
</a>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/event_card.scss
Expand Up @@ -179,5 +179,5 @@
color: #BE00D7;
}
.imgdesktop{
margin-top: 40px;
margin-top: 45px;
}
5 changes: 2 additions & 3 deletions src/components/slider_section.scss
Expand Up @@ -22,7 +22,6 @@
.scroll_content {
overflow-x: scroll;
overflow-y: hidden;

}

.slider_content_right {
Expand All @@ -40,8 +39,8 @@

.slider_section {
background-color: black;
padding-top: 20vh;
padding-bottom: 10vh;
padding-top: 15vh;
padding-bottom: 5vh;
scrollbar-width: 0;
scrollbar-color: transparent transparent;
}
115 changes: 87 additions & 28 deletions src/screens/Events.jsx
@@ -1,35 +1,94 @@
import Title_Jumbotron from "../components/Title_Jumbotron";
import { events_page_subtitle } from '../content/subtitle_texts';
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"
import "./Events.scss";
import lensflare from "../assets/lensflare.png";
import synmun from "../assets/synmun.png";
import pp from "../assets/pp.png";

function Events() {
return (
<div className="Events">
<Title_Jumbotron bigHeader={"Discover"} bigHeaderCaps={"Synergy"} subtitle={events_page_subtitle} />
<EventCard
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}
text2="Event Details"
details={'https://drive.google.com/uc?export=download&id=1_yiTSTklhpdOfPQqyL6BZoJlkI_kw3yD'}
register={"https://docs.google.com/forms/d/e/1FAIpQLSfTktPQMk3OiHmR-PaO74yFyDo5LokL2HEQB1L8LygWkRHIAg/viewform"}
submit={"https://docs.google.com/forms/d/e/1FAIpQLScH-clXkyoGdMIlHYsp9OG3JahL-hhRa6JZV1PwrsIgB7zUQQ/viewform"} />
return (
<div className="Events">
<Title_Jumbotron
bigHeader={"Discover"}
bigHeaderCaps={"Synergy"}
subtitle={events_page_subtitle}
/>
<EventCard
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}
text2="Event Details"
details={
"https://drive.google.com/uc?export=download&id=1_yiTSTklhpdOfPQqyL6BZoJlkI_kw3yD"
}
linkimg={<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>}
register={
"https://docs.google.com/forms/d/e/1FAIpQLSfTktPQMk3OiHmR-PaO74yFyDo5LokL2HEQB1L8LygWkRHIAg/viewform"
}
submit={
"https://docs.google.com/forms/d/e/1FAIpQLScH-clXkyoGdMIlHYsp9OG3JahL-hhRa6JZV1PwrsIgB7zUQQ/viewform"
}
/>

<EventCard
title="SynMUN"
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>
);
<EventCard
title="Pitching Pixels"
description1={
"Welcome to Pitching Pixels, your gateway to the future of startups. Immerse yourself in our dynamic hackathon, where innovation and entrepreneurship intertwine. Join us on a journey to bring your startup ideas to life, turning dreams into successful businesses. Discover the power of collaboration, creativity, and technology at Pitching Pixels!"
}
image={pp}
text2="Event Details"
hide2="pp2"
details={
"https://drive.google.com/uc?export=download&id=1b4Y8fUhUrCtSX854oi2m4FoazWKEyMHs"
}
linkimg={<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>}
register={
"https://docs.google.com/forms/d/e/1FAIpQLSeuJr_17cQXBrO7boOP-BOPO_U5NGrtFBSR2swA-5O87HT9fQ/viewform?usp=sf_link"
}
submit={""}
/>

<EventCard
title="SynMUN"
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="sm1"
hide2="sm2"
details=""
register={""}
submit={""}
/>

<h1 className="temp_events">
Excitement alert : More events are en route !
</h1>
</div>
);
}
export default Events;

0 comments on commit e2ea8e3

Please sign in to comment.