+ );
+}
diff --git a/content/playground/temp.talk.mdx b/content/playground/temp.talk.mdx
new file mode 100644
index 00000000..85612530
--- /dev/null
+++ b/content/playground/temp.talk.mdx
@@ -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)]
diff --git a/next-env.d.ts b/next-env.d.ts
index ffde38ef..f9764f3f 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -63,6 +63,20 @@ declare module "*.section.mdx" {
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";
diff --git a/pages/_app.css b/pages/_app.css
index 0763d20c..948b4449 100644
--- a/pages/_app.css
+++ b/pages/_app.css
@@ -23,6 +23,7 @@ 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 */
diff --git a/pages/playground.mdx b/pages/playground.mdx
index af488e24..20b77a19 100644
--- a/pages/playground.mdx
+++ b/pages/playground.mdx
@@ -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 `` component is used on various pages such as Meet the Team! and Our
---
+## ``
+
+The `` component is used on the Resources page to display information
+about Tech Talks.
+
+
+
+---
+
+## ``
+
+The `` component is used on the Resources page to display condensed
+information about Tech Talks.
+
+
## ``
The `` component is used on various pages such as the About page and the Get Involved Page!