From c73c49679c39187c02c50382526668e9cb87d0e9 Mon Sep 17 00:00:00 2001
From: Ian Sillitoe <i.sillitoe@ucl.ac.uk>
Date: Tue, 5 Nov 2024 08:15:10 +0000
Subject: [PATCH 1/4] make ucl logo responsive on small screens

---
 frontend/src/components/Common/Footer.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Common/Footer.tsx b/frontend/src/components/Common/Footer.tsx
index 06e57bf..5051653 100644
--- a/frontend/src/components/Common/Footer.tsx
+++ b/frontend/src/components/Common/Footer.tsx
@@ -1,4 +1,4 @@
-import { Box, Center, Container, Image } from "@chakra-ui/react"
+import { Box, Center,  Container, Image, Stack } from "@chakra-ui/react"
 import type React from "react"
 import Citation from "./Citation"
 
@@ -9,10 +9,14 @@ const Footer: React.FC = () => {
     <Box pt={12}>
       <Box bgColor={"#eee"}>
         <Container maxW={"6xl"}>
-          <Center>
-            <Citation />
-            <Image src={ImgUCL} alt="UCL Logo" />
-          </Center>
+          <Stack direction={["column","row"]} spacing={2} align={"center"}>
+            <Box>
+              <Citation />
+            </Box>
+            <Box>
+              <Image src={ImgUCL} alt="UCL Logo" />
+            </Box>
+          </Stack>
         </Container>
       </Box>
     </Box>

From 857b6b93588a873ddecb7b8020681e1bf0aa1503 Mon Sep 17 00:00:00 2001
From: Ian Sillitoe <i.sillitoe@ucl.ac.uk>
Date: Tue, 5 Nov 2024 08:15:34 +0000
Subject: [PATCH 2/4] add full access link to science

---
 frontend/src/routes/_layout/index.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/routes/_layout/index.tsx b/frontend/src/routes/_layout/index.tsx
index 0757024..d8a4f1c 100644
--- a/frontend/src/routes/_layout/index.tsx
+++ b/frontend/src/routes/_layout/index.tsx
@@ -17,6 +17,7 @@ import {
   createIcon,
   useColorModeValue,
 } from "@chakra-ui/react"
+import { ExternalLinkIcon } from '@chakra-ui/icons'
 import logoImg from "../../assets/images/ted_logo.png"
 import Carousel from "../../components/Common/Carousel"
 
@@ -78,8 +79,6 @@ function Dashboard() {
           >
             <Button
               rounded={"full"}
-              size={"lg"}
-              fontWeight={"normal"}
               px={6}
               colorScheme={"teal"}
               _hover={{ bg: "red.500" }}
@@ -90,15 +89,21 @@ function Dashboard() {
             </Button>
             <Button
               rounded={"full"}
-              size={"lg"}
-              fontWeight={"normal"}
               px={6}
-              leftIcon={<PlayIcon h={4} w={4} color={"gray.300"} />}
             >
               <Link as={RouterLink} to={"/about"}>
                 About
               </Link>
             </Button>
+            <Button
+              rounded={"full"}
+              px={6}
+              >
+              <Link href={"https://www.science.org/stoken/author-tokens/ST-2226/full"}>
+                Full Access Science Article
+                <ExternalLinkIcon mx='2px' />
+              </Link>
+            </Button>
           </Stack>
         </Stack>
         <Flex

From 8b6d8cc8c9e6d3b7267dbda9660e5591f1fcd9d2 Mon Sep 17 00:00:00 2001
From: Ian Sillitoe <i.sillitoe@ucl.ac.uk>
Date: Tue, 5 Nov 2024 08:15:56 +0000
Subject: [PATCH 3/4] remove unused component

---
 frontend/src/components/Common/Footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Common/Footer.tsx b/frontend/src/components/Common/Footer.tsx
index 5051653..288df92 100644
--- a/frontend/src/components/Common/Footer.tsx
+++ b/frontend/src/components/Common/Footer.tsx
@@ -1,4 +1,4 @@
-import { Box, Center,  Container, Image, Stack } from "@chakra-ui/react"
+import { Box,  Container, Image, Stack } from "@chakra-ui/react"
 import type React from "react"
 import Citation from "./Citation"
 

From 02a574f90fda8c0828efcf7beed9cdb33a143069 Mon Sep 17 00:00:00 2001
From: Ian Sillitoe <i.sillitoe@ucl.ac.uk>
Date: Tue, 5 Nov 2024 08:41:29 +0000
Subject: [PATCH 4/4] remove unused components

---
 frontend/src/routes/_layout/index.tsx | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/frontend/src/routes/_layout/index.tsx b/frontend/src/routes/_layout/index.tsx
index d8a4f1c..53a4259 100644
--- a/frontend/src/routes/_layout/index.tsx
+++ b/frontend/src/routes/_layout/index.tsx
@@ -14,7 +14,6 @@ import {
   Link,
   Stack,
   Text,
-  createIcon,
   useColorModeValue,
 } from "@chakra-ui/react"
 import { ExternalLinkIcon } from '@chakra-ui/icons'
@@ -137,12 +136,6 @@ function Dashboard() {
   )
 }
 
-const PlayIcon = createIcon({
-  displayName: "PlayIcon",
-  viewBox: "0 0 58 58",
-  d: "M28.9999 0.562988C13.3196 0.562988 0.562378 13.3202 0.562378 29.0005C0.562378 44.6808 13.3196 57.438 28.9999 57.438C44.6801 57.438 57.4374 44.6808 57.4374 29.0005C57.4374 13.3202 44.6801 0.562988 28.9999 0.562988ZM39.2223 30.272L23.5749 39.7247C23.3506 39.8591 23.0946 39.9314 22.8332 39.9342C22.5717 39.9369 22.3142 39.8701 22.0871 39.7406C21.86 39.611 21.6715 39.4234 21.5408 39.1969C21.4102 38.9705 21.3421 38.7133 21.3436 38.4519V19.5491C21.3421 19.2877 21.4102 19.0305 21.5408 18.8041C21.6715 18.5776 21.86 18.3899 22.0871 18.2604C22.3142 18.1308 22.5717 18.064 22.8332 18.0668C23.0946 18.0696 23.3506 18.1419 23.5749 18.2763L39.2223 27.729C39.4404 27.8619 39.6207 28.0486 39.7458 28.2713C39.8709 28.494 39.9366 28.7451 39.9366 29.0005C39.9366 29.2559 39.8709 29.507 39.7458 29.7297C39.6207 29.9523 39.4404 30.1391 39.2223 30.272Z",
-})
-
 const Blob = (props: IconProps) => {
   return (
     <Icon