Merge pull request #7 from OceanParcels/updating-brand-assets

Updating the logo to virtual ship throughout

Author: erikvansebille

.imgbotconfig

@@ -1,4 +1,4 @@
 {
-  "ignoredFiles": ["public/parcels-assets/*", "public/cards/*"],
+  "ignoredFiles": ["public/virtualship-assets/*", "public/cards/*"],
   "schedule": "monthly"
 }

public/virtualship-assets/virtual_ship_logo.png

@@ -62,8 +62,8 @@ export const Footer = () => {
             <Box>
               <ColorModeImage
                 w={32}
-                lightSrc={'/parcels-assets/logo-horo.svg'} //TODO: Update to svg in roughly 1h*3w (internal) and 1h*2w external (as was before)
-                darkSrc={'/parcels-assets/logo-horo_dia.svg'} //TODO: Update to svg in roughly 1h*3w (internal) and 1h*2w external (as was before)
+                lightSrc={'/virtualship-assets/virtual_ship_logo.png'}
+                darkSrc={'/virtualship-assets/virtual_ship_logo_inverted.png'}
                 alt={'parcels logo'}
               />
             </Box>

public/virtualship-assets/virtual_ship_logo_inverted.png

@@ -77,9 +77,9 @@ export const Header = () => {
             >
               <ColorModeImage
                 w={48}
-                lightSrc={'/parcels-assets/logo-horo.svg'} //TODO: Update to svg in roughly 1h*3w (internal) and 1h*2w external (as was before)
-                darkSrc={'/parcels-assets/logo-horo_dia.svg'} //TODO: Update to svg in roughly 1h*3w (internal) and 1h*2w external (as was before)
-                alt={'parcels logo'}
+                lightSrc={'/virtualship-assets/virtual_ship_logo.png'}
+                darkSrc={'/virtualship-assets/virtual_ship_logo_inverted.png'}
+                alt={'virtualshipparcels logo'}
               />
             </Stack>
           </Flex>

src/components/footer.js

@@ -31,25 +31,23 @@ export const HeroBanner = () => {
                   zIndex: -1,
                 }}
               >
-                Parcels
+                Virtual Ship
               </Text>
               <br />
               <Text as={'span'} color={'blue.400'}>
-                A highly customisable Lagrangian simulation framework
+                Explore the ocean with a virtual research vessel
               </Text>
             </Heading>
             <Text fontSize={'lg'}>
-              <strong>Parcels</strong> provides a set of Python classes and
-              methods to create customisable particle tracking simulations using
-              gridded output from (ocean) circulation models.
+              <strong>VirtualShipParcels</strong> provides a framework to plan and conduct a virtual research expedition, receiving measurements as if they were coming from actual oceanographic instruments.
             </Text>
           </Stack>
           <Stack flex={1} spacing={{ base: 10, md: 20 }}>
-            <Image
+            {/* <Image
               src={'/homepage-animation_SH.gif'}
               alt='Animation of virtual particles in the global oceans'
               objectFit='contain'
-            ></Image>
+            ></Image> */}  # TODO add animation
 
             <Stack
               spacing={{ base: 4, sm: 6 }}
@@ -61,7 +59,7 @@ export const HeroBanner = () => {
                 as={Link}
                 variant={'outline'}
                 colorScheme={'blue'}
-                href='https://docs.oceanparcels.org'
+                href='https://virtualship.oceanparcels.org'
               >
                 Get Started
               </Button>

src/components/header.js

@@ -56,7 +56,7 @@ export const Layout = ({
           rel='icon'
           type='image/png'
           sizes='96x96'
-          href='/parcels-assets/logo-no-text.svg'
+          href='/virtualship-assets/virtual_ship_logo_no-text.png'
         />
         <link rel='icon' type='image/svg+xml' href='/favicon.svg' />
         <link rel='icon' type='image/png' href='/favicon.png' />

src/components/hero-banner.js

@@ -3,7 +3,7 @@ export const footerItems = {
     { label: 'Blog', href: '/blog' },
     {
       label: 'Brand Assets',
-      href: 'https://github.com/OceanParcels/oceanparcels_website/tree/main/public/parcels-assets',
+      href: 'https://github.com/OceanParcels/oceanparcels_website/tree/main/public/virtualship-assets',
     },
     { label: 'Accessibility', href: '/accessibility' },
   ],

src/components/layout.js

@@ -15,7 +15,7 @@ const feed = new Feed({
     id: blogUrl,
     link: blogUrl,
     language: 'en',
-    image: `${siteUrl}/parcels-assets/logo-no-text.png`,
+    image: `${siteUrl}/virtualship-assets/virtual_ship_logo_no-text.png`,
     favicon: `${siteUrl}/favicon.ico`,
     copyright: `© ${new Date().getFullYear()}, Parcels core developers. Apache 2.0 Licensed`,
     feedLinks: {

src/data/footer-items.js

@@ -7,7 +7,7 @@ const Accessibility = () => {
     <Layout
       title={'Accessibility'}
       card={
-        'https://raw.githubusercontent.com/OceanParcels/oceanparcels_website/main/public/parcels-assets/logo-no-text.png'
+        'https://raw.githubusercontent.com/OceanParcels/oceanparcels_website/main/public/virtualship-assets/virtual_ship_logo_no-text.png'
       }
       url={`/accessibility`}
     >