diff --git a/assets/style.scss b/assets/style.scss index d43b61a..e9ac315 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -150,3 +150,7 @@ body { border-radius: 0; } } + +ul li > p { + margin-bottom: 0 !important; +} diff --git a/components/RichBody.tsx b/components/RichBody.tsx index 55ea168..8cb51f5 100644 --- a/components/RichBody.tsx +++ b/components/RichBody.tsx @@ -14,6 +14,7 @@ import { MARKS, OrderedList, Text, + UnorderedList, } from '@contentful/rich-text-types'; import React, { ReactNode } from 'react'; import { CMS } from '../constants'; @@ -101,9 +102,18 @@ const options = { ); }, + [BLOCKS.UL_LIST]: (node: UnorderedList, children: JSX.Element[]) => { + return ( + + ); + }, [BLOCKS.OL_LIST]: (node: OrderedList, children: JSX.Element[]) => { return ( -
    +
      {children.map(item => (
    1. {item}
      2. ))} diff --git a/components/article/sections/ArticleSectionFeatureImage.tsx b/components/article/sections/ArticleSectionFeatureImage.tsx index d400970..d419609 100644 --- a/components/article/sections/ArticleSectionFeatureImage.tsx +++ b/components/article/sections/ArticleSectionFeatureImage.tsx @@ -7,18 +7,12 @@ interface Props { export function ArticleSectionFeatureImage({ featureImage }: Props) { return (
      -
      -
      - {featureImage?.description -
      +
      + {featureImage?.description
      {featureImage?.description && ( diff --git a/contexts/screen.tsx b/contexts/screen.tsx index 993fd2d..95a98c7 100644 --- a/contexts/screen.tsx +++ b/contexts/screen.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import React from 'react'; import { useScreenSize } from '../hooks/screen'; interface IScreen { @@ -6,20 +6,20 @@ interface IScreen { isTablet: boolean; isDesktop: boolean; isHuge: boolean; + width: number; } -export const ScreenContext = React.createContext(undefined); +export const ScreenContext = React.createContext({ + isMobile: true, + isTablet: false, + isDesktop: false, + isHuge: false, + width: 0, +}); const ScreenProvider = ({ children }) => { const screenParams: IScreen = useScreenSize(); - useEffect(() => { - console.log('screen ➡️ screenParams.isMobile:', screenParams.isMobile); - console.log('screen ➡️ screenParams.isTablet:', screenParams.isTablet); - console.log('screen ➡️ screenParams.isDesktop', screenParams.isDesktop); - console.log('screen ➡️ screenParams.isHuge', screenParams.isHuge); - }, [screenParams]); - return ( {children} diff --git a/pages/[page].tsx b/pages/[page].tsx index a9921e8..152d96e 100644 --- a/pages/[page].tsx +++ b/pages/[page].tsx @@ -91,13 +91,11 @@ function Page({ ) : ( <>
      -
      - -
      +
      diff --git a/pages/_document.tsx b/pages/_document.tsx index 90b7ca0..f8d5054 100644 --- a/pages/_document.tsx +++ b/pages/_document.tsx @@ -7,6 +7,26 @@ export default class CustomDocument extends Document { + + + + + + {this.props?.styleTags} diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png new file mode 100644 index 0000000..044c807 Binary files /dev/null and b/public/android-chrome-192x192.png differ diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png new file mode 100644 index 0000000..9995f4a Binary files /dev/null and b/public/android-chrome-512x512.png differ diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 0000000..631b2a8 Binary files /dev/null and b/public/apple-touch-icon.png differ diff --git a/public/browserconfig.xml b/public/browserconfig.xml new file mode 100644 index 0000000..b3930d0 --- /dev/null +++ b/public/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #da532c + + + diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png new file mode 100644 index 0000000..77b7c5f Binary files /dev/null and b/public/favicon-16x16.png differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png new file mode 100644 index 0000000..c87c743 Binary files /dev/null and b/public/favicon-32x32.png differ diff --git a/public/favicon.ico b/public/favicon.ico index 738af46..8341fc8 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png new file mode 100644 index 0000000..699e464 Binary files /dev/null and b/public/mstile-150x150.png differ diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg new file mode 100644 index 0000000..9eea173 --- /dev/null +++ b/public/safari-pinned-tab.svg @@ -0,0 +1,60 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + diff --git a/public/site.webmanifest b/public/site.webmanifest new file mode 100644 index 0000000..b20abb7 --- /dev/null +++ b/public/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +}