diff --git a/vriddhi/public/Rules/KABBADI.pdf b/vriddhi/public/Rules/KABADDI.pdf similarity index 100% rename from vriddhi/public/Rules/KABBADI.pdf rename to vriddhi/public/Rules/KABADDI.pdf diff --git a/vriddhi/src/tournaments/data/tournamentRules.json b/vriddhi/src/tournaments/data/tournamentRules.json index 73e8aee..8549ed6 100644 --- a/vriddhi/src/tournaments/data/tournamentRules.json +++ b/vriddhi/src/tournaments/data/tournamentRules.json @@ -130,5 +130,20 @@ "If the server wins a rally, the server scores a point and then serves again from the alternate service court." ] } + ], + "kabaddi": [ + { "messageType": "header", "message": "General Rules" }, + { + "messageType": "list", + "message": [ + "The match starts with a coin toss between the two teams and the winner can decide whether to raid or defend first.", + "Each team is allowed two time-outs in a half.", + "Each team in a kabaddi match has 7 players. The teams can also have 5 substitute players on the bench.", + "The Weight Limit is 85 kg (mandatory) for boys, i.e., any boy recorded as weighing more than 85 kg shall not be allowed to participate in this event.", + "Each team shall consist of a minimum of 14 players and 7 Players shall take to the mat at a time and the remaining players are substitutes.", + "The duration of the match shall be two halves of 20 minutes.", + "Each team shall score one point for every opponent out or put out. The side, which scores a LONA, shall score two extra points. The out and revival rule will be applicable." + ] + } ] } diff --git a/vriddhi/src/tournaments/tournaments.css b/vriddhi/src/tournaments/tournaments.css index f2ce0ba..9579f31 100644 --- a/vriddhi/src/tournaments/tournaments.css +++ b/vriddhi/src/tournaments/tournaments.css @@ -1,269 +1,319 @@ -.main{ +.main { background-color: black; padding-bottom: 5rem; - background-image: linear-gradient(to top, #181821, rgba(255,0,0,0), #181D22); -} -.heading{ + background-image: linear-gradient( + to top, + #181821, + rgba(255, 0, 0, 0), + #181d22 + ); + } + .kabaddi { + display: flex; + position: relative; + left: 225%; + margin-top: 40px; + justify-content: center; + flex-direction: column; + } + .heading { margin: auto; text-align: center; flex-shrink: 0; color: white; - font-family: Nidus 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-family: Nidus "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", + sans-serif; font-size: 4.4rem; font-weight: 400; letter-spacing: 0.44rem; - text-decoration-line:underline ; + text-decoration-line: underline; text-underline-offset: 15px; margin-bottom: 4rem; padding-top: 5rem; -} -.trophymobile{ + } + .trophymobile { display: none; -} -.submain{ - display: grid; - grid-template-columns: auto auto auto; - justify-content: center; - margin: 3rem; -} -.content{ + } + .submain { + display: grid; + grid-template-columns: auto auto auto; + justify-content: center; + margin: 3rem; + position: relative; + } + .content { display: flex; justify-content: space-evenly; -} -.leftlines{ + } + .leftlines { display: none; -} -.rightlines{ + } + .rightlines { display: none; -} -.section{ + } + .section { text-align: center; -} -.line1{ + } + .line1 { margin-top: 3rem; -} -.line2{ + } + .line2 { margin-top: 9rem; -} -.line3{ + } + .line3 { margin-top: 12rem; -} -.line4{ + } + .line4 { margin-top: 10rem; -} -.sportname{ - color: #FFF; + } + .sportname { + color: #fff; text-align: center; - font-family: Nidus 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-family: Nidus "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", + sans-serif; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 7px; -} -.card{ + } + .card { width: 15rem; border-radius: 0.5055rem; - border: 0.505px solid #FFF; - background: linear-gradient(153deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.00) 100%); + border: 0.505px solid #fff; + background: linear-gradient( + 153deg, + rgba(0, 0, 0, 0.06) 0%, + rgba(0, 0, 0, 0.06) 100% + ), + linear-gradient( + 0deg, + rgba(255, 255, 255, 0.3) 0%, + rgba(255, 255, 255, 0) 100% + ); box-shadow: -2.52744px 1.51646px 2.02195px 0px rgba(92, 92, 92, 0.25); backdrop-filter: blur(10.615254402160645px); text-align: center; padding-left: 15%; -} -.card:hover{ + } + .card:hover { scale: 1.04; transition-duration: 300ms; -} - -.card image{ + } + + .card image { text-align: center; margin: auto; -} -.center{ + } + .center { padding: 2rem; display: inline; -} - -@media screen and (max-width: 1380px) { - .heading{ - font-size: 3.4rem; - } - .card{ - width: 12rem; - padding-right: 20px; - } - .center img{ - height: 70rem; - } - .sportname{ - font-size: 1.3rem; - } - .line1{ - margin-top: 3rem; - } - .line2{ - margin-top: 10rem; - } - .line3{ - margin-top: 12rem; - } - .line4{ - margin-top: 10rem; - } } - @media screen and (max-width: 850px){ - .heading{ - font-size: 2rem; - margin-bottom: 0.7rem; - } - .line1{ - margin-top: 1rem; - } - .line2{ - margin-top: 2rem; - } - .line3{ - margin-top: 4rem; - } - .line4{ - margin-top: 3rem; - } - .center img{ - height: 45rem; - } - - } - @media screen and (max-width: 720px){ - .main{ - padding-bottom: 12rem; - background-image: linear-gradient(to top, #181821, rgba(255,0,0,0), #242B31); + + @media screen and (max-width: 1380px) { + .heading { + font-size: 3.4rem; } - .submain{ - grid-template-columns: auto; - position: relative; - left: 0; - right: 0; - margin-left: auto; - margin-right: auto; - top:11rem; - text-align: center; + .card { + width: 12rem; + padding-right: 20px; } - .heading{ - font-size: 2rem; + .center img { + height: 70rem; } - .center{ - display: none; + .sportname { + font-size: 1.3rem; } - .submain{ - justify-content: space-around; + .line1 { + margin-top: 3rem; } - .trophymobile{ - display: block; - width: 7rem; - margin: auto; - padding-top:20px ; + .line2 { + margin-top: 10rem; } - .right{ - margin-top: 1.5rem; + .line3 { + margin-top: 12rem; } - .card{ - width: 11.68475rem; - height: 6.92631rem; - padding-left: 35px; - margin-top: 1rem; + .line4 { + margin-top: 10rem; } - .card img{ - width: 7.14381rem; - height: 6.48169rem; + .kabaddi { + display: flex; + position: relative; + left: 230%; + margin-top: 40px; + justify-content: center; + flex-direction: column; } - .leftlines,.rightlines{ - display: inline-block; - position: relative; - top:11rem; - } - .leftlines{ - left: 10rem; - + } + @media screen and (max-width: 1000px) { + .kabaddi { + left: 170%; } - .rightlines{ - right: 10rem; - + } + @media screen and (max-width: 850px) { + .heading { + font-size: 2rem; + margin-bottom: 0.7rem; } - .leftline1{ - margin-top: 9.25rem; + .line1 { + margin-top: 1rem; } - .leftline2{ - margin-top: 11.75rem; + .line2 { + margin-top: 2rem; } - .leftline3{ - margin-top: 11.75rem; + .line3 { + margin-top: 4rem; } - .leftline4{ - margin-top: 12.25rem; + .line4 { + margin-top: 3rem; } - .rightline1{ - margin-top: 21.25rem; + .center img { + height: 45rem; } - .rightline2{ - margin-top: 12rem; + .kabaddi { + display: flex; + position: relative; + left: 140%; + margin-top: 40px; + justify-content: center; + flex-direction: column; } - .rightline3{ - margin-top: 11.75rem; + } + @media screen and (max-width: 720px) { + .main { + padding-bottom: 12rem; + background-image: linear-gradient( + to top, + #181821, + rgba(255, 0, 0, 0), + #242b31 + ); + } + .submain { + grid-template-columns: auto; + position: relative; + left: 0; + right: 0; + margin-left: auto; + margin-right: auto; + top: 11rem; + text-align: center; + } + .heading { + font-size: 2rem; + } + .center { + display: none; + } + .submain { + justify-content: space-around; + } + .trophymobile { + display: block; + width: 7rem; + margin: auto; + padding-top: 20px; + } + .right { + margin-top: 1.5rem; + } + .card { + width: 11.68475rem; + height: 6.92631rem; + padding-left: 35px; + margin-top: 1rem; + } + .card img { + width: 7.14381rem; + height: 6.48169rem; + } + .leftlines, + .rightlines { + display: inline-block; + position: relative; + top: 11rem; + } + .leftlines { + left: 10rem; + } + .rightlines { + right: 10rem; + } + .leftline1 { + margin-top: 9.25rem; + } + .leftline2 { + margin-top: 11.75rem; + } + .leftline3 { + margin-top: 11.75rem; + } + .leftline4 { + margin-top: 12.25rem; + } + .rightline1 { + margin-top: 21.25rem; + } + .rightline2 { + margin-top: 12rem; + } + .rightline3 { + margin-top: 11.75rem; + } + .submain { + margin-top: -10rem; + } + .leftlines { + margin-top: -13rem; + } + .rightlines { + margin-top: -13rem; + } + .kabaddi { + display: flex; + position: static; + margin-top: 40px; + justify-content: center; + flex-direction: column; } - .submain{ - margin-top: -10rem; + } + @media screen and (max-width: 660px) { + .leftlines { + left: 6.5rem; } - .leftlines{ - margin-top: -13rem; + .rightlines { + right: 6.5rem; } - .rightlines{ - margin-top: -13rem; + .heading { + text-underline-offset: 7px; } - } - @media screen and (max-width: 660px){ - .leftlines{ - left: 6.5rem; - - } - .rightlines{ - right: 6.5rem; - + @media screen and (max-width: 510px) { + .left { + margin-right: 3rem; } - .heading{ - text-underline-offset: 7px; + .right { + margin-right: 2rem; } - } - @media screen and (max-width: 510px){ - .left{ - margin-right: 3rem; + .heading { + font-size: 1.5rem; } - .right{ - margin-right: 2rem; + .submain { + padding-left: 3.5rem; } - .heading{ - font-size: 1.5rem; + .leftlines { + left: 2.5rem; } - .submain{ - padding-left: 3.5rem; + .rightlines { + right: 2.5rem; } - .leftlines{ - left: 2.5rem; - + } + @media screen and (max-width: 410px) { + .leftlines img { + height: 210px; } - .rightlines{ - right: 2.5rem; - + .rightlines img { + height: 210px; } } - @media screen and (max-width: 410px){ - .leftlines img{ - height: 210px; - } - .rightlines img{ - height: 210px; - } - }; - \ No newline at end of file diff --git a/vriddhi/src/tournaments/tournaments.jsx b/vriddhi/src/tournaments/tournaments.jsx index c5080fd..a674ea1 100644 --- a/vriddhi/src/tournaments/tournaments.jsx +++ b/vriddhi/src/tournaments/tournaments.jsx @@ -100,6 +100,12 @@ export default function Footer() { rules={tournamentRules.badminton} /> +
rightmoblie3 + rightmoblie3