68 lines
2.5 KiB
TypeScript
68 lines
2.5 KiB
TypeScript
import * as ReactDom from "react-dom";
|
|
import * as React from "react";
|
|
import TopBar from "./components/TopBar";
|
|
import { ACTIVE_PAGES, SOCIALS, EMAIL } from "./Config";
|
|
import Splash from "./components/Splash";
|
|
import DefaultSection from "./components/DefaultSection";
|
|
import SocialCard from "./components/SocialCard";
|
|
import Footer from "./components/Footer";
|
|
|
|
class Main extends React.Component {
|
|
constructor() {
|
|
super({});
|
|
this.state = {};
|
|
}
|
|
|
|
public render() {
|
|
return (
|
|
<>
|
|
<TopBar links={ACTIVE_PAGES}></TopBar>
|
|
<Splash
|
|
cta="Come out to our events!"
|
|
delay={2000}
|
|
backgrounds={["/assets/img/backgrounds/fa21social.webp"]}
|
|
></Splash>
|
|
|
|
<DefaultSection title="Events">
|
|
<iframe
|
|
src="https://calendar.google.com/calendar/embed?src=666sh64sku5n29qv2a2f4598jc%40group.calendar.google.com&ctz=America%2FLos_Angeles"
|
|
frameBorder="0"
|
|
scrolling="no"
|
|
></iframe>
|
|
</DefaultSection>
|
|
|
|
<DefaultSection title="Open Access Hours">
|
|
<iframe
|
|
src="https://calendar.google.com/calendar/embed?src=c_gr3iim9ae4dv9784qkf8meb40c%40group.calendar.google.com&ctz=America%2FLos_Angeles"
|
|
frameBorder="0"
|
|
scrolling="no"
|
|
></iframe>
|
|
</DefaultSection>
|
|
|
|
<div id="contact-us">
|
|
<DefaultSection
|
|
className="contact"
|
|
title="Have questions? Contact us!"
|
|
>
|
|
<div className="join-scls">
|
|
{[...EMAIL, ...SOCIALS].map((n) => (
|
|
<SocialCard
|
|
key={n.url}
|
|
url={n.url}
|
|
image={n.icon}
|
|
message={n.message}
|
|
></SocialCard>
|
|
))}
|
|
</div>
|
|
</DefaultSection>
|
|
</div>
|
|
|
|
<Footer></Footer>
|
|
</>
|
|
);
|
|
}
|
|
}
|
|
|
|
ReactDom.render(<Main></Main>, document.getElementById("root"));
|
|
|
|
export default {};
|