What I implemented on my website :)

This is more or less the full list of all my changes to the gatsby-starter

Styles! CSS + SCSS + Bootstrap + PrismJS

• Customized bootstrap off-canvas toggleable Navbar
• Custom color palette for both themes with .scss
• custom fonts from Google Fonts (Silkscreen & Courier Prime)
• custom PrismJS theme for highlighting code snippets in .md files
• scroll the progress bar on top
• transitions for page navigation
• transition on mode changes
• animation to hide the Navbar button on scrolling down
• fixed footer with 'back to top button

Fun Stuff

• pulling and using metadata on all pages
• translations: EN, PL, NO (doesn't include actual posts)
• Dark/Light mode switch in Navbar
• Language switch in Navbar
• Contact form connected to Netlify
• Navigation links
  • next/previous post
  • back to posts archive
  • navbar to all pages
• createPages slugs for each post (.md file)
• createPages slugs for posts archive
• comments section under each post with utterances (Github)
• Pagination for posts archive
• createPages slugs for posts' archive by tags
• search bar in posts archive
• buttons for sharing posts on FB, Twitter, LinkedIn
• page with my public Github repos with descriptions
• Deployed on Netlify
• auto Lighthouse report
• DatoCMS Management

Smaller stuff

• layout implemented with a plugin
• Custom icons for settings
• featured images displayed on posts from .md
• Author card under the post title