fix

kernel-community · Aug 29, 2024 · 36dff15 · 36dff15
1 parent 4248719
commit 36dff15
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 30 deletions.
diff --git a/src/gatsby-plugin-theme-ui/components.js b/src/gatsby-plugin-theme-ui/components.js
@@ -29,9 +29,15 @@ import { ConnectButton } from '@modules/pageMoneySpeech/'
 import { motion } from 'framer-motion'
 import { Box, Divider, Flex, Image, jsx, Text } from 'theme-ui'
 
-
-import {Intro} from '@modules/landing'
-import {Heading1, Heading2, Heading3, Heading4, Heading5, Heading, Subtitle} from '@modules/ui/heading'
+import {
+ Heading1,
+ Heading2,
+ Heading3,
+ Heading4,
+ Heading5,
+ Heading,
+ Subtitle,
+} from '@modules/ui/heading'
 
 //Markdown Component overrides
 //Replace MDX html defaults with our custom implementation.
@@ -105,13 +111,12 @@ const Custom_Components = {
  Card,
  AudioPlayer,
  ConnectButton,
- Intro,
  Heading1,
  Heading2,
  Heading3,
  Heading4,
  Heading5,
- Subtitle
+ Subtitle,
 }
 
 const overridesAndComponents = {

diff --git a/src/gatsby-plugin-theme-ui/index.js b/src/gatsby-plugin-theme-ui/index.js
@@ -256,10 +256,22 @@ export default {
  },
  xicon: {
  path: (
- <svg xmlns="http://www.w3.org/2000/svg" shapeRendering="geometricPrecision" textRendering="geometricPrecision" imageRendering="optimizeQuality" fillRule="evenodd" clipRule="evenodd" viewBox="0 0 512 462.799"><path fillRule="nonzero" d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z"/></svg>
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ shapeRendering="geometricPrecision"
+ textRendering="geometricPrecision"
+ imageRendering="optimizeQuality"
+ fillRule="evenodd"
+ clipRule="evenodd"
+ viewBox="0 0 512 462.799">
+ <path
+ fillRule="nonzero"
+ d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z"
+ />
+ </svg>
  ),
  viewBox: '0 0 12 12',
- }
+ },
  }, //<- Icon package
  colors: {
  ...maker.colors, //<- Deconstruct maker.colors so default colors aren't lost.

diff --git a/src/modules/fellows/Fellows.js b/src/modules/fellows/Fellows.js
@@ -16,7 +16,6 @@ const Fellows = () => {
  borderRadius: 'medium',
  marginX: ['2rem', '2rem', '0rem'],
  }}>
-
  <Flex>
  <Grid
  id="fellowContainer"
@@ -35,9 +34,8 @@ const Fellows = () => {
  scrollBehavior: 'smooth',
  scrollbarWidth: 'none',
  webkitScrollbarWidth: 'none',
- alignContent: 'center'
+ alignContent: 'center',
  }}>
-
  {originalArray.fellows.map((fellow, index) => (
  <Flex
  key={index}
@@ -48,29 +46,35 @@ const Fellows = () => {
  // minHeight: [60, 140],
  // maxHeight: [60, 140],
  height: '100%',
- justifyContent: 'space-between'
+ justifyContent: 'space-between',
  }}>
- <Image
- src={fellow.image}
+ <Image
+ src={fellow.image}
+ sx={{
+ borderRadius: '10%',
+ marginX: 'auto',
+ marginBottom: '0.5rem',
+ }}
+ />
+ <Flex sx={{ flexDirection: 'column', height: '100%' }}>
+ <Flex
  sx={{
- borderRadius: '10%',
- marginX: 'auto',
- marginBottom: '0.5rem',
- }}
- />
- <Flex sx={{flexDirection: 'column', height: '100%'}}>
- <Flex sx={{flexDirection: 'row', alignItems: 'center', rowGap: '4px', justifyContent: 'space-between'}}>
- <Text variant='h4'>
- {fellow.name}
- </Text>
- <Text sx={{ ':hover': {cursor: 'pointer'} }} onClick={() => {window.open(fellow.url, '_blank')}}>
- <Icon size={3} name="xicon" />
- </Text>
- </Flex>
- <Subtitle>
- {fellow.association || "Fellow"}
- </Subtitle>
+ flexDirection: 'row',
+ alignItems: 'center',
+ rowGap: '4px',
+ justifyContent: 'space-between',
+ }}>
+ <Text variant="h4">{fellow.name}</Text>
+ <Text
+ sx={{ ':hover': { cursor: 'pointer' } }}
+ onClick={() => {
+ window.open(fellow.url, '_blank')
+ }}>
+ <Icon size={3} name="xicon" />
+ </Text>
  </Flex>
+ <Subtitle>{fellow.association || 'Fellow'}</Subtitle>
+ </Flex>
  </Flex>
  ))}
  </Grid>