feat: apply new sponsor logos

Author: modori1208

public/static/images/ci_ai_education_institute.webp

@@ -14,8 +14,8 @@ const Sponsor = ({ className, ...props }: SponsorProps) => {
         <a href="https://soft.hufs.ac.kr/" target="_blank">
           <Image
             className={styles.logo}
-            src="/static/images/ci_ai_education_center.webp"
-            alt="AI Education Center @ HUFS"
+            src="/static/images/ci_ai_education_institute.webp"
+            alt="AI Education Institute @ HUFS"
             width={230.4}
             height={25.2}
             draggable={false}
@@ -37,16 +37,28 @@ const Sponsor = ({ className, ...props }: SponsorProps) => {
       </div>
       <div className={styles.organization}>
         <p className={styles.title}>Our Sponsors</p>
-        <a href="https://www.easyspub.co.kr/" target="_blank">
-          <Image
-            className={styles.logo}
-            src="/static/images/ci_easypub.webp"
-            alt="EasysPublishing Co., Ltd."
-            width={230.4}
-            height={25.2}
-            draggable={false}
-          />
-        </a>
+        <div className={styles.sponsorRow}>
+          <a href="http://jpub.kr/" target="_blank">
+            <Image
+              className={styles.logo}
+              src="/static/images/ci_jpub.webp"
+              alt="Jpub Co., Ltd."
+              width={83.78}
+              height={25.2}
+              draggable={false}
+            />
+          </a>
+          <a href="https://www.easyspub.co.kr/" target="_blank">
+            <Image
+              className={styles.logo}
+              src="/static/images/ci_easypub.webp"
+              alt="EasysPublishing Co., Ltd."
+              width={165.41}
+              height={25.2}
+              draggable={false}
+            />
+          </a>
+        </div>
       </div>
     </section>
   );

public/static/images/ci_easypub.webp

@@ -29,7 +29,7 @@ globalStyle(`${organization} > a:hover`, {
 });
 
 export const logo = style({
-  width: rem(230.4),
+  width: 'auto',
   height: rem(25.2),
   userSelect: 'none',
 });
@@ -43,3 +43,10 @@ export const title = style({
   textAlign: 'center',
   userSelect: 'none',
 });
+
+export const sponsorRow = style({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  gap: rem(4),
+});

public/static/images/ci_jpub.webp

@@ -103,3 +103,10 @@ globalStyle(`${article} td`, {
   border: `1px solid rgba(255, 255, 255, 0.4)`,
   padding: rem(8),
 });
+
+globalStyle(`${article} code`, {
+  border: `1px solid rgba(255, 255, 255, 0.2)`,
+  padding: `${rem(2)} ${rem(4)}`,
+  borderRadius: rem(4),
+  backgroundColor: 'rgba(220, 220, 220, 0.1)',
+});