diff --git a/asset/img/arch.webp b/asset/img/arch.webp
new file mode 100644
index 0000000..fd25ed8
Binary files /dev/null and b/asset/img/arch.webp differ
diff --git a/asset/img/command.webp b/asset/img/command.webp
new file mode 100644
index 0000000..28b6a24
Binary files /dev/null and b/asset/img/command.webp differ
diff --git a/asset/img/judgeldraft.webp b/asset/img/judgeldraft.webp
new file mode 100644
index 0000000..199066f
Binary files /dev/null and b/asset/img/judgeldraft.webp differ
diff --git a/asset/img/verdict.webp b/asset/img/verdict.webp
new file mode 100644
index 0000000..bdd71c4
Binary files /dev/null and b/asset/img/verdict.webp differ
diff --git a/src/blog/judgel.html b/src/blog/judgel.html
index eaa963b..dc78de9 100644
--- a/src/blog/judgel.html
+++ b/src/blog/judgel.html
@@ -50,7 +50,34 @@
         <div>
             <br>
             <h1 class="itemtitle">Blog: Judgel's Development</h1>
-            <p>Hadrian will be writing it on 27/7/2024</p>
+            <a href="https://github.com/udontur/judgel">
+                <button style="color: white !important;">
+                    <iconify-icon icon="mdi:github"></iconify-icon> Judgel's source code
+                </button>
+            </a>
+            <br>
+            <br>
+            <h2>Judgel</h2>
+            <p style="max-width: 40rem !important;">Judgel is a local and offline C++ judge that compiles and compares accurately for your competitive programming problems! It is a simple CLI that takes the path of the test cases, C++ file, and time limit. After judging your results and the test case precisely, the program automatically handles a variety of verdicts. The program uses a .msi file for installation, making it easy to setup. </p>
+            <div style="display: inline-block !important;">
+                <img src="\asset\img\verdict.webp" style="width: 15rem;">
+                <img src="\asset\img\command.webp" style="width: 25rem;">
+            </div>
+            <br>
+            <br>
+            <h2>Architecture</h2>
+            <p style="max-width: 40rem !important;">Judgel takes test cases and a C++ file, compiles the C++ file, and runs test cases on the C++ executable. Judgel then takes the output, compares it with the test case, and outputs the verdict. There is a lot of error handling, such as the TLE listener running asynchronously, RTE detector, and file removal checkers.</p>
+            <img src="\asset\img\arch.webp" style="width: 40rem;">
+            <br>
+            <br>
+            <h2>Motivation</h2>
+            <p style="max-width: 41rem !important;">This idea pop up to me when I was trying to do wy_gitlun's exciting challenge tasks (if you are reading this, thank you for creating these fun and amazing tasks). But most online judges does not support custom hosting tasks, and other local judges are too compilcated to use and install. So, I created Judgel, a easy-to-use, easy-to-install and accurate C++ local judge. </p>
+            <br>
+            <h2>Extra: Judgel's first draft</h2>
+            <p style="max-width: 40rem !important;">Drew the left one on the MTR</p>
+            <img src="\asset\img\judgeldraft.webp">
+            <br>
+            <br>
         </div>
         <br>
         <br>
diff --git a/src/style/theme.css b/src/style/theme.css
index eb97fea..67a914c 100644
--- a/src/style/theme.css
+++ b/src/style/theme.css
@@ -68,9 +68,6 @@ a {
 a:hover {
     text-decoration: underline;
 }
-p {
-    margin: 0 auto 1rem;
-}
 img {
     max-width: 100%;
     border-radius: var(--bd-radius);