mirror of
https://github.com/PotentiaRobotics/website.git
synced 2025-04-03 20:10:18 -04:00
Format code with standardjs
This commit fixes the style issues introduced in d40b9da according to the output
from standardjs.
Details: https://deepsource.io/gh/PotentiaRobotics/website/transform/31ba1737-8822-450e-abdf-0dbb57b032d3/
This commit is contained in:
deepsource-autofix[bot]
Ram Reddy
parent
d40b9da0b3
commit
da715a5b4b
48
src/App.js
48
src/App.js
|
|
@ -1,34 +1,34 @@
|
|||
import React, {Component} from "react";
|
||||
import { BrowserRouter, Route, Switch } from "react-router-dom";
|
||||
import About from "./components/About";
|
||||
import ContactForm from "./components/Contact";
|
||||
import Home from "./components/Home";
|
||||
import PostDetail from "./components/PostDetail";
|
||||
import Olympian from "./components/Olympian";
|
||||
import Blog from "./components/Blog";
|
||||
import Donate from "./components/Donate";
|
||||
import Navbar from "./components/Navbar";
|
||||
import Sponsors from "./components/Sponsors";
|
||||
import Events from "./components/Events";
|
||||
import React, { Component } from 'react'
|
||||
import { BrowserRouter, Route, Switch } from 'react-router-dom'
|
||||
import About from './components/About'
|
||||
import ContactForm from './components/Contact'
|
||||
import Home from './components/Home'
|
||||
import PostDetail from './components/PostDetail'
|
||||
import Olympian from './components/Olympian'
|
||||
import Blog from './components/Blog'
|
||||
import Donate from './components/Donate'
|
||||
import Navbar from './components/Navbar'
|
||||
import Sponsors from './components/Sponsors'
|
||||
import Events from './components/Events'
|
||||
|
||||
function App() {
|
||||
function App () {
|
||||
return (
|
||||
<BrowserRouter>
|
||||
<Navbar />
|
||||
<Switch>
|
||||
<Route component={About} path="/about" />
|
||||
<Route component={ContactForm} path="/contact" />
|
||||
<Route component={PostDetail} path="/blog/:slug" />
|
||||
<Route component={Blog} path="/blog" />
|
||||
<Route component={Donate} path="/donate" />
|
||||
<Route component={Sponsors} path="/sponsors" />
|
||||
<Route component={Events} path="/events" />
|
||||
<Route component={Olympian} path="/meet-olympian" />
|
||||
<Route component={Home} path="/" />
|
||||
<Route component={About} path='/about' />
|
||||
<Route component={ContactForm} path='/contact' />
|
||||
<Route component={PostDetail} path='/blog/:slug' />
|
||||
<Route component={Blog} path='/blog' />
|
||||
<Route component={Donate} path='/donate' />
|
||||
<Route component={Sponsors} path='/sponsors' />
|
||||
<Route component={Events} path='/events' />
|
||||
<Route component={Olympian} path='/meet-olympian' />
|
||||
<Route component={Home} path='/' />
|
||||
|
||||
</Switch>
|
||||
</BrowserRouter>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
||||
export default App;
|
||||
export default App
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import sanityClient from "@sanity/client";
|
||||
import sanityClient from '@sanity/client'
|
||||
|
||||
export default sanityClient({
|
||||
projectId: "1wob9lyq",
|
||||
dataset: "production",
|
||||
});
|
||||
projectId: '1wob9lyq',
|
||||
dataset: 'production'
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,182 +1,173 @@
|
|||
import React, {Component} from "react";
|
||||
import adi from "./assets/img/Adi.PNG";
|
||||
import rushil from "./assets/img/Rushil.PNG";
|
||||
import jason from "./assets/img/Jason.PNG";
|
||||
import shahzad from "./assets/img/Shahzad.PNG";
|
||||
import aileen from "./assets/img/Aileen.PNG";
|
||||
import mayuka from "./assets/img/Mayuka.PNG";
|
||||
import ram from "./assets/img/Ram.PNG";
|
||||
import sai from "./assets/img/Sai.PNG";
|
||||
import kedar from "./assets/img/Kedar.PNG";
|
||||
import icon from "./assets/img/aboutlogo.PNG";
|
||||
import './assets/About.scss';
|
||||
import React, { Component } from 'react'
|
||||
import adi from './assets/img/Adi.PNG'
|
||||
import rushil from './assets/img/Rushil.PNG'
|
||||
import jason from './assets/img/Jason.PNG'
|
||||
import shahzad from './assets/img/Shahzad.PNG'
|
||||
import aileen from './assets/img/Aileen.PNG'
|
||||
import mayuka from './assets/img/Mayuka.PNG'
|
||||
import ram from './assets/img/Ram.PNG'
|
||||
import sai from './assets/img/Sai.PNG'
|
||||
import kedar from './assets/img/Kedar.PNG'
|
||||
import icon from './assets/img/aboutlogo.PNG'
|
||||
import './assets/About.scss'
|
||||
|
||||
import './assets/About.scss';
|
||||
|
||||
|
||||
|
||||
|
||||
class About extends Component {
|
||||
render() {
|
||||
return (
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th colspan="2">About Us</th>
|
||||
</tr>
|
||||
<tr><th colspan="2">Founder and Project Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hi! I’m Aditya, one of the founders and Project Lead of Potentia Robotics and a sophomore at TJHSST. I was inspired to pursue such a grand project by YouTubers like Mark Rober and Michael Reeves, who build large, grand robots and other machinery just for the sheer fun of it. In particular, Michael Reeves’ philosophy of building cool things just for the sake of it/for the learning experience instead of having some ulterior—monetary or otherwise—motive behind building that thing really resonated with me. As the Project Lead of Potentia Robotics, I’m responsible for managing the team as a whole, setting and following through with deadlines, and I serve as the bridge between each of the three subteams. I also do subteam-specific work (programming, designing, accounting, etc.) in each subteam.
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<img src = {adi} alt="image of Aditya Vasantharao"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2">Founder and Software Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
I’m Audhav Durai, one of the founders and the Software Lead for Potentia Robotics. Motivated by the research being done at various colleges and academic institutions, I (along with Aditya) founded and became a part of Potentia Robotics so we could tackle a high-level project on our own. Having the opportunity to conduct research that is being done in the real word as a highschooler is an amazing experience. My role on the team is to manage the programming subteam, which means keeping track of our progress, making sure we are always on task, and meeting both exterior and team-set deadlines. Additionally, I do various tasks in the programming subteam as well.
|
||||
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {icon} alt="image of Audhav Durai"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2">Control Systems Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hi! I’m Eugene and I am the Control Systems Lead for Potentia Robotics. When I first saw the team posting I immediately . It is so exciting to work alongside talented students and I am hopeful what we could do together as a team in the future.
|
||||
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {icon} alt="image of Audhav Durai"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2">Design Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
|
||||
Hi, I’m Shahzad! I manage the Design aspects of Potentia Robotics, specifically working on CAD and design. We use Autodesk Fusion 360 to create realistic models of our robot, allowing us to visualize how each subsection of the humanoid works in tandem with the others. I applied to join the team because of the unique goal of the club. In the past, I’ve worked on countless robots, but none are as intriguing as a full size humanoid. I’m grateful for being brought into the club, and it’s been a pleasure working with the Design team and other Engineering members to create our robot.
|
||||
|
||||
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {shahzad} alt="image of Shahzad Sohail"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2">Electronics Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hey! I’m Rushil, and I’m working on heading the main engineering team for the bot. We’re hard at work designing the chassis, running logistics for the fabrication of parts, and making the programmers happy. From CAD to cardboard prototype to 3D print to machining and final construction we’re working to design and engineer the final product!
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {rushil} alt="image of Rushil Umaretiya"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr><th colspan="2">Outreach Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
My name is Jason Yi and I am serving as the Outreach Lead for Potentia Robotics. Working with the outreach team has been one of the best experiences I’ve had so far, and it’s amazing knowing that the work I am doing is helping out some of the brightest high school students in the nation! I hope that as the outreach lead, the work that I do will enable the rest of the team to push the envelope of innovation.
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {jason} alt="image of Jason Yi"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hey there! I'm Kedar Prasad and I help code everything in Potentia Robotics. I work on our Webots code and the Potentia Robotics website. I have been on a robotics team since 5th grade and have went to the state competitions for each. I joined Potentia Robotics to help drive my interest in Robotics and STEM. Additionally, I would never reject an opportunity to build a full-sized humanoid robot. So far, I have loved working with this team and learning from all my intellegent teammmates. </td>
|
||||
<td padding="0px">
|
||||
<img src = {kedar} alt="image of Kedar Prasad"></img>
|
||||
</td>
|
||||
</tr>
|
||||
render () {
|
||||
return (
|
||||
<body>
|
||||
|
||||
<tr><th colspan="2">Software Developer</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hello, I’m Ram Reddy and I am a software developer at Potentia Robotics. I work in the programming team of the control systems, engine software and web development. I joined the team because I have always loved to program and build model robots since I was in elementary school. It has been an amazing experience working with like minded individuals striving for the same goal and I am looking forward to what the future holds.
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {ram} alt="image of Ram Reddy"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2">Software Developer</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hi, I’m Ramya Reddy and I’m one of the software developers at Potentia Robotics. I have worked on the engine software and web development with the programming team. I joined Potentia Robotics because I have always been interested in robotics and worked on various projects, but never got the opportunity to help create a full sized humanoid robot! It has been amazing working with the other members of the team, and I’m excited for what is to come.
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {icon} alt="image of Jason Yi"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2"> Engineer</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hi! I’m Varsha and I am a part of the engineering team. As a member of Potentia Robotics, I hope to learn more about the engineering and design process and eventually succeed in building a functional humanoid robot. I joined because I wanted to improve my skills in design and was interested in doing a large scale project.
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {icon} alt="image of Jason Yi"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2">Engineer</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hey! I’m Aileen Zhao, part of the engineering team for Potentia Robotics, where I help make the body of the robot Olympian. I joined the team because I like robots and engineering and design! I hope that in the process of making Olympian, I also get to expand my understanding and experience in this subject.
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {aileen} alt="image of Aileen Zhao"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan="2">Engineer</th></tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hi! I’m Mayuka, and I’m an Engineer at Potentia Robotics. I work with the rest of the Engineering Team to design our robot Olympian. Working here has provided me with an amazing opportunity to learn many valuable skills in engineering (using CAD, good researching, etc.) and I am looking forward to learning more in the future! I joined the team to gain more knowledge in robotics and engineering, and to be part of a team with members who are enthusiastic to spread their love for STEM in our community. My experience here has been nothing but positive, and I am excited to be part of a team that shows that with hard work and determination, achieving any goal is possible.
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {mayuka} alt="image of Mayuka"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
Hey! My name is Sai. I am a part of the Outreach and Finance team with my role centering around spearheading networking with sponsors, organizing financial accounts, as well as working with Jason and Ajit to formulate innovative methods of fundraising that not only help towards the development of our robot Olympian but also help spark a love of STEM in the community. I joined Potentia to help pave the path for other high schoolers and show them that the limitations placed upon us are not rigid but with a dose of determination and collaboration, malleable.
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {sai} alt="image of Sai Mattapali"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td font-size="20px" >
|
||||
My name is Ajit Sivakumar and I am part of the Outreach and Finance team. I really enjoy working with the other members of the outreach team to create a solid foundation for our project. I wanted to join Potentia to gain experience working with money and people and I am also genuinely interested in the creation of a humanoid robot. I hope to learn more not only in my sub-section, but in all aspects of our project!
|
||||
</td>
|
||||
<td padding="0px">
|
||||
<img src = {icon} alt="image of Jason Yi"></img>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
);
|
||||
|
||||
|
||||
}
|
||||
<table>
|
||||
<tr>
|
||||
<th colspan='2'>About Us</th>
|
||||
</tr>
|
||||
<tr><th colspan='2'>Founder and Project Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hi! I’m Aditya, one of the founders and Project Lead of Potentia Robotics and a sophomore at TJHSST. I was inspired to pursue such a grand project by YouTubers like Mark Rober and Michael Reeves, who build large, grand robots and other machinery just for the sheer fun of it. In particular, Michael Reeves’ philosophy of building cool things just for the sake of it/for the learning experience instead of having some ulterior—monetary or otherwise—motive behind building that thing really resonated with me. As the Project Lead of Potentia Robotics, I’m responsible for managing the team as a whole, setting and following through with deadlines, and I serve as the bridge between each of the three subteams. I also do subteam-specific work (programming, designing, accounting, etc.) in each subteam.
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<img src={adi} alt='image of Aditya Vasantharao' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'>Founder and Software Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
I’m Audhav Durai, one of the founders and the Software Lead for Potentia Robotics. Motivated by the research being done at various colleges and academic institutions, I (along with Aditya) founded and became a part of Potentia Robotics so we could tackle a high-level project on our own. Having the opportunity to conduct research that is being done in the real word as a highschooler is an amazing experience. My role on the team is to manage the programming subteam, which means keeping track of our progress, making sure we are always on task, and meeting both exterior and team-set deadlines. Additionally, I do various tasks in the programming subteam as well.
|
||||
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={icon} alt='image of Audhav Durai' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'>Control Systems Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hi! I’m Eugene and I am the Control Systems Lead for Potentia Robotics. When I first saw the team posting I immediately . It is so exciting to work alongside talented students and I am hopeful what we could do together as a team in the future.
|
||||
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={icon} alt='image of Audhav Durai' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'>Design Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
|
||||
Hi, I’m Shahzad! I manage the Design aspects of Potentia Robotics, specifically working on CAD and design. We use Autodesk Fusion 360 to create realistic models of our robot, allowing us to visualize how each subsection of the humanoid works in tandem with the others. I applied to join the team because of the unique goal of the club. In the past, I’ve worked on countless robots, but none are as intriguing as a full size humanoid. I’m grateful for being brought into the club, and it’s been a pleasure working with the Design team and other Engineering members to create our robot.
|
||||
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={shahzad} alt='image of Shahzad Sohail' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'>Electronics Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hey! I’m Rushil, and I’m working on heading the main engineering team for the bot. We’re hard at work designing the chassis, running logistics for the fabrication of parts, and making the programmers happy. From CAD to cardboard prototype to 3D print to machining and final construction we’re working to design and engineer the final product!
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={rushil} alt='image of Rushil Umaretiya' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr><th colspan='2'>Outreach Lead</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
My name is Jason Yi and I am serving as the Outreach Lead for Potentia Robotics. Working with the outreach team has been one of the best experiences I’ve had so far, and it’s amazing knowing that the work I am doing is helping out some of the brightest high school students in the nation! I hope that as the outreach lead, the work that I do will enable the rest of the team to push the envelope of innovation.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={jason} alt='image of Jason Yi' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hey there! I'm Kedar Prasad and I help code everything in Potentia Robotics. I work on our Webots code and the Potentia Robotics website. I have been on a robotics team since 5th grade and have went to the state competitions for each. I joined Potentia Robotics to help drive my interest in Robotics and STEM. Additionally, I would never reject an opportunity to build a full-sized humanoid robot. So far, I have loved working with this team and learning from all my intellegent teammmates.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={kedar} alt='image of Kedar Prasad' />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr><th colspan='2'>Software Developer</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hello, I’m Ram Reddy and I am a software developer at Potentia Robotics. I work in the programming team of the control systems, engine software and web development. I joined the team because I have always loved to program and build model robots since I was in elementary school. It has been an amazing experience working with like minded individuals striving for the same goal and I am looking forward to what the future holds.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={ram} alt='image of Ram Reddy' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'>Software Developer</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hi, I’m Ramya Reddy and I’m one of the software developers at Potentia Robotics. I have worked on the engine software and web development with the programming team. I joined Potentia Robotics because I have always been interested in robotics and worked on various projects, but never got the opportunity to help create a full sized humanoid robot! It has been amazing working with the other members of the team, and I’m excited for what is to come.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={icon} alt='image of Jason Yi' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'> Engineer</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hi! I’m Varsha and I am a part of the engineering team. As a member of Potentia Robotics, I hope to learn more about the engineering and design process and eventually succeed in building a functional humanoid robot. I joined because I wanted to improve my skills in design and was interested in doing a large scale project.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={icon} alt='image of Jason Yi' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'>Engineer</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hey! I’m Aileen Zhao, part of the engineering team for Potentia Robotics, where I help make the body of the robot Olympian. I joined the team because I like robots and engineering and design! I hope that in the process of making Olympian, I also get to expand my understanding and experience in this subject.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={aileen} alt='image of Aileen Zhao' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr><th colspan='2'>Engineer</th></tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hi! I’m Mayuka, and I’m an Engineer at Potentia Robotics. I work with the rest of the Engineering Team to design our robot Olympian. Working here has provided me with an amazing opportunity to learn many valuable skills in engineering (using CAD, good researching, etc.) and I am looking forward to learning more in the future! I joined the team to gain more knowledge in robotics and engineering, and to be part of a team with members who are enthusiastic to spread their love for STEM in our community. My experience here has been nothing but positive, and I am excited to be part of a team that shows that with hard work and determination, achieving any goal is possible.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={mayuka} alt='image of Mayuka' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
Hey! My name is Sai. I am a part of the Outreach and Finance team with my role centering around spearheading networking with sponsors, organizing financial accounts, as well as working with Jason and Ajit to formulate innovative methods of fundraising that not only help towards the development of our robot Olympian but also help spark a love of STEM in the community. I joined Potentia to help pave the path for other high schoolers and show them that the limitations placed upon us are not rigid but with a dose of determination and collaboration, malleable.
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={sai} alt='image of Sai Mattapali' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td font-size='20px'>
|
||||
My name is Ajit Sivakumar and I am part of the Outreach and Finance team. I really enjoy working with the other members of the outreach team to create a solid foundation for our project. I wanted to join Potentia to gain experience working with money and people and I am also genuinely interested in the creation of a humanoid robot. I hope to learn more not only in my sub-section, but in all aspects of our project!
|
||||
</td>
|
||||
<td padding='0px'>
|
||||
<img src={icon} alt='image of Jason Yi' />
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default About;
|
||||
|
||||
|
||||
export default About
|
||||
|
|
|
|||
|
|
@ -1,26 +1,26 @@
|
|||
import React from "react";
|
||||
import "./assets/Blog.scss";
|
||||
import hero from "./assets/img/olympian_hero.png";
|
||||
import React from 'react'
|
||||
import './assets/Blog.scss'
|
||||
import hero from './assets/img/olympian_hero.png'
|
||||
|
||||
export default function Blog(props) {
|
||||
export default function Blog (props) {
|
||||
return (
|
||||
<body>
|
||||
<section className="hero-temp">
|
||||
<div className="landing-header">
|
||||
<h1 id="potentia"><span className="highlight-gray"> Potentia </span></h1>
|
||||
<h1 id="robotics"><span className="highlight-gray"> Robotics </span></h1>
|
||||
</div>
|
||||
<div className="landing-subheader">
|
||||
<p>
|
||||
<span className="highlight-gray"> This page is under construction. <br></br> Please check back later! </span>
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
className="landing-robot"
|
||||
src={hero}
|
||||
alt=""
|
||||
/>
|
||||
<section className='hero-temp'>
|
||||
<div className='landing-header'>
|
||||
<h1 id='potentia'><span className='highlight-gray'> Potentia </span></h1>
|
||||
<h1 id='robotics'><span className='highlight-gray'> Robotics </span></h1>
|
||||
</div>
|
||||
<div className='landing-subheader'>
|
||||
<p>
|
||||
<span className='highlight-gray'> This page is under construction. <br /> Please check back later! </span>
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
className='landing-robot'
|
||||
src={hero}
|
||||
alt=''
|
||||
/>
|
||||
</section>
|
||||
</body>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import React, {Component} from "react";
|
||||
import {createGlobalStyle} from 'styled-components';
|
||||
import bot2 from "./assets/img/bot2.png";
|
||||
import React, { Component } from 'react'
|
||||
import { createGlobalStyle } from 'styled-components'
|
||||
import bot2 from './assets/img/bot2.png'
|
||||
import './assets/Donate.scss'
|
||||
|
||||
// If you need anything for this ask Ram Reddy
|
||||
|
|
@ -16,41 +16,39 @@ const GlobalStyle = createGlobalStyle`
|
|||
margin: 0;
|
||||
color: #555;
|
||||
}
|
||||
`;
|
||||
`
|
||||
|
||||
class Donate extends Component {
|
||||
render() {
|
||||
return(
|
||||
<>
|
||||
<GlobalStyle />
|
||||
{/* <div className="content-box"> hjalsdklANSDFKJASNDF</div> */}
|
||||
<div className="centered">
|
||||
<div className="textArea">
|
||||
<div className="text1">Donate Today</div>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<div className="text2">Paypal widget here</div>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<span><br></br></span>
|
||||
<div className="text2">Gofundme widget here</div>
|
||||
</div>
|
||||
</div>
|
||||
<img className="donateRobot" src={bot2}>
|
||||
|
||||
</img>
|
||||
</>
|
||||
);
|
||||
}
|
||||
render () {
|
||||
return (
|
||||
<>
|
||||
<GlobalStyle />
|
||||
{/* <div className="content-box"> hjalsdklANSDFKJASNDF</div> */}
|
||||
<div className='centered'>
|
||||
<div className='textArea'>
|
||||
<div className='text1'>Donate Today</div>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<div className='text2'>Paypal widget here</div>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<span><br /></span>
|
||||
<div className='text2'>Gofundme widget here</div>
|
||||
</div>
|
||||
</div>
|
||||
<img className='donateRobot' src={bot2} />
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Donate;
|
||||
export default Donate
|
||||
|
|
|
|||
|
|
@ -1,40 +1,36 @@
|
|||
import "./assets/Events.scss";
|
||||
import React, {Component} from "react";
|
||||
import {createGlobalStyle} from 'styled-components';
|
||||
import bot2 from "./assets/img/bot2.png";
|
||||
import './assets/Events.scss'
|
||||
import React, { Component } from 'react'
|
||||
import { createGlobalStyle } from 'styled-components'
|
||||
import bot2 from './assets/img/bot2.png'
|
||||
import './assets/Donate.scss'
|
||||
//var Diamond = require("./assets/img/0002.jpg")
|
||||
import icon from "./assets/img/0002.jpg";
|
||||
import icon2 from "./assets/img/0001.jpg";
|
||||
import icon3 from "./assets/img/0003.jpg";
|
||||
import pdf from "./assets/Python_BootCamp.pdf";
|
||||
// var Diamond = require("./assets/img/0002.jpg")
|
||||
import icon from './assets/img/0002.jpg'
|
||||
import icon2 from './assets/img/0001.jpg'
|
||||
import icon3 from './assets/img/0003.jpg'
|
||||
import pdf from './assets/Python_BootCamp.pdf'
|
||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||||
import { faArrowCircleRight } from '@fortawesome/free-solid-svg-icons'
|
||||
|
||||
|
||||
class Events extends Component {
|
||||
render() {
|
||||
return(
|
||||
<>
|
||||
<br></br>
|
||||
<div className="flyer-container">
|
||||
<img src = {icon2} width="30%" height="100%" alt="image of team member"></img>
|
||||
</div>
|
||||
<div className="pdf-link-container">
|
||||
|
||||
<div className="pdf-link">
|
||||
<a href={pdf} download className="pdf-download"><strong>Learn More</strong> <FontAwesomeIcon icon={faArrowCircleRight}/></a>
|
||||
</div>
|
||||
|
||||
render () {
|
||||
return (
|
||||
<>
|
||||
<br />
|
||||
<div className='flyer-container'>
|
||||
<img src={icon2} width='30%' height='100%' alt='image of team member' />
|
||||
</div>
|
||||
<div className='pdf-link-container'>
|
||||
|
||||
<div className='pdf-link'>
|
||||
<a href={pdf} download className='pdf-download'><strong>Learn More</strong> <FontAwesomeIcon icon={faArrowCircleRight} /></a>
|
||||
</div>
|
||||
|
||||
<div className="bottom">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
<div className='bottom' />
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
export default Events;
|
||||
export default Events
|
||||
|
|
|
|||
|
|
@ -1,92 +1,93 @@
|
|||
import React from "react";
|
||||
import "./assets/Home.scss";
|
||||
import hero from "./assets/img/olympian_hero.png";
|
||||
import team_picture from "./assets/img/team_picture.png";
|
||||
import olympian_waving from "./assets/img/olympian_waving.png";
|
||||
import React from 'react'
|
||||
import './assets/Home.scss'
|
||||
import hero from './assets/img/olympian_hero.png'
|
||||
import team_picture from './assets/img/team_picture.png'
|
||||
import olympian_waving from './assets/img/olympian_waving.png'
|
||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||||
import { faArrowCircleRight } from '@fortawesome/free-solid-svg-icons'
|
||||
import {Spring} from 'react-spring/renderprops'
|
||||
import { Spring } from 'react-spring/renderprops'
|
||||
|
||||
export default function Home(props) {
|
||||
export default function Home (props) {
|
||||
return (
|
||||
<body className="main-content">
|
||||
<section className="hero">
|
||||
<div className="landing-header">
|
||||
<h1 id="potentia"><span className="highlight-gray"> Potentia </span></h1>
|
||||
<h1 id="robotics"><span className="highlight-gray"> Robotics </span></h1>
|
||||
<body className='main-content'>
|
||||
<section className='hero'>
|
||||
<div className='landing-header'>
|
||||
<h1 id='potentia'><span className='highlight-gray'> Potentia </span></h1>
|
||||
<h1 id='robotics'><span className='highlight-gray'> Robotics </span></h1>
|
||||
</div>
|
||||
<div className="landing-subheader">
|
||||
<div className='landing-subheader'>
|
||||
<p>
|
||||
<span className="highlight-gray"> The first high school team to design and <br></br> build a full-size bipedal humanoid robot. </span>
|
||||
<span className='highlight-gray'> The first high school team to design and <br /> build a full-size bipedal humanoid robot. </span>
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
className="landing-robot"
|
||||
className='landing-robot'
|
||||
src={hero}
|
||||
alt=""
|
||||
/>
|
||||
alt=''
|
||||
/>
|
||||
</section>
|
||||
<section className="intro-wrapper">
|
||||
<div className="intro-content">
|
||||
<h1 className="intro-header">Who are we?</h1>
|
||||
<p className="intro-text">
|
||||
Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot <strong>entirely from scratch</strong>.
|
||||
It's run by students from the Thomas Jefferson High School for Science and Technology (TJHSST). <br></br><br></br>
|
||||
We're building <span class="text-blue"><strong>Olympian</strong></span>: our low-cost, 6-foot tall, bipedal humanoid robot with a human-like dynamically stable gait, limb mobility, and balance capabilities, that can be controlled effectively and efficiently from afar.</p>
|
||||
<section className='intro-wrapper'>
|
||||
<div className='intro-content'>
|
||||
<h1 className='intro-header'>Who are we?</h1>
|
||||
<p className='intro-text'>
|
||||
Potentia Robotics is the first high school team to design and build a fully-functional humanoid robot <strong>entirely from scratch</strong>.
|
||||
It's run by students from the Thomas Jefferson High School for Science and Technology (TJHSST). <br /><br />
|
||||
We're building <span class='text-blue'><strong>Olympian</strong></span>: our low-cost, 6-foot tall, bipedal humanoid robot with a human-like dynamically stable gait, limb mobility, and balance capabilities, that can be controlled effectively and efficiently from afar.
|
||||
</p>
|
||||
</div>
|
||||
<div className="intro-space"></div>
|
||||
<div className="mission-statement">
|
||||
<h1 className="intro-header">Our mission</h1>
|
||||
<p className="intro-text">
|
||||
At Potentia Robotics, we want to push the boundaries of what high-school students can achieve.
|
||||
Our ultimate goal is to further STEM knowledge in the K-12 community while leading by example and showing other students that age isn't a limiting factor for any project, no matter how large-scale.
|
||||
<div className='intro-space' />
|
||||
<div className='mission-statement'>
|
||||
<h1 className='intro-header'>Our mission</h1>
|
||||
<p className='intro-text'>
|
||||
At Potentia Robotics, we want to push the boundaries of what high-school students can achieve.
|
||||
Our ultimate goal is to further STEM knowledge in the K-12 community while leading by example and showing other students that age isn't a limiting factor for any project, no matter how large-scale.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section className="picture-redirect-wrapper">
|
||||
<div className="about-us-content">
|
||||
<a href="/about">
|
||||
<img
|
||||
className="team-picture"
|
||||
src={team_picture}
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<div className="about-us-link-wrapper">
|
||||
<a href="/about" className="about-us-link"><strong>Meet the Team</strong> <FontAwesomeIcon icon={faArrowCircleRight}/></a>
|
||||
<section className='picture-redirect-wrapper'>
|
||||
<div className='about-us-content'>
|
||||
<a href='/about'>
|
||||
<img
|
||||
className='team-picture'
|
||||
src={team_picture}
|
||||
alt=''
|
||||
/>
|
||||
</a>
|
||||
<div className='about-us-link-wrapper'>
|
||||
<a href='/about' className='about-us-link'><strong>Meet the Team</strong> <FontAwesomeIcon icon={faArrowCircleRight} /></a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="intro-space"></div>
|
||||
<div className="meet-olympian-content">
|
||||
<a href="/meet-olympian">
|
||||
<img
|
||||
className="olympian-waving"
|
||||
src={olympian_waving}
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<div className="about-us-link-wrapper">
|
||||
<a href="/meet-olympian" className="about-us-link"><strong>Meet Olympian</strong> <FontAwesomeIcon icon={faArrowCircleRight}/></a>
|
||||
<div className='intro-space' />
|
||||
<div className='meet-olympian-content'>
|
||||
<a href='/meet-olympian'>
|
||||
<img
|
||||
className='olympian-waving'
|
||||
src={olympian_waving}
|
||||
alt=''
|
||||
/>
|
||||
</a>
|
||||
<div className='about-us-link-wrapper'>
|
||||
<a href='/meet-olympian' className='about-us-link'><strong>Meet Olympian</strong> <FontAwesomeIcon icon={faArrowCircleRight} /></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div className="buttonSet" id="goHere">
|
||||
<Spring
|
||||
from= {{ opacity: 0 }}
|
||||
to={{opacity: 1}}
|
||||
config = {{delay: 1000}}
|
||||
>
|
||||
{ props=> (
|
||||
<div style={props}>
|
||||
<a href="https://www.linkedin.com/in/potentia-robotics-790582204/" target="_blank" rel="noopener noreferrer" className="fa fa-linkedin"></a>
|
||||
<a href="https://www.youtube.com/channel/UCKzWtwtWSejKt9THR_XlU7Q" target="_blank" rel="noopener noreferrer" className="fa fa-youtube"></a>
|
||||
<a href="https://github.com/PotentiaRobotics" target="_blank" rel="noopener noreferrer" className="fa fa-github"></a>
|
||||
<a href="#" target="_blank" rel="noopener noreferrer" className="fa fa-instagram"></a>
|
||||
<a href="https://www.facebook.com/potentiarobotics/" target="_blank" rel="noopener noreferrer" className="fa fa-facebook"></a>
|
||||
</div>
|
||||
)}
|
||||
</Spring>
|
||||
</div>
|
||||
<div className='buttonSet' id='goHere'>
|
||||
<Spring
|
||||
from={{ opacity: 0 }}
|
||||
to={{ opacity: 1 }}
|
||||
config={{ delay: 1000 }}
|
||||
>
|
||||
{props => (
|
||||
<div style={props}>
|
||||
<a href='https://www.linkedin.com/in/potentia-robotics-790582204/' target='_blank' rel='noopener noreferrer' className='fa fa-linkedin' />
|
||||
<a href='https://www.youtube.com/channel/UCKzWtwtWSejKt9THR_XlU7Q' target='_blank' rel='noopener noreferrer' className='fa fa-youtube' />
|
||||
<a href='https://github.com/PotentiaRobotics' target='_blank' rel='noopener noreferrer' className='fa fa-github' />
|
||||
<a href='#' target='_blank' rel='noopener noreferrer' className='fa fa-instagram' />
|
||||
<a href='https://www.facebook.com/potentiarobotics/' target='_blank' rel='noopener noreferrer' className='fa fa-facebook' />
|
||||
</div>
|
||||
)}
|
||||
</Spring>
|
||||
</div>
|
||||
</body>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,42 +1,42 @@
|
|||
import React from "react";
|
||||
import { NavLink } from "react-router-dom";
|
||||
import "./assets/Navbar.scss";
|
||||
import logo from "./assets/img/logo_tr_bg.png"
|
||||
import React from 'react'
|
||||
import { NavLink } from 'react-router-dom'
|
||||
import './assets/Navbar.scss'
|
||||
import logo from './assets/img/logo_tr_bg.png'
|
||||
|
||||
export default function Navbar(props) {
|
||||
export default function Navbar (props) {
|
||||
const handleBurger = () => {
|
||||
const burger = document.querySelector(".burger");
|
||||
const nav = document.querySelector(".nav-links");
|
||||
const navLinks = document.querySelectorAll(".nav-links li");
|
||||
const burger = document.querySelector('.burger')
|
||||
const nav = document.querySelector('.nav-links')
|
||||
const navLinks = document.querySelectorAll('.nav-links li')
|
||||
|
||||
nav.classList.toggle("nav-active");
|
||||
nav.classList.toggle('nav-active')
|
||||
|
||||
// animate links
|
||||
navLinks.forEach((link, index) => {
|
||||
if (link.style.animation) {
|
||||
link.style.animation = "";
|
||||
link.style.animation = ''
|
||||
} else {
|
||||
link.style.animation = `navLinkFade 0.5s ease forwards ${
|
||||
index / 7 + 0.5
|
||||
}s`;
|
||||
}s`
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
// burger anim
|
||||
burger.classList.toggle("toggle");
|
||||
};
|
||||
burger.classList.toggle('toggle')
|
||||
}
|
||||
|
||||
return (
|
||||
<nav>
|
||||
<div className="brand">
|
||||
<NavLink to="/" exact>
|
||||
<img src={logo} className="nav-logo"></img>
|
||||
<div className='brand'>
|
||||
<NavLink to='/' exact>
|
||||
<img src={logo} className='nav-logo' />
|
||||
</NavLink>
|
||||
</div>
|
||||
<ul className="nav-links">
|
||||
<ul className='nav-links'>
|
||||
<li>
|
||||
{" "}
|
||||
<NavLink to="/" exact activeClassName="active-link">
|
||||
{' '}
|
||||
<NavLink to='/' exact activeClassName='active-link'>
|
||||
Home
|
||||
</NavLink>
|
||||
</li>
|
||||
|
|
@ -47,26 +47,26 @@ export default function Navbar(props) {
|
|||
</NavLink>
|
||||
</li> */}
|
||||
<li>
|
||||
{" "}
|
||||
<NavLink to="/meet-olympian" activeClassName="active-link">
|
||||
{' '}
|
||||
<NavLink to='/meet-olympian' activeClassName='active-link'>
|
||||
Meet Olympian
|
||||
</NavLink>
|
||||
</li>
|
||||
<li>
|
||||
{" "}
|
||||
<NavLink to="/blog" activeClassName="active-link">
|
||||
{' '}
|
||||
<NavLink to='/blog' activeClassName='active-link'>
|
||||
Blog
|
||||
</NavLink>
|
||||
</li>
|
||||
<li>
|
||||
{" "}
|
||||
<NavLink to="/sponsors" activeClassName="active-link">
|
||||
{' '}
|
||||
<NavLink to='/sponsors' activeClassName='active-link'>
|
||||
Sponsors
|
||||
</NavLink>
|
||||
</li>
|
||||
<li>
|
||||
{" "}
|
||||
<NavLink to="/contact" activeClassName="active-link">
|
||||
{' '}
|
||||
<NavLink to='/contact' activeClassName='active-link'>
|
||||
Contact Us
|
||||
</NavLink>
|
||||
</li>
|
||||
|
|
@ -77,17 +77,17 @@ export default function Navbar(props) {
|
|||
</NavLink>
|
||||
</li> */}
|
||||
<li>
|
||||
{" "}
|
||||
<NavLink to="/events" activeClassName="active-link">
|
||||
{' '}
|
||||
<NavLink to='/events' activeClassName='active-link'>
|
||||
Events
|
||||
</NavLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="burger" onClick={handleBurger}>
|
||||
<div className="line1"></div>
|
||||
<div className="line2"></div>
|
||||
<div className="line3"></div>
|
||||
<div className='burger' onClick={handleBurger}>
|
||||
<div className='line1' />
|
||||
<div className='line2' />
|
||||
<div className='line3' />
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,26 +1,26 @@
|
|||
import React from "react";
|
||||
import "./assets/Olympian.scss";
|
||||
import hero from "./assets/img/olympian_hero.png";
|
||||
import React from 'react'
|
||||
import './assets/Olympian.scss'
|
||||
import hero from './assets/img/olympian_hero.png'
|
||||
|
||||
export default function Events(props) {
|
||||
export default function Events (props) {
|
||||
return (
|
||||
<body>
|
||||
<section className="hero-temp">
|
||||
<div className="landing-header">
|
||||
<h1 id="potentia"><span className="highlight-gray"> Potentia </span></h1>
|
||||
<h1 id="robotics"><span className="highlight-gray"> Robotics </span></h1>
|
||||
</div>
|
||||
<div className="landing-subheader">
|
||||
<p>
|
||||
<span className="highlight-gray"> This page is under construction. <br></br> Please check back later! </span>
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
className="landing-robot"
|
||||
src={hero}
|
||||
alt=""
|
||||
/>
|
||||
<section className='hero-temp'>
|
||||
<div className='landing-header'>
|
||||
<h1 id='potentia'><span className='highlight-gray'> Potentia </span></h1>
|
||||
<h1 id='robotics'><span className='highlight-gray'> Robotics </span></h1>
|
||||
</div>
|
||||
<div className='landing-subheader'>
|
||||
<p>
|
||||
<span className='highlight-gray'> This page is under construction. <br /> Please check back later! </span>
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
className='landing-robot'
|
||||
src={hero}
|
||||
alt=''
|
||||
/>
|
||||
</section>
|
||||
</body>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React from "react";
|
||||
import React from 'react'
|
||||
|
||||
export default function PostDetail(props) {
|
||||
return <div>Post Detail</div>;
|
||||
export default function PostDetail (props) {
|
||||
return <div>Post Detail</div>
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import React, { Component } from "react";
|
||||
import {createGlobalStyle} from 'styled-components';
|
||||
import {Container, Row, Col} from "react-bootstrap"
|
||||
import {Spring} from 'react-spring/renderprops'
|
||||
import React, { Component } from 'react'
|
||||
import { createGlobalStyle } from 'styled-components'
|
||||
import { Container, Row, Col } from 'react-bootstrap'
|
||||
import { Spring } from 'react-spring/renderprops'
|
||||
|
||||
import './assets/Sponsors.scss'
|
||||
|
||||
|
|
@ -19,55 +19,53 @@ const GlobalStyle = createGlobalStyle`
|
|||
h2 {
|
||||
color: #fff;
|
||||
}
|
||||
`;
|
||||
`
|
||||
|
||||
class Sponsors extends Component {
|
||||
render() {
|
||||
render () {
|
||||
return (
|
||||
<>
|
||||
<GlobalStyle/>
|
||||
<div className="sponsor-intro-wrapper">
|
||||
<h3 className="sponsor-intro" style={{color: '#fff', textAlign: 'center'}}>Our amazing sponsors help make Potentia Robotics' projects possible! <br></br> Contact us to learn more about sponsorship.</h3>
|
||||
<Container fluid className="sponsor-tier-list">
|
||||
<Col className="show-container">
|
||||
<Col md={4}>
|
||||
<h1 style={{color: '#FFD753'}} className='glow'><b>Gold</b></h1>
|
||||
<h2 style={{textAlign: 'center'}} className="tier-detail">Donation amount: $1000+<br></br>Perks: Silver + logo on Olympian</h2>
|
||||
<GlobalStyle />
|
||||
<div className='sponsor-intro-wrapper'>
|
||||
<h3 className='sponsor-intro' style={{ color: '#fff', textAlign: 'center' }}>Our amazing sponsors help make Potentia Robotics' projects possible! <br /> Contact us to learn more about sponsorship.</h3>
|
||||
<Container fluid className='sponsor-tier-list'>
|
||||
<Col className='show-container'>
|
||||
<Col md={4}>
|
||||
<h1 style={{ color: '#FFD753' }} className='glow'><b>Gold</b></h1>
|
||||
<h2 style={{ textAlign: 'center' }} className='tier-detail'>Donation amount: $1000+<br />Perks: Silver + logo on Olympian</h2>
|
||||
</Col>
|
||||
<Col md={4}>
|
||||
<h1 style={{ color: '#C8C3C3' }} className='glow'><b>Silver</b></h1>
|
||||
<h2 style={{ textAlign: 'center' }} className='tier-detail'>Donation amount: $500-$999<br />Perks: Bronze + logo on all Potentia merchandise</h2>
|
||||
</Col>
|
||||
<Col md={4}>
|
||||
<h1 style={{ color: '#E2964E' }} className='glow'><b>Bronze</b></h1>
|
||||
<h2 style={{ textAlign: 'center' }} className='tier-detail'>Donation amount: $100-$499<br />Perks: logo on website + recognition on social media</h2>
|
||||
</Col>
|
||||
</Col>
|
||||
<Col md={4}>
|
||||
<h1 style={{color: '#C8C3C3'}} className='glow'><b>Silver</b></h1>
|
||||
<h2 style={{textAlign: 'center'}} className="tier-detail">Donation amount: $500-$999<br></br>Perks: Bronze + logo on all Potentia merchandise</h2>
|
||||
</Col>
|
||||
<Col md={4}>
|
||||
<h1 style={{color: '#E2964E'}} className='glow'><b>Bronze</b></h1>
|
||||
<h2 style={{textAlign: 'center'}} className="tier-detail">Donation amount: $100-$499<br></br>Perks: logo on website + recognition on social media</h2>
|
||||
</Col>
|
||||
</Col>
|
||||
</Container>
|
||||
</div>
|
||||
<div className="buttonSet" id="goHere">
|
||||
</Container>
|
||||
</div>
|
||||
<div className='buttonSet' id='goHere'>
|
||||
<Spring
|
||||
from= {{ opacity: 0 }}
|
||||
to={{opacity: 1}}
|
||||
config = {{delay: 1000}}
|
||||
from={{ opacity: 0 }}
|
||||
to={{ opacity: 1 }}
|
||||
config={{ delay: 1000 }}
|
||||
>
|
||||
{ props=> (
|
||||
{props => (
|
||||
<div style={props}>
|
||||
<a href="https://www.linkedin.com/in/potentia-robotics-790582204/" target="_blank" rel="noopener noreferrer" className="fa fa-linkedin"></a>
|
||||
<a href="https://www.youtube.com/channel/UCKzWtwtWSejKt9THR_XlU7Q" target="_blank" rel="noopener noreferrer" className="fa fa-youtube"></a>
|
||||
<a href="https://github.com/PotentiaRobotics" target="_blank" rel="noopener noreferrer" className="fa fa-github"></a>
|
||||
<a href="#" target="_blank" rel="noopener noreferrer" className="fa fa-instagram"></a>
|
||||
<a href="https://www.facebook.com/potentiarobotics/" target="_blank" rel="noopener noreferrer" className="fa fa-facebook"></a>
|
||||
<a href='https://www.linkedin.com/in/potentia-robotics-790582204/' target='_blank' rel='noopener noreferrer' className='fa fa-linkedin' />
|
||||
<a href='https://www.youtube.com/channel/UCKzWtwtWSejKt9THR_XlU7Q' target='_blank' rel='noopener noreferrer' className='fa fa-youtube' />
|
||||
<a href='https://github.com/PotentiaRobotics' target='_blank' rel='noopener noreferrer' className='fa fa-github' />
|
||||
<a href='#' target='_blank' rel='noopener noreferrer' className='fa fa-instagram' />
|
||||
<a href='https://www.facebook.com/potentiarobotics/' target='_blank' rel='noopener noreferrer' className='fa fa-facebook' />
|
||||
</div>
|
||||
)}
|
||||
</Spring>
|
||||
</div>
|
||||
<div className="bottom">
|
||||
|
||||
</div>
|
||||
<div className='bottom' />
|
||||
</>
|
||||
);
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Sponsors;
|
||||
export default Sponsors
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import styled, { css } from 'styled-components';
|
||||
import './Contact.scss';
|
||||
import { MdClose } from 'react-icons/md';
|
||||
import styled, { css } from 'styled-components'
|
||||
import './Contact.scss'
|
||||
import { MdClose } from 'react-icons/md'
|
||||
|
||||
const sharedStyles = css`
|
||||
background-color: #ccc;
|
||||
|
|
@ -8,7 +8,7 @@ const sharedStyles = css`
|
|||
border: 1px solid #ddd;
|
||||
margin: 10px 0 20px 0;
|
||||
box-sizing: border-box;
|
||||
`;
|
||||
`
|
||||
|
||||
const StyledFormWrapper = styled.div`
|
||||
display: flex;
|
||||
|
|
@ -17,7 +17,7 @@ const StyledFormWrapper = styled.div`
|
|||
position:relative;
|
||||
margin-top: 4vw;
|
||||
padding: 0 2%;
|
||||
`;
|
||||
`
|
||||
|
||||
const StyledForm = styled.form`
|
||||
width: 70%;
|
||||
|
|
@ -29,9 +29,9 @@ const StyledForm = styled.form`
|
|||
@media only screen and (max-width: 800px) {
|
||||
width: 90%
|
||||
}
|
||||
`;
|
||||
`
|
||||
// height:100%;
|
||||
// border-radius: 10px; (if we want a round form)
|
||||
// border-radius: 10px; (if we want a round form)
|
||||
|
||||
const StyledInput = styled.input`
|
||||
display: block;
|
||||
|
|
@ -39,7 +39,7 @@ const StyledInput = styled.input`
|
|||
rows: 1;
|
||||
padding 1.5%;
|
||||
${sharedStyles}
|
||||
`;
|
||||
`
|
||||
|
||||
const StyledTextAreaSubject = styled.textarea`
|
||||
background-color: #98c1d9;
|
||||
|
|
@ -51,7 +51,7 @@ const StyledTextAreaSubject = styled.textarea`
|
|||
spellcheck:true;
|
||||
resize: vertical;
|
||||
${sharedStyles}
|
||||
`;
|
||||
`
|
||||
|
||||
const StyledTextArea = styled.textarea`
|
||||
background-color: #98c1d9;
|
||||
|
|
@ -63,7 +63,7 @@ const StyledTextArea = styled.textarea`
|
|||
overflow: auto;
|
||||
spellcheck:true;
|
||||
${sharedStyles}
|
||||
`;
|
||||
`
|
||||
const StyledButton = styled.button`
|
||||
display: block;
|
||||
background-color: #ee6c4d;
|
||||
|
|
@ -81,13 +81,13 @@ const StyledButton = styled.button`
|
|||
cursor: pointer;
|
||||
opacity:0.7;
|
||||
}
|
||||
`;
|
||||
`
|
||||
|
||||
const StyledError = styled.div`
|
||||
color: red;
|
||||
font-weight: 800;
|
||||
margin: 0 0 5% 0;
|
||||
`;
|
||||
`
|
||||
|
||||
const Background = styled.div`
|
||||
width: 100%;
|
||||
|
|
@ -97,7 +97,7 @@ const Background = styled.div`
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
`;
|
||||
`
|
||||
|
||||
const ModalWrapper = styled.div`
|
||||
overflow: auto;
|
||||
|
|
@ -151,7 +151,7 @@ const ModalWrapper = styled.div`
|
|||
width: 100%;
|
||||
}
|
||||
}
|
||||
`;
|
||||
`
|
||||
const ModalContent = styled.div`
|
||||
align-items: center;
|
||||
line-height: 1.8;
|
||||
|
|
@ -192,7 +192,7 @@ const ModalContent = styled.div`
|
|||
width: 80%;
|
||||
}
|
||||
overflow-y: scroll;
|
||||
`;
|
||||
`
|
||||
|
||||
const CloseModalButton = styled(MdClose)`
|
||||
cursor: pointer;
|
||||
|
|
@ -207,33 +207,33 @@ const CloseModalButton = styled(MdClose)`
|
|||
@media only screen and (max-width: 500px) {
|
||||
top: 3%;
|
||||
}
|
||||
`;
|
||||
`
|
||||
|
||||
const Modal = ({ handleClose, show, children }) => {
|
||||
const showHideClassName = show ? "modal display-block" : "modal display-none";
|
||||
const showHideClassName = show ? 'modal display-block' : 'modal display-none'
|
||||
|
||||
return (
|
||||
<div className={showHideClassName}>
|
||||
<Background>
|
||||
<ModalWrapper>
|
||||
<ModalContent>{children}</ModalContent>
|
||||
<CloseModalButton type="button" onClick={handleClose}></CloseModalButton>
|
||||
</ModalWrapper>
|
||||
</Background>
|
||||
<ModalWrapper>
|
||||
<ModalContent>{children}</ModalContent>
|
||||
<CloseModalButton type='button' onClick={handleClose} />
|
||||
</ModalWrapper>
|
||||
</Background>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
)
|
||||
}
|
||||
|
||||
export default StyledFormWrapper;
|
||||
export default StyledFormWrapper
|
||||
|
||||
export {
|
||||
StyledFormWrapper,
|
||||
StyledForm,
|
||||
sharedStyles,
|
||||
StyledInput,
|
||||
StyledTextArea,
|
||||
StyledButton,
|
||||
StyledError,
|
||||
StyledTextAreaSubject,
|
||||
Modal
|
||||
};
|
||||
StyledFormWrapper,
|
||||
StyledForm,
|
||||
sharedStyles,
|
||||
StyledInput,
|
||||
StyledTextArea,
|
||||
StyledButton,
|
||||
StyledError,
|
||||
StyledTextAreaSubject,
|
||||
Modal
|
||||
}
|
||||
|
|
|
|||
14
src/index.js
14
src/index.js
|
|
@ -1,12 +1,12 @@
|
|||
import "./bootstrap.scss";
|
||||
import "bootstrap-icons/font/bootstrap-icons.css";
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import App from "./App";
|
||||
import './bootstrap.scss'
|
||||
import 'bootstrap-icons/font/bootstrap-icons.css'
|
||||
import React from 'react'
|
||||
import ReactDOM from 'react-dom'
|
||||
import App from './App'
|
||||
|
||||
ReactDOM.render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>,
|
||||
document.getElementById("root")
|
||||
);
|
||||
document.getElementById('root')
|
||||
)
|
||||
|
|
|
|||
|
|
@ -12,5 +12,5 @@ export default createSchema({
|
|||
// to the ones provided by any plugins that are installed
|
||||
types: schemaTypes.concat([
|
||||
/* Your types here! */
|
||||
]),
|
||||
])
|
||||
})
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user