diff --git a/public/tech/cmu-courses.png b/public/tech/cmu-courses.png
index ba7faa2..bb6c6e3 100644
Binary files a/public/tech/cmu-courses.png and b/public/tech/cmu-courses.png differ
diff --git a/public/tech/cmumaps.png b/public/tech/cmumaps.png
new file mode 100644
index 0000000..5dbd6fa
Binary files /dev/null and b/public/tech/cmumaps.png differ
diff --git a/src/icons/AppleMapKitIcon/index.tsx b/src/icons/AppleMapKitIcon/index.tsx
new file mode 100644
index 0000000..9155001
--- /dev/null
+++ b/src/icons/AppleMapKitIcon/index.tsx
@@ -0,0 +1,861 @@
+import styles from 'styles/index.module.scss';
+import BaseIcon from '../BaseIcon';
+import { SvgIconProps } from '../SvgIcon';
+
+export default function TypeScriptIcon({
+ className,
+ debugBbox,
+}: SvgIconProps): JSX.Element {
+ return (
+
+
+
+ );
+}
diff --git a/src/icons/Icon/index.tsx b/src/icons/Icon/index.tsx
index 2a26465..7bb2e62 100644
--- a/src/icons/Icon/index.tsx
+++ b/src/icons/Icon/index.tsx
@@ -19,6 +19,7 @@ import ReactIcon from '../ReactIcon';
import ScottyLabsIcon from '../ScottyLabsIcon';
import TailwindIcon from '../TailwindIcon';
import TypeScriptIcon from '../TypeScriptIcon';
+import AppleMapKitIcon from '../AppleMapKitIcon';
const IconMapping = {
'after-effects': ,
@@ -41,6 +42,7 @@ const IconMapping = {
scottylabs: ,
tailwind: ,
typescript: ,
+ applemapkit: ,
};
export type IconName = keyof typeof IconMapping;
diff --git a/src/icons/NotionIcon/index.tsx b/src/icons/NotionIcon/index.tsx
new file mode 100644
index 0000000..5e969fb
--- /dev/null
+++ b/src/icons/NotionIcon/index.tsx
@@ -0,0 +1,26 @@
+import styles from 'styles/index.module.scss';
+import BaseIcon from '../BaseIcon';
+import { SvgIconProps } from '../SvgIcon';
+
+export default function NotionIcon({
+ className,
+ debugBbox,
+}: SvgIconProps): JSX.Element {
+ return (
+
+
+
+ );
+}
diff --git a/src/pages/tech.tsx b/src/pages/tech.tsx
index 24e16d8..fbd58d3 100755
--- a/src/pages/tech.tsx
+++ b/src/pages/tech.tsx
@@ -4,6 +4,8 @@ import Timeline from 'components/Timeline';
import Typography from 'components/Typography';
import BaseLayout from 'layouts/BaseLayout';
import styles from 'styles/Tech.module.scss';
+import Link from 'next/link';
+import NotionIcon from '../icons/NotionIcon';
export default function Tech() {
return (
@@ -15,6 +17,20 @@ export default function Tech() {
The Tech committee builds various fun software projects
across the stack for the campus community!
+
+
+ Interested in joining our team? View our notion page
+ here:
+
+
+
+
+
}
/>
+
+ }
+ />
}
/>
-
}
/>
-
+
diff --git a/src/styles/Tech.module.scss b/src/styles/Tech.module.scss
index 5eb4702..f1dd570 100644
--- a/src/styles/Tech.module.scss
+++ b/src/styles/Tech.module.scss
@@ -59,3 +59,32 @@
.projectTimeline {
margin-top: 5em;
}
+
+.notion {
+ display: flex;
+}
+
+.notionLink {
+ margin-left: 1em;
+ transition: transform 0.25s;
+ &:hover {
+ transform: translate(0, -3px);
+ }
+}
+
+.notionIcon {
+ width: 2em;
+ cursor: pointer;
+
+ svg {
+ fill: white;
+ }
+
+ @include down($breakpoint-md) {
+ width: 1.5em;
+ }
+
+ @include down($breakpoint-sm) {
+ width: 1em;
+ }
+}