Revision as of 18:31, 10 April 2025

@@ Line 1: / Line 1: @@
-*[[/SI 22]]
+<div style="width:90%; margin:1.5em auto; padding:1em; background-color:#fdfbf7; border:1px solid #d5c3aa; border-radius:12px; box-shadow:0 3px 12px rgba(180,160,140,0.1); font-family:'Palatino Linotype', 'Book Antiqua', serif;">
-*[[/SI 23]]
-*[[/SI 24]]
+<h1 style="text-align:center;color:#8a7267; border-bottom:1px solid #e8ded0; padding-bottom:10px; font-weight:normal; letter-spacing:0.5px;">
-*[[/Projects That May or May Not Be Made]]
+                <span style="margin-right:8px;"> </span>  .....................
-*[[/Personal Reader]]
+            </h1>
-*[[/Graduation Process]]
-*[[/Thesis Process]]
-*[[/Assessment]]
+    <div style="display:flex; flex-wrap:wrap; justify-content:space-around; padding:10px;">
-*[[/Project proposal]]
+        <!-- Project Section -->
-*[[/Pre Assessment]]
+        <div style="flex:1; min-width:250px; margin:10px; padding:18px; border:1px solid #e8ded0; border-radius:8px; background-color:#fefcf9;">
-*[[/Draft thesis outline]]
+            <h3 style="color:#8a7267; border-bottom:1px solid #e8ded0; padding-bottom:10px; font-weight:normal; letter-spacing:0.5px;">
+                <span style="margin-right:8px;"> </span> Special Issue
+            </h3>
+            <ul style="list-style-type:none; padding-left:8px; margin-top:15px;">
+                <li style="margin:10px 0; padding:3px 0;">[[/SI 22|<span style="color:#a08778;">Special Issue 22</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/SI 23|<span style="color:#a08778;">Special Issue 23</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/SI 24|<span style="color:#a08778;">Special Issue 24</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/Projects That May or May Not Be Made|<span style="color:#a08778;">Projects That May or May Not Be Made</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/Personal Reader|<span style="color:#a08778;">Personal Reader</span>]]</li>
+            </ul>
+        </div>
+        <!-- Academic Process Section -->
+        <div style="flex:1; min-width:250px; margin:10px; padding:18px; border:1px solid #e8ded0; border-radius:8px; background-color:#fefcf9;">
+            <h3 style="color:#8a7267; border-bottom:1px solid #e8ded0; padding-bottom:10px; font-weight:normal; letter-spacing:0.5px;">
+                <span style="margin-right:8px;"></span> Graduation
+            </h3>
+            <ul style="list-style-type:none; padding-left:8px; margin-top:15px;">
+                <li style="margin:10px 0; padding:3px 0;">[[/Graduation Process|<span style="color:#a08778;">Graduation Process</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/Thesis Process|<span style="color:#a08778;">Thesis Development</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/Assessment|<span style="color:#a08778;">Assessment</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/Project proposal|<span style="color:#a08778;">Project Proposal</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/Pre Assessment|<span style="color:#a08778;">Pre-Assessment</span>]]</li>
+                <li style="margin:10px 0; padding:3px 0;">[[/Draft thesis outline|<span style="color:#a08778;">Thesis Outline</span>]]</li>
+            </ul>
+        </div>
+    </div>
+</div>