diff --git a/src/app/components/site/cs/HomepageCS.tsx b/src/app/components/site/cs/HomepageCS.tsx index 77819a0e62..511b1308cd 100644 --- a/src/app/components/site/cs/HomepageCS.tsx +++ b/src/app/components/site/cs/HomepageCS.tsx @@ -1,30 +1,21 @@ import React, {useEffect} from "react"; -import { - selectors, - transientUserContextSlice, - useAppDispatch, - useAppSelector, - useGetNewsPodListQuery -} from "../../../state"; +import {selectors, useAppSelector, useGetNewsPodListQuery} from "../../../state"; import {Link} from "react-router-dom"; -import {Button, Card, CardBody, Col, Container, Row} from "reactstrap"; -import {EXAM_BOARD, history, isLoggedIn, SITE_TITLE, STAGE, useDeviceSize} from "../../../services"; +import {Button, Card, CardBody, CardTitle, Col, Container, Row} from "reactstrap"; +import {isLoggedIn, SITE_TITLE, useDeviceSize} from "../../../services"; import {AdaHero2x1} from "../../elements/svg/AdaHero"; import {FeaturedNewsItem} from "../../elements/FeaturedNewsItem"; -import {IsaacCardDeck} from "../../content/IsaacCardDeck"; import {NewsCard} from "../../elements/cards/NewsCard"; import {AdaHomepageSearch} from "../../elements/SearchInputs"; import {MetaDescription} from "../../elements/MetaDescription"; +import classNames from "classnames"; export const HomepageCS = () => { useEffect( () => {document.title = SITE_TITLE;}, []); const user = useAppSelector(selectors.user.orNull); const {data: news} = useGetNewsPodListQuery({subject: "news"}); const featuredNewsItem = (news && user?.loggedIn) ? news[0] : undefined; - const dispatch = useAppDispatch(); const deviceSize = useDeviceSize(); - const setStage = (stage: STAGE) => dispatch(transientUserContextSlice?.actions.setStage(stage)); - const setExamBoard = (examBoard: EXAM_BOARD) => dispatch(transientUserContextSlice?.actions.setExamBoard(examBoard)); return <> {/**/} @@ -36,11 +27,8 @@ export const HomepageCS = () => {

/
- Computer science education should be accessible for everyone + The free learning platform for computing teachers and students

-

- We create free resources to help teachers and students around the world -

@@ -53,7 +41,7 @@ export const HomepageCS = () => { - + {isLoggedIn(user) ? @@ -68,43 +56,26 @@ export const HomepageCS = () => { -
- - - - - -

Hey, folks in Scotland! Looking for SQA resources?

-

We've mapped our content to the N5 and Higher specifications.

- - - - -
-
-
-
-
-

Why use Ada Computer Science?

+

What we offer

    -
  • Made by the University of Cambridge and the Raspberry Pi Foundation
  • -
  • Mapped to computer science exam specifications, including GCSE and A level
  • -
  • A great way to save time when planning lessons and homework
  • -
  • Perfect for learning a topic after class or preparing for exams
  • -
  • Free forever — no hidden costs
  • +
  • Free computer science resources: Tailored for students aged 14 to 19
  • +
  • Interactive questions: Over 1000 questions with instant marking and feedback
  • +
  • Teacher tools: Set quizzes and assignments effortlessly
  • +
  • AI and machine learning resources: Stay ahead of the AI curve
  • +
  • Complete curriculums: For + GCSE, + A Level, + National 5, + Higher, and + Advanced Higher
+ {!isLoggedIn(user) && + + } @@ -120,16 +91,14 @@ export const HomepageCS = () => { -

Explore our questions

+

Questions for classwork, homework, and exam prep

- Use the question finder to explore more than 1,000 self-marking questions, filtering by - topic, concept and qualification. Written by experts and updated frequently, they - address common misconceptions with tailored feedback. + Explore our bank of over 1000 self-marking questions. Filter by topic, concept, and qualification.

-

Students: review key topics and get instant feedback

-

Teachers: save time by creating self-marking quizzes

+

For students: Learn or revise a topic and receive instant feedback.

+

For teachers: Save time by creating self-marking quizzes for your class.

@@ -144,41 +113,49 @@ export const HomepageCS = () => {
-

What resources are you looking for?

- - - - -
-
- -
- - - -

Computer science stories

-

- Discover our monthly interview series and learn from passionate educators within the - Ada community, and recently-graduated computer scientists who are doing AMAZING things - in a huge range of computing-related fields! -

- +

Our Core and Advanced global resources

+

+ Teaching or learning from outside the UK? We've organised our learning resources by prior + knowledge and age group to make them easy to adapt for curricula in other countries. +

+ + + + +

Core

+
+ +
    +
  • For students aged 14 to 16
  • +
  • Gives learners a strong theoretical and practical knowledge of the basics of + computer science +
  • +
  • Suitable for students with no previous knowledge
  • +
+
+
+ + + + +

Advanced

+
+ +
    +
  • For students aged 16 to 19
  • +
  • Expands on the concepts learnt in the Core curriculum with more detail
  • +
  • Covers more advanced concepts that are not in the Core curriculum
  • +
  • Prepares students for a university degree / degree apprenticeship + programme +
  • +
+
+
+ + +
diff --git a/src/scss/cs/homepage.scss b/src/scss/cs/homepage.scss index 127f64df5f..138f9b8874 100644 --- a/src/scss/cs/homepage.scss +++ b/src/scss/cs/homepage.scss @@ -71,6 +71,9 @@ section#what-resources { background-color: $cs-cultured; + ul { + padding-inline-start: 20px; + } } section#computer-science-stories {