diff --git a/README.md b/README.md index 11c1208..ffd9145 100644 --- a/README.md +++ b/README.md @@ -4,8 +4,7 @@ In 2022, the setup has a couple extra steps, mostly because of changes with the - Google Spreadsheets API v3 has been discontinued and the update to the v4 requires the use of an API key that you need to configure in the Google Cloud Console - Sendgrid requires to create a verified sender account -Live demo here: -http://misterfresh.github.io/react-drive-cms/ +Live Demo: [https://thepurpleclub.github.io/home] ### Features: - A dynamic site, but no backend to manage, no database, no server, no hosting & no maintenance (almost) diff --git a/app/app.js b/app/app.js index c01bd90..93ea80b 100644 --- a/app/app.js +++ b/app/app.js @@ -15,6 +15,10 @@ import { About } from './routes/about.js' import { Contact } from './routes/contact.js' import { Home } from './routes/home.js' import { getActiveItemId, getPageName } from './utils/path.js' +import { Memoriam } from './routes/memoriam.js' +import { Music } from './routes/music.js' +import { Japanese } from './routes/japanese.js' +import { Chinese } from './routes/chinese.js' const App = () => { const [state, dispatch] = useReducer(reducer, initialState) @@ -30,6 +34,14 @@ const App = () => { Page = Category } else if (pageName === 'articles') { Page = Article + } else if (pageName === 'memoriam') { + Page = Memoriam + } else if (pageName === 'music'){ + Page = Music + }else if(pageName === 'japanese'){ + Page = Japanese + }else if(pageName === 'chinese'){ + Page = Chinese } return Page }, [pageName]) diff --git a/app/components/blocks/article.js b/app/components/blocks/article.js index 71fdc58..bae8f85 100644 --- a/app/components/blocks/article.js +++ b/app/components/blocks/article.js @@ -4,6 +4,8 @@ import prefixUriIfNeeded from '../../utils/prefixUriIfNeeded.js' export const Article = ({ article, category }) => html`