diff --git a/src/components/DocsPageSections/Guide.tsx b/src/components/DocsPageSections/Guide.tsx index 5710419..3ab790d 100644 --- a/src/components/DocsPageSections/Guide.tsx +++ b/src/components/DocsPageSections/Guide.tsx @@ -9,25 +9,28 @@ interface guideProps { } /** - * A component to render a card that shows a guide. Clicking on the guide takes you to a Google Doc. All info for guides is currently in TechGuides.tsx + * A component to render a card that shows a guide. Clicking on the guide takes you to a Google Doc. * @param props Should follow the interface above, guideProps * @returns A Guide React component */ const Guide = (props: guideProps) => ( -
+
{props.guideName}
- +
+ +

{props.description}

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index c9628cd..db410be 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -1,36 +1,36 @@ -import Navbar from "../components/Navbar"; -import ScrollToTop from "../components/ScrollToTop"; -import "@/styles/globals.css"; -import type { AppProps } from "next/app"; -import { useEffect } from "react"; -import Aos from "aos"; -import "aos/dist/aos.css"; -import { Inter } from "next/font/google"; -import Head from "next/head"; -import Footer from "@/components/Footer/Footer"; -import GradientDef from "@/components/icons/GradientDef"; -import "../components/ProjectSection/carousel-with-custom-dots.css"; // used in ProjectSection.tsx - -const inter = Inter({ subsets: ["latin"] }); - -export default function App({ Component, pageProps }: AppProps) { - useEffect(() => { - Aos.init({ duration: 1000 }); // Init AOS. Sets AOS default duration as 1s - }, []); - - return ( - <> - - Tech Start UCalgary - - - -
- - - -
-
- - ); -} +import Navbar from "../components/Navbar"; +import ScrollToTop from "../components/ScrollToTop"; +import "@/styles/globals.css"; +import type { AppProps } from "next/app"; +import { useEffect } from "react"; +import Aos from "aos"; +import "aos/dist/aos.css"; +import { Inter } from "next/font/google"; +import Head from "next/head"; +import Footer from "@/components/Footer/Footer"; +import GradientDef from "@/components/icons/GradientDef"; +import "../components/ProjectSection/carousel-with-custom-dots.css"; // used in ProjectSection.tsx + +const inter = Inter({ subsets: ["latin"] }); + +export default function App({ Component, pageProps }: AppProps) { + useEffect(() => { + Aos.init({ duration: 1000 }); // Init AOS. Sets AOS default duration as 1s + }, []); + + return ( + <> + + Tech Start UCalgary + + + +
+ + + +
+ + ); +}