Add judgel blog

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>

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);