www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 43 Projects Releases Wiki Activity

Merge branch 'main' into neil/demo-script
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Neil Parikh 2021-08-02 20:38:28 -04:00
parent 38e463a35f c4c0be9861
commit 502c54969e
29 changed files with 974 additions and 8905 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/DefaultLayout.module.css
View File

@ -2,5 +2,4 @@
margin: 0 auto;
max-width: calc(800rem / 16);
padding: 0 calc(20rem / 16);
padding-bottom: calc(20rem / 16);
}

1
components/EventDescriptionCard.module.css
View File

@ -50,6 +50,7 @@
@media only screen and (max-width: calc(768rem / 16)) {
.card {
max-width: unset;
padding: 0;
background-color: transparent;
}

40
components/MiniTechTalkCard.module.css Normal file
View File

@ -0,0 +1,40 @@
.card {
display: flex;
flex-direction: row;
box-sizing: border-box;
padding: calc(16rem / 16);
color: var(--purple-2);
font-size: 1rem;
}
.card aside {
max-width: calc(142rem / 16);
margin-right: calc(45rem / 16);
display: flex;
justify-content: center;
align-items: center;
}
.card aside img {
max-width: calc(142rem / 16);
max-height: 100%;
object-fit: cover;
}
.content {
padding: calc(4rem / 16);
}
.content h1 {
margin: 0;
margin-top: calc(4rem / 16);
font-size: calc(18rem / 16);
}
.card section {
padding-bottom: 0;
}
.spacer {
margin-top: calc(76rem / 16);
}

22
components/MiniTechTalkCard.tsx Normal file
View File

@ -0,0 +1,22 @@
import { DEFAULT_MIN_VERSION } from "node:tls";
import React from "react";
import { Image } from "./Image";
import styles from "./MiniTechTalkCard.module.css";
interface MiniTechTalkProps {
name: string;
short: string;
poster?: string;
}
export function MiniTechTalkCard({ name, poster, short }: MiniTechTalkProps) {
return (
<article className={styles.card}>
<aside>{poster && <Image alt={name} src={poster} />}</aside>
<div className={styles.content}>
<h1>{name}</h1>
<p>{short}</p>
</div>
</article>
);
}

5
components/Navbar.module.css
View File

@ -2,6 +2,7 @@
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
background-color: var(--white);
}
@ -154,13 +155,13 @@
/* On a smaller desktop screen, keep the same navbar layout but decrease the
* horizontal padding so it still fits
*/
@media screen and (max-width: calc(960rem / 16)) {
@media only screen and (max-width: calc(960rem / 16)) {
.navContent {
padding: calc(28rem / 16) calc(64rem / 16);
}
}
@media screen and (max-width: calc(768rem / 16)) {
@media only screen and (max-width: calc(768rem / 16)) {
.navContent {
display: grid;
grid-template-columns: 1fr 1fr 1fr;

5
components/NewsCard.module.css
View File

@ -22,9 +22,14 @@
@media only screen and (max-width: calc(768rem / 16)) {
.card {
padding: 0;
max-width: unset;
background-color: transparent;
}
.date {
font-weight: 600;
}
.content > *:first-child {
margin-top: 1rem;
}

34
components/TechTalkCard.module.css Normal file
View File

@ -0,0 +1,34 @@
.card {
display: flex;
flex-direction: row;
box-sizing: border-box;
}
.card aside {
flex: 0 0 calc(287rem / 16);
margin-right: calc(24rem / 16);
}
.card aside img {
width: 100%;
margin-bottom: 1rem;
}
.spacer {
margin-top: calc(76rem / 16);
}
.card h1 {
font-size: calc(24rem / 16);
font-weight: 700;
font-style: normal;
margin-top: 0;
margin-bottom: 0;
color: var(--blue-2);
}
@media only screen and (max-width: calc(768rem / 16)) {
.card {
flex-direction: column;
}
}

24
components/TechTalkCard.tsx Normal file
View File

@ -0,0 +1,24 @@
import React, { ReactNode } from "react";
import { Image } from "./Image";
import styles from "./TechTalkCard.module.css";
interface TechTalkProps {
name: string;
poster?: string;
children: ReactNode;
}
export function TechTalkCard({ name, poster, children }: TechTalkProps) {
return (
<article className={styles.card}>
<aside>
{poster && <Image alt={name} src={poster} />}
{!poster && <div className={styles.spacer}></div>}
</aside>
<section className={styles.content}>
<h1>{name}</h1>
<div>{children}</div>
</section>
</article>
);
}

4
components/playground.module.css
View File

@ -87,6 +87,10 @@
font-size: calc(24rem / 16);
}
.miniTechTalkDemo > *:nth-child(odd) {
background: var(--background-teal-2);
}
@media only screen and (max-width: calc(768rem / 16)) {
.newsDemo,
.eventDescriptionCardDemo {

33
components/playground.tsx
View File

@ -38,6 +38,10 @@ import CodeyInfo, {
metadata as codeyMetadata,
} from "../content/playground/codey.team-member.mdx";
import TempTechTalk, {
metadata as tempTechTalkMetadata,
} from "../content/playground/temp.talk.mdx";
import { MiniEventCard } from "./MiniEventCard";
import { NewsCard } from "./NewsCard";
import { Link } from "./Link";
@ -47,6 +51,9 @@ import { TeamMember } from "./TeamMember";
import { TeamMemberCard } from "./TeamMemberCard";
import { OrganizedContent, LinkProps } from "./OrganizedContent";
import { Button } from "./Button";
import { Footer } from "./Footer";
import { TechTalkCard } from "./TechTalkCard";
import { MiniTechTalkCard } from "./MiniTechTalkCard";
const events = [
{ Content: OOTBReact, metadata: OOTBReactEventMetadata },
@ -217,3 +224,29 @@ export function OrganizedContentDemo() {
<OrganizedContent sections={sections} currentId={id} link={FakeLink} />
);
}
export function TechTalkDemo() {
return (
<div>
<TechTalkCard {...tempTechTalkMetadata}>
<TempTechTalk />
</TechTalkCard>
</div>
);
}
export function MiniTechTalkDemo() {
return (
<div className={styles.miniTechTalkDemo}>
<MiniTechTalkCard {...tempTechTalkMetadata}>
<TempTechTalk />
</MiniTechTalkCard>
<MiniTechTalkCard {...tempTechTalkMetadata}>
<TempTechTalk />
</MiniTechTalkCard>
<MiniTechTalkCard {...tempTechTalkMetadata}>
<TempTechTalk />
</MiniTechTalkCard>
</div>
);
}

19
content/playground/temp.talk.mdx Normal file
View File

@ -0,0 +1,19 @@
export const metadata = {
name: "Tech Talk Title",
short: "Learn how React works and make your own version!",
poster: "/images/playground/alt-tab.jpg",
};
You've got a game, but you didn't write it. You're running it by emulating the machine it was meant to run on, and the machine it was
meant to run on never had support for networking. Now, you want to play with your friend, over the Internet. Oh, and it's not
acceptable to incur any latency between your controller and the game while we're at it. Surely that can't be possible, right?
Wrong. This talk will discuss the re-emulation technique for netplay used commercially by a system called GGPO and freely in
an emulator frontend called RetroArch, and how similar techniques can be applied to make networking work in other scenarios
it was never meant for. This will be an unprepared, impromptu talk with no slides, so it should either be a fascinating dive
into a little-heard-of technique, or an impenetrable mess of jargon and algorithms. Either way, it should be fun. Professor
Richards is the maintainer of the netplay infrastructure for RetroArch, a popular emulator frontend for multiple platforms.
# Download
- BitTorrent:[Netplay in Emulators (mp4)]
- HTTP (web browser):[Netplay in Emulators (mp4)]

71
next-env.d.ts vendored
View File

@ -1,72 +1,3 @@
/// <reference types="next" />
/// <reference types="next/types/global" />
declare module "*.event.mdx" {
import { ComponentType } from "react";
interface EventMetadata {
name: string;
short: string;
date: Date;
online: boolean;
location: string;
poster?: string;
registerLink?: string;
}
const ReactComponent: ComponentType;
export const metadata: EventMetadata;
export default ReactComponent;
}
declare module "*.news.mdx" {
import { ComponentType } from "react";
interface NewsMetadata {
author: string;
date: Date;
}
const ReactComponent: ComponentType;
export const metadata: NewsMetadata;
export default ReactComponent;
}
declare module "*.team-member.mdx" {
import { ComponentType } from "react";
interface TeamMemberMetadata {
name: string;
role: string;
image?: string;
}
const ReactComponent: ComponentType;
export const metadata: TeamMemberMetadata;
export default ReactComponent;
}
declare module "*.section.mdx" {
import { ComponentType } from "react";
interface SectionMetadata {
title: string;
id: string;
}
const ReactComponent: ComponentType;
export const metadata: SectionMetadata;
export default ReactComponent;
}
declare module "*.mdx" {
import { ComponentType } from "react";
const ReactComponent: ComponentType;
export default ReactComponent;
}
/// <reference types="next/image-types/global" />

1
next.config.js
View File

@ -6,4 +6,5 @@ module.exports = withMDX({
pageExtensions: ["ts", "tsx", "mdx"],
trailingSlash: true,
basePath: process.env.NEXT_PUBLIC_BASE_PATH,
eslint: { ignoreDuringBuilds: true }
});

9093
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

22
package.json
View File

@ -12,32 +12,32 @@
"dependencies": {
"@mdx-js/loader": "^1.6.22",
"@mdx-js/react": "^1.6.22",
"@next/mdx": "^10.1.3",
"@next/mdx": "11.0.1",
"date-fns": "^2.11.1",
"next": "^10.0.0",
"next-mdx-remote": "^3.0.2",
"next": "11.0.1",
"next-mdx-remote": "3.0.4",
"prettier": "^2.3.0",
"react": "17.0.1",
"react-dom": "17.0.1",
"react": "17.0.2",
"react-dom": "17.0.2",
"remark": "^12.0.0",
"remark-html": "^12.0.0"
},
"devDependencies": {
"@types/mdx-js__react": "^1.5.3",
"@types/node": "^14.14.41",
"@types/react": "^17.0.3",
"@typescript-eslint/eslint-plugin": "^4.22.0",
"@typescript-eslint/parser": "^4.22.0",
"eslint": "^7.25.0",
"@types/react": "^17.0.14",
"@typescript-eslint/eslint-plugin": "4.28.4",
"@typescript-eslint/parser": "4.28.4",
"eslint": "7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^3.4.0",
"eslint-plugin-react": "^7.23.2",
"eslint-plugin-react": "7.24.0",
"eslint-plugin-react-hooks": "^4.2.0",
"gray-matter": "^4.0.3",
"postcss": "^8.3.0",
"postcss-calc": "^8.0.0",
"postcss-flexbugs-fixes": "^5.0.2",
"postcss-preset-env": "^6.7.0",
"typescript": "^4.2.4"
"typescript": "4.3.5"
}
}

3
pages/_app.css
View File

@ -23,8 +23,11 @@ body {
#1481e3 -17.95%,
#4ed4b2 172.82%
);
--background-teal-2: rgb(78, 212, 178, 0.2);
/* used in mobile navbar background */
--navbar-gray: #787878b2;
/* used in home page */
--home-title-purple: #27153e;
color: var(--black);
font-family: "Poppins", "sans-serif";

31
pages/about/index.module.css
View File

@ -1,3 +1,7 @@
.page {
margin-bottom: calc(20rem / 16);
}
.title {
height: calc(80rem / 16);
margin-top: auto;
@ -31,33 +35,6 @@
height: calc(400rem / 16);
}
/*for temp mailing list components*/
.mailingList {
margin: calc(4rem / 16) auto;
max-width: calc(806rem / 16);
}
.mailingList form > * {
margin: calc(0.5rem / 16) auto;
}
.mailingList form input {
border-radius: calc(16rem / 16);
padding: calc(8rem / 16) 0;
}
.mailingList form input[type="text"] {
/*temporary hard coding of font*/
font-family: Poppins;
font-style: normal;
padding: 0 calc(8rem / 16);
}
.mailingList h2 {
color: var(--blue-2);
}
/*for temp mailing list components*/
@media only screen and (max-width: calc(768rem / 16)) {
.titleContainer {
display: flex;

30
pages/about/index.tsx
View File

@ -2,8 +2,9 @@ import React from "react";
import { Image } from "../../components/Image";
import Content from "../../content/about/index.mdx";
import styles from "./index.module.css";
import { Button } from "../../components/Button";
import { SocialLinks } from "../../components/SocialLinks";
import { ConnectWithUs } from "components/ConnectWithUs";
import { EmailSignup } from "components/EmailSignup";
import { DefaultLayout } from "components/DefaultLayout";
export default function AboutUs() {
return (
@ -15,29 +16,14 @@ export default function AboutUs() {
<div className={styles.content}>
<Content />
</div>
<div className={styles.mailingList}>
<h2>Connect with us!</h2>
<p>
Drop by any of our social media outlets to learn more about us, keep
up-to-date with our upcoming events, or to chat with our members!
</p>
<SocialLinks color="gradient" size="big" />
<p>Send feedback through our Feedback Form </p>
<h2>Join our Mailing List!</h2>
<form action="">
<div>
<input type="text" placeholder="Full Name*" required />
</div>
<div>
<input type="text" placeholder="Email*" required />
</div>
<Button>Subscribe</Button>
</form>
</div>
<DefaultLayout>
<ConnectWithUs />
<EmailSignup />
</DefaultLayout>
</>
);
}
AboutUs.Layout = function AboutUsLayout(props: { children: React.ReactNode }) {
return <div>{props.children}</div>;
return <div className={styles.page}>{props.children}</div>;
};

11
pages/font.css
View File

@ -159,4 +159,13 @@
src: local(''),
url('../public/fonts/poppins-v15-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../public/fonts/poppins-v15-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
}
/* futura-bold */
@font-face {
font-family: 'Futura';
font-style: normal;
font-weight: 700;
src: local(''),
url('../public/fonts/futura-bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../public/fonts/futura-bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

1
pages/index.mdx
View File

@ -1 +0,0 @@
Visit the [playground](/playground)

201
pages/index.module.css Normal file
View File

@ -0,0 +1,201 @@
.page {
padding-bottom: calc(60rem / 16);
}
.intro {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
height: 65vh;
min-height: calc(420rem / 16);
max-height: calc(580rem / 16);
}
.introTop {
flex-grow: 1;
}
.introContent {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.introBottom {
flex-grow: 1;
min-height: calc(132rem / 16);
}
.clubTitleWrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1rem;
}
.clubTitleWrapper img {
height: calc(70rem / 16);
}
.clubTitle {
font-family: "Futura", "sans-serif";
font-size: calc(33rem / 16);
text-align: center;
color: var(--home-title-purple);
}
.clubDescription {
margin-bottom: calc(50rem / 16);
text-align: center;
color: var(--purple-2);
}
.clubDescription br {
display: none;
}
.codey {
position: absolute;
bottom: calc(-124rem / 16);
right: calc(20rem / 16);
z-index: -1;
}
.cardsBackground {
margin: 0;
width: 100%;
background-color: var(--off-white);
}
.cards {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
gap: calc(100rem / 16);
padding: calc(42rem / 16) calc(100rem / 16);
}
.cardsHeading {
margin: 1rem 0 calc(8rem / 16);
font-size: calc(24rem / 16);
font-weight: 700;
}
.cardsDescription {
margin: calc(8rem / 16) 0 1rem;
}
.cardsDescription br {
display: none;
}
.cardsDividingLine {
display: none;
}
.eventCards {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1rem;
}
/* On a smaller desktop screen, make the events/new flow vertically */
@media only screen and (max-width: calc(1100rem / 16)) {
.cards {
flex-direction: column;
align-items: center;
gap: calc(32rem / 16);
}
.cards > section {
max-width: calc(540rem / 16);
}
}
@media only screen and (max-width: calc(768rem / 16)) {
.page {
padding-bottom: calc(30rem / 16);
}
.intro {
height: calc(330rem / 16);
min-height: unset;
max-height: unset;
}
.introContent {
padding: 1rem;
max-width: calc(260rem / 16);
}
.introBottom {
min-height: calc(100rem / 16);
}
.clubTitleWrapper img {
display: none;
}
.clubTitle {
margin: calc(8rem / 16) 0;
font-size: calc(20rem / 16);
}
.clubDescription {
margin: calc(8rem / 16) 0 calc(26rem / 16);
color: var(--purple-2);
}
.clubDescription br {
display: inline;
}
.codey {
bottom: calc(-46rem / 16);
right: auto;
z-index: -1;
height: calc(120rem / 16);
}
.cards {
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: calc(8rem / 16);
padding: calc(36rem / 16) calc(20rem / 16) calc(20rem / 16);
}
.cards > section {
max-width: unset;
}
.cardsHeading {
margin: 0;
font-size: calc(18rem / 16);
font-weight: 600;
}
.cardsDescription br {
display: inline;
}
.cardsDividingLine {
display: block;
margin: 1rem 0 calc(34rem / 16);
height: calc(1rem / 16);
border: none;
background-color: var(--purple-2);
}
}

91
pages/index.tsx Normal file
View File

@ -0,0 +1,91 @@
import React from "react";
import { Image } from "../components/Image";
import { SocialLinks } from "../components/SocialLinks";
import { EventDescriptionCard } from "../components/EventDescriptionCard";
import { NewsCard } from "../components/NewsCard";
import { ConnectWithUs } from "../components/ConnectWithUs";
import { EmailSignup } from "../components/EmailSignup";
import { DefaultLayout } from "../components/DefaultLayout";
import styles from "./index.module.css";
// temporary event and news imports
import OOTBReact, {
metadata as OOTBReactEventMetadata,
} from "../content/playground/ootb-react.event.mdx";
import AltTab, {
metadata as altTabEventMetadata,
} from "../content/playground/alt-tab.event.mdx";
import UnavailableContent, {
metadata as unavailableMetadata,
} from "../content/playground/unavailable.news.mdx";
export default function Home() {
const events = [
{ Content: OOTBReact, metadata: OOTBReactEventMetadata },
{ Content: AltTab, metadata: altTabEventMetadata },
];
return (
<>
<DefaultLayout>
<header className={styles.intro}>
<div className={styles.introTop} />
<div className={styles.introContent}>
<div className={styles.clubTitleWrapper}>
<Image src="/images/logo-icon.svg" alt="CSC Logo" />
<h1 className={styles.clubTitle}>Computer Science Club</h1>
</div>
<p className={styles.clubDescription}>
University of Waterloo&apos;s <br />
student computing community
</p>
<SocialLinks color="gradient" size="big" />
</div>
<div className={styles.introBottom} />
<Image
className={styles.codey}
src="/images/home/codey_sitting.svg"
alt="CSC mascot Codey, a blue shiba with circular glasses"
/>
</header>
</DefaultLayout>
<div className={styles.cardsBackground}>
<div className={styles.cards}>
{/* TODO: add links to past events and past news */}
<section className={styles.events}>
<h1 className={styles.cardsHeading}>Upcoming Events</h1>
<p className={styles.cardsDescription}>See past events here</p>
<hr className={styles.cardsDividingLine} />
<div className={styles.eventCards}>
{events.map(({ metadata }) => (
<EventDescriptionCard
{...metadata}
key={metadata.name + metadata.date.toString()}
/>
))}
</div>
</section>
<section className={styles.news}>
<h1 className={styles.cardsHeading}>News</h1>
<p className={styles.cardsDescription}>
Updates from our execs! <br />
See past news here
</p>
<hr className={styles.cardsDividingLine} />
<NewsCard {...unavailableMetadata}>
<UnavailableContent />
</NewsCard>
</section>
</div>
</div>
<DefaultLayout>
<ConnectWithUs />
<EmailSignup />
</DefaultLayout>
</>
);
}
Home.Layout = function HomeLayout(props: { children: React.ReactNode }) {
return <div className={styles.page}>{props.children}</div>;
};

21
pages/playground.mdx
View File

@ -8,9 +8,11 @@ import {
TeamMemberCardDemo,
OrganizedContentDemo,
ButtonDemo,
TechTalkDemo,
MiniTechTalkDemo,
} from "../components/playground";
import { ConnectWithUs } from "../components/ConnectWithUs"
import { EmailSignup } from "../components/EmailSignup"
import { ConnectWithUs } from "../components/ConnectWithUs";
import { EmailSignup } from "../components/EmailSignup";
import { TeamMemberCard } from "../components/TeamMemberCard";
@ -93,6 +95,21 @@ The `<Link />` component is used on various pages such as Meet the Team! and Our
---
## `<TechTalkCard />`
The `<TechTalkCard />` component is used on the Resources page to display information
about Tech Talks.
<TechTalkDemo />
---
## `<MiniTechTalkCard />`
The `<MiniTechTalkCard />` component is used on the Resources page to display condensed
information about Tech Talks.
<MiniTechTalkDemo />
## `<ConnectWithUs />`
The `<ConnectWithUs />` component is used on various pages such as the About page and the Get Involved Page!

BIN
public/fonts/futura-bold.woff Normal file
View File

Binary file not shown.

BIN
public/fonts/futura-bold.woff2 Normal file
View File

Binary file not shown.

27
public/images/home/codey_sitting.svg Normal file
View File

@ -0,0 +1,27 @@
<svg width="219" height="247" viewBox="0 0 219 247" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.7693 4.69947C32.7693 4.69947 43.4011 9.55954 48.6509 14.6632C56.1247 21.9288 61.3717 38.1275 61.3717 38.1275L22.7003 47.5264C22.7003 47.5264 20.6139 30.6373 23.9196 20.674C26.1654 13.9051 32.7693 4.69947 32.7693 4.69947Z" fill="#5CAFF9"/>
<path d="M35.1077 14.6897C35.1077 14.6897 42.6202 17.6492 46.2826 20.8601C51.4965 25.4312 54.9634 35.8215 54.9634 35.8215L27.166 42.5775C27.166 42.5775 25.9696 31.6854 28.5054 25.1808C30.2283 20.7616 35.1077 14.6897 35.1077 14.6897Z" fill="white"/>
<path d="M100.715 4.69947C100.715 4.69947 90.0832 9.55954 84.8335 14.6632C77.3597 21.9288 72.1127 38.1275 72.1127 38.1275L110.784 47.5264C110.784 47.5264 112.87 30.6373 109.565 20.674C107.319 13.9051 100.715 4.69947 100.715 4.69947Z" fill="#5CAFF9"/>
<path d="M97.8647 14.9092C97.8647 14.9092 89.7969 18.3382 85.8389 21.9953C80.2042 27.2017 76.3539 38.9178 76.3539 38.9178L105.956 46.1126C105.956 46.1126 107.388 33.8649 104.771 26.5966C102.992 21.6586 97.8647 14.9092 97.8647 14.9092Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M111.979 213.725C103.361 219.279 93.5191 222.346 82.7167 222.346C42.4999 222.346 -0.353528 199.369 4.19887 124.782C5.09433 119.101 5.91459 113.643 6.70056 108.413C14.9124 53.7751 19.3818 24.0375 66.7667 24.0375C105.963 24.0375 117.997 54.1733 130.332 85.0639C134.162 94.6551 138.021 104.319 142.731 113.176C170.619 123.46 185.229 145.095 185.229 170.736C185.229 203.907 158.366 212.59 111.979 213.725Z" fill="#5CAFF9"/>
<path d="M10.6035 144.931H44.5386C44.5386 144.931 42.0857 227.148 40.623 228.523C39.1603 229.898 21.4613 230.448 19.4136 228.523C18.2808 227.458 15.3802 199.082 14.114 176.537C11.1886 154.912 10.6035 144.931 10.6035 144.931Z" fill="#5CAFF9"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="24" width="182" height="199">
<path fill-rule="evenodd" clip-rule="evenodd" d="M111.649 213.725C103.031 219.279 93.189 222.346 82.3866 222.346C42.1698 222.346 -0.683606 199.369 3.86879 124.782C4.76425 119.101 5.58451 113.643 6.37048 108.413C14.5823 53.7751 19.0517 24.0375 66.4366 24.0375C105.633 24.0375 117.667 54.1733 130.002 85.0639C133.832 94.6552 137.691 104.319 142.401 113.177C170.288 123.461 184.899 145.096 184.899 170.736C184.899 203.907 158.036 212.59 111.649 213.725Z" fill="#5CAFF9"/>
</mask>
<g mask="url(#mask0)">
<path d="M60.4461 154.311C63.3977 196.837 86.2509 236.485 48.3749 220.693C38.7564 219.954 24.75 196.837 21.7984 154.311C18.8468 111.785 27.5443 73.7282 55.0841 71.8168C70.0531 70.7778 86.8062 79.8139 82.5415 105.431C80.4343 118.088 59.4501 139.962 60.4461 154.311Z" fill="white"/>
</g>
<ellipse cx="182.048" cy="132.559" rx="36.4095" ry="39.9444" fill="#5CAFF9"/>
<circle cx="26.5118" cy="62.5678" r="24.7443" stroke="#2A2A62" stroke-width="3.5349"/>
<circle cx="85.8985" cy="61.1539" r="24.7443" stroke="#2A2A62" stroke-width="3.5349"/>
<path d="M49.4883 68.9307C49.4883 68.9307 53.7663 67.8702 56.5581 67.8702C59.3499 67.8702 63.6279 68.9307 63.6279 68.9307V73.1726C63.6279 73.1726 59.3328 72.4656 56.5581 72.4656C53.7834 72.4656 49.4883 73.1726 49.4883 73.1726V68.9307Z" fill="#2A2A62"/>
<path d="M147.025 155.354L185.909 173.028C185.909 173.028 186.616 189.996 177.072 203.075C167.528 216.154 152.327 220.043 152.327 220.043C152.327 220.043 102.241 236.1 100.704 235.275C99.1665 234.449 90.3253 219.112 90.5084 216.676C90.6096 215.329 103.56 202.49 116.625 193.884C119.099 155.354 147.025 155.354 147.025 155.354Z" fill="#5CAFF9"/>
<path d="M61.1309 162.178L98.9762 168.182C98.9762 168.182 86.1842 231.137 84.3848 231.938C82.5853 232.739 62.7797 230.031 60.7314 228.185C59.5984 227.164 59.8343 204.773 61.1799 187.167C60.5625 169.976 61.1309 162.178 61.1309 162.178Z" fill="#5CAFF9"/>
<path d="M74.5877 90.8471C75.6482 94.7355 64.8019 100.978 55.7828 99.0862C46.7638 97.1941 40.5915 90.2305 41.9967 83.5327C43.4019 76.8348 51.8524 72.9391 60.8714 74.8312C65.0435 76.7075 65.7412 78.8045 68.2249 81.3029C71.1385 84.2339 72.0434 86.3606 74.5877 90.8471Z" fill="white"/>
<ellipse cx="41.0055" cy="69.9911" rx="5.65585" ry="6.36283" fill="#2A2A62"/>
<ellipse cx="81.3023" cy="69.9912" rx="5.65585" ry="6.36283" fill="#2A2A62"/>
<ellipse cx="54.7905" cy="78.475" rx="6.71632" ry="4.24189" fill="#2A2A62"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.3342 92.7414C72.533 94.1595 70.1952 95.2781 67.869 96.1495C64.8947 97.2637 62.0565 98.322 58.3248 97.917C48.8145 96.8847 42.8009 91.0658 43.5278 84.3689C44.0571 79.493 48.6003 75.7329 54.7025 74.447C46.529 74.3209 41.6968 78.8186 40.9797 85.4251C40.2002 92.6063 47.278 99.2646 56.7882 100.297C64.619 101.147 71.6573 97.9175 74.3342 92.7414Z" fill="#2A2A62"/>
<ellipse cx="40.8618" cy="57.558" rx="5.65585" ry="3.5349" transform="rotate(10.8273 40.8618 57.558)" fill="white"/>
<ellipse rx="5.65585" ry="3.5349" transform="matrix(-0.982198 0.18785 0.18785 0.982198 79.6011 57.8506)" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

3
renovate.json Normal file
View File

@ -0,0 +1,3 @@
{
"$schema": "https://docs.renovatebot.com/renovate-schema.json"
}

1
tsconfig.json
View File

@ -27,6 +27,7 @@
},
"include": [
"next-env.d.ts",
"types.d.ts",
"**/*.ts",
"**/*.tsx"
],

84
types.d.ts vendored Normal file
View File

@ -0,0 +1,84 @@
declare module "*.event.mdx" {
import { ComponentType } from "react";
interface EventMetadata {
name: string;
short: string;
date: Date;
online: boolean;
location: string;
poster?: string;
registerLink?: string;
}
const ReactComponent: ComponentType;
export const metadata: EventMetadata;
export default ReactComponent;
}
declare module "*.news.mdx" {
import { ComponentType } from "react";
interface NewsMetadata {
author: string;
date: Date;
}
const ReactComponent: ComponentType;
export const metadata: NewsMetadata;
export default ReactComponent;
}
declare module "*.team-member.mdx" {
import { ComponentType } from "react";
interface TeamMemberMetadata {
name: string;
role: string;
image?: string;
}
const ReactComponent: ComponentType;
export const metadata: TeamMemberMetadata;
export default ReactComponent;
}
declare module "*.section.mdx" {
import { ComponentType } from "react";
interface SectionMetadata {
title: string;
id: string;
}
const ReactComponent: ComponentType;
export const metadata: SectionMetadata;
export default ReactComponent;
}
declare module "*.talk.mdx" {
import { ComponentType } from "react";
interface TalkMetadata {
name: string;
short: string;
poster?: string;
}
const ReactComponent: ComponentType;
export const metadata: TalkMetadata;
export default ReactComponent;
}
declare module "*.mdx" {
import { ComponentType } from "react";
const ReactComponent: ComponentType;
export default ReactComponent;
}