hgcl / clara-website Goto Github PK

Because w-screen instead of w-full (only when modal is open though)

example: https://jsfiddle.net/lollero/SFPpf/3

• too slow to load for now, maybe use this: https://www.filamentgroup.com/lab/font-loading.html
• make file smaller by removing unused glyphs?

tutorial: https://dev.to/emmabostian/creating-a-custom-scroll-bar-in-24-lines-of-css-4gg0

https://clara-website-dfxyl2qx3.vercel.app/

• Menu color wrong
• Footer color wrong

Tutorial: https://blog.bitsrc.io/lazy-loading-react-components-with-react-lazy-and-suspense-f05c4cfde10c

When a blog post is open, suggest a next read

Make sure the typeface styles use the real ones and not "fake" styles.

Find a way to write blog posts with a 2-column layout: MDX? Template?

Like here, when scrolling down the article: https://zslabs.com/articles/mdx-frontmatter-in-gatsby

Check /about-this-website page for example

Tutorial https://garbagevalue.com/blog/syntax-highlighting-next-js

• Aladdin 420817
• A friendly tale 598049

• For user search
• Filter by given categories / tags

There is no request token for this page. That's the special key we need from applications asking to use your Twitter account. Please go back to the site or application that sent you here and try again; it was probably just a mistake.

• Keep rem only
• Use a scale

• https://www.emgoto.com/react-search-bar/
• https://github.com/matswainson/nextjs-blog-search-api/blob/master/scripts/cache.js

BookNote, BookTile, etc. used by /movies page as well, should be renamed.

Currently, we can only close the modal menu by:

1. clicking on a link
2. Esc

Objective: make it possible to close the modal by clicking anywhere on the screen (or clicking on a cross somewhere)

Tutorial https://dev.to/emilioschepis/adding-a-statically-generated-rss-feed-to-a-next-js-9-3-blog-58id

Change flex-basis to min width instead?

• Blockquote
• Divider
• List

• Signed up on https://aperture.p3k.io/ + added to homepage
• Signed up to https://alltogethernow.io/ microsub

• Books page: 360px wide doesn't display well
• Blog post: date center under H1
• Menu: hiding too much text? Test again first
• Links: what they look like + how they work, check UX

https://www.sarasoueidan.com/blog/accessible-icon-buttons/

The conservative purge mode will be removed in Tailwind 2.0. Please switch to the new layers mode instead.

tailwindlabs/tailwindcss#2288

• https://telegraph.p3k.io/dashboard

https://dev.to/whoisryosuke/using-mdx-with-nextjs-and-when-to-go-gatsby-5e4c

On /blog—or don't see that page has changed

tutorial with framer-motion: https://medium.com/@simon_p_kerr/react-tooltips-with-framer-motion-164b624354cb