Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: 1 #6

Merged
merged 7 commits into from
Oct 17, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/assets/Logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Transfiniite'23</title>
<title>Transfinitte'23</title>
</head>
<body>
<div id="root"></div>
Expand Down
2 changes: 2 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,9 @@
"@mantine/carousel": "5.10.5",
"@mantine/core": "5.10.5",
"@mantine/hooks": "5.10.5",
"@mantine/notifications": "5.10.5",
"@mui/material": "^5.14.7",
"@tabler/icons-react": "^2.36.0",
"embla-carousel-autoplay": "7.0.0",
"embla-carousel-react": "7.0.0",
"framer-motion": "^10.16.4",
Expand Down
6 changes: 5 additions & 1 deletion src/App.jsx
Original file line number Diff line number Diff line change
@@ -1,13 +1,17 @@
import Router from './Router'
import { MantineProvider } from '@mantine/core';
import { NotificationsProvider } from '@mantine/notifications';


function App() {

return (
<>
<MantineProvider>
<Router />
<NotificationsProvider>
<Router />

</NotificationsProvider>
</MantineProvider>
</>
)
Expand Down
10 changes: 7 additions & 3 deletions src/Components/AboutUs/index.jsx
Original file line number Diff line number Diff line change
@@ -1,12 +1,16 @@
import "./styles.css";
import { Carousel } from '@mantine/carousel';
import { Image, createStyles } from "@mantine/core";
import hack from "../../assets/hack.png";
import Carousel1 from "../../assets/Carousel1_11zon.jpg";
import Carousel2 from "../../assets/Carousel2_11zon.jpg";
import Carousel3 from "../../assets/Carousel3_11zon.jpg";
import Carousel4 from "../../assets/Carousel4_11zon.jpg";

import Autoplay from "embla-carousel-autoplay";
import { useRef } from 'react';
import {motion} from "framer-motion";

const images = [hack,hack,hack];
const images = [Carousel1,Carousel2,Carousel3,Carousel4];

const useStyles = createStyles((_theme, _params, getRef) => ({
controls: {
Expand Down Expand Up @@ -39,7 +43,7 @@ const AboutUs = () => {
<div className="Box">
<motion.div className="text-wrapper" viewport={{once : true}} initial = {{opacity : 0}} whileInView={{opacity : 1}} transition={{duration : 1}} >About Us</motion.div>
<motion.p initial = {{opacity : 0}} viewport={{once : true}} whileInView={{opacity : 1}} transition={{duration : 1}} className="div">
Welcome to TransfiNITTe, the pinnacle of innovation and technology hosted by the Technical Council of the National Institute of Technology, Tiruchirappalli, in collaboration with SCIENT, the Student Centre for Innovation in Engineering and Technology-NITT. Our journey began with a vision to foster creativity, push boundaries, and redefine possibilities. As we gear up for our fifth edition, TransfiNITTe'23 promises to be an electrifying experience like never before. TransfiNITTe'22 was a testament to the unyielding spirit of innovation. With over 50 teams and 300+ brilliant minds from NIT Trichy, it was a 42-hour marathon of coding, ideation, and relentless problem-solving. Together, we tackled challenges spanning a diverse array of software and hardware domains. TransfiNITTe'23 aspires to raise the bar even higher. With a goal of hosting 100+ teams and 500+ participants, we are set to create history once again. For us, this event is not just about innovation; it's about forging meaningful partnerships, driving change, and celebrating the magic that happens when brilliant minds unite.
Welcome to TransfiNITTe, the flagship hackathon of NITT hosted by the Technical Council of the National Institute of Technology, Tiruchirappalli, in collaboration with SCIENT, the Student Centre for Innovation in Engineering and Technology-NITT. Our journey began with a vision to foster creativity, push boundaries, and redefine possibilities. As we gear up for our fifth edition, TransfiNITTe'23 promises to be an electrifying experience like never before. <br/> <br/> TransfiNITTe'22 was a testament to the unyielding spirit of innovation. With over 50 teams and 300+ brilliant minds from NIT Trichy, it was a 42-hour marathon of coding, ideation, and relentless problem-solving. Together, we tackled challenges spanning a diverse array of software and hardware domains. <br/> <br/> TransfiNITTe'23 aspires to raise the bar even higher. With a goal of hosting 100+ teams and 500+ participants, we are set to create history once again. For us, this event is not just about innovation; it's about forging meaningful partnerships, driving change, and celebrating the magic that happens when brilliant minds unite.
</motion.p>
<motion.div initial = {{ opacity : 0}} viewport={{once : true}} whileInView={{ opacity : 1}} transition={{duration : 1}}>
<Carousel sx={{ maxWidth : "30rem", marginTop : "2rem", marginBottom : "2rem"}} mx="auto" loop auto plugins={[autoplay.current]}
Expand Down
14 changes: 12 additions & 2 deletions src/Components/Contact/contact.css
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,10 @@
padding : 0rem 6rem;
}

.hidemob{
margin-top: 2rem;
}

@media only screen and (max-width: 600px) {
.mainc{
text-align: left;
Expand All @@ -33,17 +37,23 @@
width: 50%;
display: inline-block;
}

.mail{
margin-bottom: 1rem;
}
.footer-d2{
width: 50%;
width: 45%;
display: inline-block;
padding-left: 0.5rem;
}
.transfinitte-footer{
margin-top: 3rem;
width: 100%;
display: block;
text-align: center;
}
.hidemob{
margin-top: 3rem;
}
}

.mainc a{
Expand Down
46 changes: 37 additions & 9 deletions src/Components/Contact/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
import logo from "../../assets/logo.svg";
import "./contact.css";

import { IconPhoneCall,IconMail, IconBrandInstagram, IconBrandX, IconBrandLinkedin } from "@tabler/icons-react";

const Contact = () => {

return (
Expand All @@ -10,29 +12,55 @@ const Contact = () => {
<div className="mainc">
<div className="footer-d1">
<h3 style={{marginBottom : "0.5rem", marginTop : "0.5rem"}}>Contact</h3>
<p>Phone No : 123456789</p>
<p>Email : 123@gmail.com</p>

<div style={{display : "flex", position : "absolute"}}>
<p style={{display : "flex", alignItems : "center"}} className="mail"><IconMail style={{marginRight : "0.5rem"}} onClick={() => {window.open("mailto:technicalcouncil@pragyan.org")}}/><span>technicalcouncil@pragyan.org</span></p>
</div>

<div style={{display : "flex"}} className="hidemob">
<IconPhoneCall style={{marginRight : "0.5rem", width : "1.8rem"}}/>
<p style={{display : "flex", alignItems : "center"}}> 96706 64115 Akash</p>
</div>
<div style={{display : "flex"}}>
<IconPhoneCall style={{marginRight : "0.5rem", width : "1.8rem"}}/>
<p style={{display : "flex", alignItems : "center"}}> 93808 72847 Jairam</p>
</div>
<div style={{display : "flex"}}>
<IconPhoneCall style={{marginRight : "0.5rem", width : "1.8rem"}}/>
<p style={{display : "flex", alignItems : "center"}}> 77609 42275 Bandavya</p>
</div>



<h3 style={{marginBottom : "0.5rem", marginTop : "0.5rem"}}>Problem Statements</h3>
<a style={{cursor : "pointer"}}>2022 archive</a> <br/>
<a style={{cursor : "pointer"}}>2021 archive</a> <br/>
<a style={{cursor : "pointer"}}>2020 archive</a>
<a style={{cursor : "pointer"}} onClick={() => {window.open(
'https://drive.google.com/file/d/1PcIjK3qWJYjgxCiBnXAnTdjH5rwDA2KU/view?usp=sharing',
'_blank' // <- This is what makes it open in a new window.
);}}>2022 archive</a> <br/>


</div>
<div className="footer-d2">
<h3 style={{marginBottom : "0.5rem", marginTop : "0.5rem"}}>Address</h3>
<p>Orion, Lecture Hall</p>
<p>NIT Trichy</p>
<h3 style={{marginBottom : "0.5rem", marginTop : "0.5rem"}}>Social</h3>
<a style={{ cursor : "pointer"}}>Twitter</a> <br/>
<a style={{ cursor : "pointer"}}>Instagram</a> <br/>
<a style={{ cursor : "pointer"}}>LinkedIn</a> <br/>
<a style={{ cursor : "pointer", marginRight : "0.5rem"}} onClick={() => {window.open(
'https://www.instagram.com/tc_nitt/?hl=en',
'_blank' // <- This is what makes it open in a new window.
);}}><IconBrandInstagram size={"2rem"}/></a>
<a style={{ cursor : "pointer", marginRight : "0.5rem"}} onClick={() => {window.open(
'https://www.linkedin.com/company/technical-council-nit-trichy/mycompany/',
'_blank' // <- This is what makes it open in a new window.
);}}><IconBrandLinkedin size={"2rem"}/></a>

</div>
<div className="transfinitte-footer">
<img src = {logo} />
TRANSFINITTE
</div>
</div>

<br/>
</section>
</>
)
Expand Down
83 changes: 60 additions & 23 deletions src/Components/FaQs/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -53,36 +53,73 @@ const FaQs = () => {
defaultValue="customization"
classNames={classes}
className={classes.root}>
<Accordion.Item value="customization">
<Accordion.Control>Customization</Accordion.Control>
<Accordion.Panel>Colors, fonts, shadows and many other parts are customizable to fit your design needs</Accordion.Panel>
<Accordion.Item value="1">
<Accordion.Control>What is TransfiNITTe?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>TransfiNITTe is a 42-hour weekend event where students collaborate on innovative software and hardware projects.</Accordion.Panel>
</Accordion.Item>

<Accordion.Item value="flexibility">
<Accordion.Control>Flexibility</Accordion.Control>
<Accordion.Panel>Configure components appearance and behavior with vast amount of settings or overwrite any part of component styles</Accordion.Panel>
<Accordion.Item value="2">
<Accordion.Control>How does the application process work?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>To apply, you need to find your team and fill out the registration form. Following your submission, you will receive information on payment and will be added to a group where further details will be shared.</Accordion.Panel>
</Accordion.Item>

<Accordion.Item value="focus-ring">
<Accordion.Control>No annoying focus ring</Accordion.Control>
<Accordion.Panel>With new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard</Accordion.Panel>
<Accordion.Item value="3">
<Accordion.Control>What should I bring with me to TransfiNITTe?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>The main items to bring are your computer, charger, and if necessary, an adapter. </Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="4">
<Accordion.Control>What are the different domains of this hackathon?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>TransfiNITTe covers various domains, including web development, app development, cybersecurity, blockchain, machine learning, and more, encompassing both software and hardware projects.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="5">
<Accordion.Control>What skills are required to take part in this hackathon? I don't have any experience; what can I do?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>While having domain-specific skills like web development or blockchain can be helpful, you can still participate and learn even if you don't have prior experience.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="6">
<Accordion.Control>I don't have much experience in technical stuff. Can I still take part in it? </Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>Yes, TransfiNITTe welcomes participants with basic knowledge, and you can use this hackathon as a learning experience.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="7">
<Accordion.Control>Will we need to work round the clock?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>Yes, TransfiNITTe is a 42-hour long hackathon, and participants are expected to work continuously. However, there will be breaks for lunch, snacks, and dinner. </Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="focus-ring1">
<Accordion.Control>No annoying focus ring</Accordion.Control>
<Accordion.Panel>With new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard</Accordion.Panel>
<Accordion.Item value="8">
<Accordion.Control>Will there be any participation fees?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>Yes, there will be participation fees, and you will receive details about the fees during the application process.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="focus-ring2">
<Accordion.Control>No annoying focus ring</Accordion.Control>
<Accordion.Panel>With new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard</Accordion.Panel>
<Accordion.Item value="9">
<Accordion.Control>Do we need to have the entire idea fully working?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>No, you don't need to have the entire idea fully working, but points will be awarded based on the functionality level of your project. It is advised to complete the task to the best of your ability.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="focus-ring3">
<Accordion.Control>No annoying focus ring</Accordion.Control>
<Accordion.Panel>With new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard</Accordion.Panel>
<Accordion.Item value="10">
<Accordion.Control>Does only the team leader have to register, or do each team member need to apply separately?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>Only the team leader needs to register for the team. Team members do not need to apply separately.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="focus-ring4">
<Accordion.Control>No annoying focus ring</Accordion.Control>
<Accordion.Panel>With new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard</Accordion.Panel>
<Accordion.Item value="11">
<Accordion.Control>Can I take part in the hackathon in online mode?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>No, TransfiNITTe is conducted in offline mode, meaning physical presence is required.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="12">
<Accordion.Control>How many teams or people take part in TransfiNITTe?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>TransfiNITTe typically hosts around 50 teams, with each team consisting of 4-6 members.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="13">
<Accordion.Control>What will be the judging criteria?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>The specific judging criteria have not been decided yet, but they will be communicated to participants during the hackathon.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="14">
<Accordion.Control>Will there be any support available during the hackathon?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>Yes, there will be some support available, but it's advisable not to rely entirely on it. Participants are encouraged to be self-reliant and resourceful.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="15">
<Accordion.Control>Will there be wireless internet access?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>TransfiNITTe will be held in Orion, so participants are expected to use their own internet connections.</Accordion.Panel>
</Accordion.Item>
<Accordion.Item value="16">
<Accordion.Control>Are we allowed to use third-party components like open-source libraries, etc., to implement a solution? Are there any limitations on components?</Accordion.Control>
<Accordion.Panel c={"#f5bffb"}>In general, there are no limitations on using third-party components like open-source libraries. However, some problem statements may have their own restrictions, so participants should check the specific guidelines provided for each task.</Accordion.Panel>
</Accordion.Item>




</Accordion>
</motion.div>
Expand Down
Loading
Loading