DEV Community

jsong89
jsong89

Posted on • Edited on

2 1

About lab6

Github repo: https://github.com/juuuuuuun/jun-ssg
Github page: https://juuuuuuun.github.io/Dinosaurs-are-cool/

Overview..

This nice api provides users with a beginner tutorial and a lot of useful features to provide users with a very sophisticated and nice static site in an easy way.

What I interested in..

Among them, I especially liked the Theme feature. When designing a website, I always wanted to change the website to dark mode in a simple way, taking into account the user's situation at any time of the day or night. But, unfortunately, I was lazy (giggle) and always left the idea in the corner of my head. Nevertheless, Docusaurus finally got me intrigued by the Theme feature and decided to add it to my SSG-api. Therefore, I created issue about this and start to work on it. I made Argument receive the application of Theme, and also made it possible to change the generated pages to dark mode by adding the css code below.

theme == "dark" ? theme = `<style>
        body {
            background-color: #292929;
        }
        h1, h2, h3, h4, h5, h6, b, strong, th, p, a, xmp, code{
            color: #fff;
        }
        </style>` : "";
Enter fullscreen mode Exit fullscreen mode

With closing..

This concludes my rap this week. However, this is not the end. I will further refine and extend this feature to upgrade it to a much more sophisticated feature.

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay