Skip to content

Commit

Permalink
added synmun buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
Ananthakrishna-K-13 committed Oct 11, 2023
1 parent b65093b commit 9c57dea
Show file tree
Hide file tree
Showing 3 changed files with 58 additions and 25 deletions.
32 changes: 23 additions & 9 deletions src/components/event_card.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,10 @@ import { useEffect } from "react";
import "./event_card.scss";
function EventCard(props) {
useEffect(() => {
let btn1 = document.getElementById("sm1")
btn1.className="d-none"
let btn1 = document.getElementById("sm2")
btn1.className="col btn btn-purple d-flex align-items-center justify-content-center"
let btn2 = document.getElementById("secondlink")
btn2.className="accordion-content"
// let btn2 = document.getElementById("sm2")
// btn2.className="d-none"
// let pp2 = document.getElementById("pp2")
Expand All @@ -14,7 +16,7 @@ function EventCard(props) {
<div className="EventCard container aos-init" data-aos="zoom-in-up" >
<div className="row">
<div className="col-5 d-none d-md-block imagecol">
<div className="row">
<div className="row d-flex justify-content-center">
<div className="col-10">
<img src={props.image} alt="" className="sideimg imgdesktop" />
</div>
Expand Down Expand Up @@ -44,27 +46,39 @@ function EventCard(props) {
</a>
</div>
</div>
<div className="accordion-content d-none" id={props.secondlink}>
<div className="event_text">
<a
className="details_link"
href={props.details2}
target="_blank"
>
{props.text3}{" "}
{props.linkimg}
</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" id={props.hide1}>
<a
href={props.register}
href={props.link1}
target="_blank"
className="d-flex align-items-center justify-content-center button-link"
>
Register
{props.btn1_text}
</a>
</div>
{/* <div className="col btn btn-purple d-flex align-items-center justify-content-center" id={props.hide2}>
<div className="col btn btn-purple d-flex align-items-center justify-content-center d-none" id={props.hide2}>
<a
href={props.submit}
href={props.link2}
target="_blank"
className="d-flex align-items-center justify-content-center button-link"
>
Submit
{props.btn2_text}
</a>
</div> */}
</div>
</div>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions src/components/event_card.scss
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
}
.sideimg{
/* width: 100%; */
height: 500px;
width:110%;
}

//
Expand Down Expand Up @@ -65,11 +65,11 @@
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 25px;
font-size: 24px;
background-color: #1d1c1c;
border-radius: 25px;
margin-bottom: 2vmin!important;
padding: 30px;
padding: 25px;
}

/* .event_text:hover {
Expand Down Expand Up @@ -179,7 +179,7 @@
color: #BE00D7;
}
.imgdesktop{
margin-top: 45px;
margin-top: 75px;
}
.button-link{
width: 100%;
Expand Down
43 changes: 31 additions & 12 deletions src/screens/Events.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ function Events() {
image={lensflare}
text2="Event Details"
details={
"https://drive.google.com/uc?export=download&id=1_yiTSTklhpdOfPQqyL6BZoJlkI_kw3yD"
"https://drive.google.com/uc?export=download&id=1j1e7J_eO2y-I-I9oWWbXFzCDQnvklk4k"
}
linkimg={<svg
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -36,10 +36,11 @@ function Events() {
<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={
btn1_text="Register"
link1={
"https://docs.google.com/forms/d/e/1FAIpQLSfTktPQMk3OiHmR-PaO74yFyDo5LokL2HEQB1L8LygWkRHIAg/viewform"
}
submit={
link2={
"https://docs.google.com/forms/d/e/1FAIpQLScH-clXkyoGdMIlHYsp9OG3JahL-hhRa6JZV1PwrsIgB7zUQQ/viewform"
}
/>
Expand All @@ -53,7 +54,7 @@ function Events() {
text2="Event Details"
hide2="pp2"
details={
"https://drive.google.com/uc?export=download&id=1b4Y8fUhUrCtSX854oi2m4FoazWKEyMHs"
"https://drive.google.com/uc?export=download&id=1SHW_25YPNsyBADpcHLFLOU5UVTYfMlW0"
}
linkimg={<svg
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -66,7 +67,8 @@ function Events() {
<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={
btn1_text="Register"
link1={
"https://docs.google.com/forms/d/e/1FAIpQLSeuJr_17cQXBrO7boOP-BOPO_U5NGrtFBSR2swA-5O87HT9fQ/viewform?usp=sf_link"
}
submit={""}
Expand All @@ -78,12 +80,28 @@ function Events() {
"🌍 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."
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>}
text2="Event Details"
text3="Matrix"
btn1_text="Individual Registration"
btn2_text="Delegation Registration"
hide1="sm1"
hide2="sm2"
details=""
register={""}
submit={""}
secondlink="secondlink"
details="https://drive.google.com/uc?export=download&id=1qkWCjMchYI2RSjfe-a-MjHmJT-5Gyu51"
details2="https://drive.google.com/uc?export=download&id=1sUHWxGGm7xDLLzN0DacQJZR07ToOGkTH"
link1="https://forms.gle/DDnKGSopVYjtWGLi6"
link2="https://forms.gle/FvDxYd8SteJnNGed9"
/>

<EventCard
Expand All @@ -95,7 +113,7 @@ function Events() {
text2="Event Details"
hide2="pp2"
details={
"https://drive.google.com/uc?export=download&id=1PHtYTxPGP06Hed_nvnjRrEKsz8ZCOQoW"
"https://drive.google.com/uc?export=download&id=1Z0cTEKQjaJyf2njbADQFzQ22Z0cy4GZE"
}
linkimg={<svg
xmlns="http://www.w3.org/2000/svg"
Expand All @@ -108,10 +126,11 @@ function Events() {
<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={
btn1_text="Register"
link1={
"https://forms.gle/EaUTBP74M1L2CU6q7"
}
submit={""}
link2={""}
/>

<h1 className="temp_events">
Expand Down

0 comments on commit 9c57dea

Please sign in to comment.