/bluelog

Programming blog built with Next.js, TailwindCSS, and Vercel

Primary LanguageJavaScript

Progress

  • 2022-01-05
    • Inital blog created by following this tutorial from Next.js
      Initial blog
    • url modified --> /posts/<post-language>/<slug>/
  • 2022-01-06
    • Attempted to add 'prism' for syntax highlighting but it didn't go well. After parsing markdown files, no classes were added to tags.
    • Started implementing the blog home UI
  • 2022-01-07
    • Overall theme (blue-ish) defined. Utilized SASS's variable to set color schemes.
    • Finished posts (card style) UI using tailwindcss.
    • post's show (contents) UI done for now. Markdown not yet added but simply added a background color to differenciate with normal texts.
      Post's content UI
    • Each post's language is labeled with a circle with an animation.
      Post's content UI
      • Korean => Red + Blue + White
      • English => Blue
      • Japanese => Red
    • Modified transition's to a keyframe animation.
      keyframe animation
    • Footer added
    • Language selection added. I can click a lang to view only posts in that language.
      • I can also check available languages within a post.
  • 2022-01-08
    • Dark/Light toggle added
      Toggling mode
    • tagging added
      tagging
  • 2022-01-09
    • Markdown - syntax highlighting added
    • competitive programming section added.
      cp
  • 2022-01-10
    • Home, Blog, and About section added
    • TIL separated into DS and Algo section
      cp
  • 2022-01-11
    • RSS added (not sure if it's done properly.... 🤔 )
    • custom 404 page added - used vanta.js
  • 2022-01-14
    • Reviewed how other people built their blogs using Next.js
    • Refactored my code - Tried to break my codes into components.
  • 2022-01-15
    • Home header added.
      header
  • 2022-01-26
    • DS and Algo tab merged.
      DSA
  • 2022-01-29
    • UI updated
      new UI
    • SASS code refactored
    • Display recent posts in Home (was removed for .contentlayer)
  • 2022-01-30
    • i.p. Mobile UI
      Mobile UI
    • Light mode icon changed
    • DSA (sidebar menu) mobile ui added
      Mobile UI Docaside