diff --git a/.env b/.env index a868567..8030c0a 100644 --- a/.env +++ b/.env @@ -1,2 +1,33 @@ VITE_API_BASE_URL=http://localhost:8000/api/ VITE_SERVICE_NAME=portal + +# Links external sites. +VITE_LINK_FEMALE_GRADUATES_IN_CS=https://www.wisecampaign.org.uk/core-stem-graduates-2019/ + + +# TODO: determine which of these we need. +# REACT_APP_CONTAINER_MAX_WIDTH=lg +# REACT_APP_FACEBOOK_HREF=https://www.facebook.com/codeforlifeuk +# REACT_APP_TWITTER_HREF=https://twitter.com/codeforlifeuk +# REACT_APP_INSTAGRAM_HREF=https://www.instagram.com/codeforlife_uk/ +# REACT_APP_OCADO_GROUP_HREF=https://www.ocadogroup.com/our-responsible-business/corporate-responsibility/skills-for-the-future +# REACT_APP_PORTAL_GITHUB_HREF=https://github.com/ocadotechnology/codeforlife-portal +# REACT_APP_CFL_DOCS_HREF=https://docs.codeforlife.education/ +# REACT_APP_PRIMARY_RESOURCE_HREF=https://code-for-life.gitbook.io/code-club-resources/ +# REACT_APP_PYTHON_RESOURCE_HREF=https://code-for-life.gitbook.io/code-club-resources-intermediate/ +# REACT_APP_IDEAS_BOX_HREF=https://docs.google.com/forms/d/e/1FAIpQLSclasSZCb7s26Yax3KZuXIFhLjMhGK591WPvht0BkfjSiQR1w/viewform +# REACT_APP_INDEPENDENT_BEGINNER_HREF=https://code-for-life.gitbook.io/independent-student-resources/beginner/ +# REACT_APP_INDEPENDENT_INTERMEDIATE_HREF=https://code-for-life.gitbook.io/independent-student-resources/intermediate/ +# REACT_APP_INDEPENDENT_ADVANCED_HREF=https://code-for-life.gitbook.io/independent-student-resources/advanced/ +# REACT_APP_API_BASE_URL=http://localhost:8000/api/ +# REACT_APP_RAPID_ROUTER_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/w0Pw_XikQSs +# REACT_APP_KURONO_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/m-JYukDZlL8 +# REACT_APP_BLOCKLY_GUIDE_SRC=https://docs.codeforlife.education/rapid-router/blockly-guide +# REACT_APP_TEACHER_RESOURCES_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/tM5nKPYlz74 +# REACT_APP_RR_FOR_TEACHER_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/hv0fM0twrOE +# REACT_APP_KURONO_FOR_TEACHER_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/6iiksCtIIGA +# REACT_APP_INTRO_TO_CODING_ENGLAND=https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/introduction-to-coding-england +# REACT_APP_INTRO_TO_CODING_SCOTLAND=https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/introduction-to-coding-scotland +# REACT_APP_KURONO_AND_CURRICULUM=https://code-for-life.gitbook.io/teaching-resources/v/kurono-teaching-resources/teacher-guides/kurono-and-the-national-curriculum-for-computing +# REACT_APP_RR_TEACHING_RESOURCE=https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/welcome-to-rapid-router +# REACT_APP_KURONO_TEACHING_RESOURCE=https://code-for-life.gitbook.io/teaching-resources/v/kurono-teaching-resources/ \ No newline at end of file diff --git a/src/images/icon_controller.png b/src/images/icon_controller.png new file mode 100644 index 0000000..9b4c325 Binary files /dev/null and b/src/images/icon_controller.png differ diff --git a/src/images/icon_free.png b/src/images/icon_free.png new file mode 100644 index 0000000..9fc24a7 Binary files /dev/null and b/src/images/icon_free.png differ diff --git a/src/images/icon_globe.png b/src/images/icon_globe.png new file mode 100644 index 0000000..1839f01 Binary files /dev/null and b/src/images/icon_globe.png differ diff --git a/src/images/icon_piechart.png b/src/images/icon_piechart.png new file mode 100644 index 0000000..aea9ddb Binary files /dev/null and b/src/images/icon_piechart.png differ diff --git a/src/pages/home/AboutUs.tsx b/src/pages/home/AboutUs.tsx new file mode 100644 index 0000000..8a6cc14 --- /dev/null +++ b/src/pages/home/AboutUs.tsx @@ -0,0 +1,72 @@ +import { ChevronRight as ChevronRightIcon } from "@mui/icons-material" +import { Unstable_Grid2 as Grid, Stack, Typography } from "@mui/material" +import { type FC } from "react" + +import { Image } from "codeforlife/components" +import { Link, LinkButton } from "codeforlife/components/router" + +import ControllerIcon from "../../images/icon_controller.png" +import TicketIcon from "../../images/icon_free.png" +import GlobeIcon from "../../images/icon_globe.png" +import PieChartIcon from "../../images/icon_piechart.png" +import { paths } from "../../router" + +const Column: FC<{ + img: { alt: string; src: string } + children: React.ReactNode +}> = ({ img, children }) => ( + + + {img.alt} + {children} + + +) + +export interface AboutUsProps {} + +const AboutUs: FC = () => ( + + + + Giving everyone the ability to shape technology's future + + + + + Just 16% of university computer science graduates (2018/19) in the UK + were women + + * + + , we want to change that. + + + + + Gamification helps children learn whilst having fun! + + + + + That's right, free forever: our gift to you! We're also Open + Source. + + + + + Code for Life has over 350,000 registered users across the world. + + + + }> + About us + + + +) + +export default AboutUs