Merge pull request #6 from lego37yoon/main

GroMetric Bronze 후원사 추가
ubuntu-kr · Apr 26, 2024 · dc77d33 · dc77d33
2 parents 0ce6710 + cd0ebe2
commit dc77d33
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 83 deletions.
diff --git a/src/assets/sponsors/grometric.svg b/src/assets/sponsors/grometric.svg
diff --git a/src/components/SponsorLogoAndModal.tsx b/src/components/SponsorLogoAndModal.tsx
@@ -15,9 +15,9 @@ export default function SponsorLogoAndModal(props: SponsorLogoAndModalProps) {
     const t = useTranslations(props.locale);
     return (
         <>
-            <img src={props.logoImageSrc} alt={props.name} onClick={() => setModalOpen(true)} />
+            <img src={props.logoImageSrc} alt={props.name} onClick={() => setModalOpen(true)} className="sponsorModal" />
             {modalOpen ? <Modal close={closeHandler} title={t('sponsor.about')} buttonRow={<>
-                <Button appearance="positive" element="a" href={props.url}>
+                <Button appearance="positive" element="a" href={props.url} target="_blank">
                     {t('sponsor.website')}
                 </Button>
             </>}>

diff --git a/src/components/Sponsors.astro b/src/components/Sponsors.astro
@@ -6,7 +6,6 @@ import { useTranslations, getLangFromUrl } from "@i18n/utils";
 const lang = getLangFromUrl(Astro.url);
 const t = useTranslations(lang);
 ---
-<!--
 <Strip type="light">
     <h2>{t("nav.sponsors.list")}</h2>
     {
@@ -16,6 +15,7 @@ const t = useTranslations(lang);
                     <hr class="p-rule" />
                 </Row>
                 <Row>
+                    {level.list ?
                     <Col size={3}>
                         <h3>{level.sponsorLevelName}</h3>
                     </Col>
@@ -41,9 +41,9 @@ const t = useTranslations(lang);
                             ))}
                         </Row>
                     </Col>
+                    : ""}
                 </Row>
             </>
         ))
     }
-</Strip>
--->
+</Strip>
diff --git a/src/data/sponsors.ts b/src/data/sponsors.ts
@@ -1,54 +1,25 @@
 import type { ColSize } from "@canonical/react-components"
 import logoPlaceHolder from "@assets/logo_placeholder.svg";
+import groMetric from "@assets/sponsors/grometric.svg";
 
 export const sponsors = [
     {
         sponsorLevelName: "Diamond",
         sizeOnLargeScreen: 6 as ColSize,
         sizeOnMediumScreen: 6 as ColSize,
         sizeOnSmallScreen: 6 as ColSize,
-        list: [
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            }
-        ]
     },
     {
         sponsorLevelName: "Gold",
         sizeOnLargeScreen: 4 as ColSize,
         sizeOnMediumScreen: 4 as ColSize,
         sizeOnSmallScreen: 3 as ColSize,
-        list: [
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            }
-        ]
     },
     {
         sponsorLevelName: "Silver",
         sizeOnLargeScreen: 3 as ColSize,
         sizeOnMediumScreen: 3 as ColSize,
         sizeOnSmallScreen: 2 as ColSize,
-        list: [
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            },
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            }
-        ]
     },
     {
         sponsorLevelName: "Bronze",
@@ -57,61 +28,17 @@ export const sponsors = [
         sizeOnSmallScreen: 1 as ColSize,
         list: [
             {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            },
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
+                name: "GroMetric",
+                logoUrl: groMetric.src,
+                url: "http://www.grometric.kr/",
+                description: "그로메트릭은 고객의 지속가능한 성장을 위한 인텔리전스와 안전함을 제공합니다. 중장기적인 관점에서 데이터 메트릭을 통한 고객의 성장을 돕는 솔루션 개발을 목표하고 있어요. 아울러 다양한 OpenSource Software, Cloud, Security 솔루션으로 여러분의 성장과 함께 하고 싶어요."
             },
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            },
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            }
         ]
     },
     {
         sponsorLevelName: "Supporter",
         sizeOnLargeScreen: 2 as ColSize,
         sizeOnMediumScreen: 2 as ColSize,
         sizeOnSmallScreen: 1 as ColSize,
-        list: [
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            },
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            },
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            },
-            {
-                name: "Become a sponsor!",
-                logoUrl: logoPlaceHolder.src,
-                url: "/sponsors/become-a-sponsor",
-                description: "This sponsor slot is currently empty and available! Would like to support our event and become our sponsor? Click 'Visit website' button to join us today!"
-            }
-        ]
     }
 ]
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -60,4 +60,9 @@ const { title, description } = Astro.props;
 	html {
 		font-family: "Ubuntu variable", "Ubuntu", "Pretendard Variable", "Pretendard", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	}
+
+	/* 후원사 모달에 클릭 요소임을 확인할 수 있는 커서 적용 */
+	.sponsorModal:hover {
+		cursor: pointer;
+	}
 </style>