Merge pull request #26 from GoCon/hytkgami/update-logo-images

スポンサーロゴの更新とスポンサー一覧へのアンカーリンクの設置

src/components/Header/index.astro

@@ -22,6 +22,7 @@ import { concatWithBase } from "@utils/concatWithBase";
     <nav id="navigation" class="collapsed">
       <ul>
         <li><a href={concatWithBase()}>Home</a></li>
+        <li><a href="#sponsors">Sponsors</a></li>
         <!-- ページの準備ができ次第コメントアウトを外す -->
         <!-- <li><a href="#">Sessions</a></li>
       <li><a href="#">Timetable</a></li>

src/components/Sponsors.astro

@@ -4,6 +4,9 @@ import { getEntry } from "astro:content";
 import { concatWithBase } from "@utils/concatWithBase";
 
 const sponsors = await getEntry("sponsors", "data");
+const venueSponsors = sponsors.data.filter(
+  (sponsor) => sponsor.class === "Venue",
+);
 const platinumGoldSponsors = sponsors.data.filter(
   (sponsor) => sponsor.class === "Platinum Gold",
 );
@@ -18,10 +21,26 @@ const bronzeSponsors = sponsors.data.filter(
 );
 ---
 
-<div class="background">
+<div id="sponsors" class="background">
   <div class="container">
     <h2>Sponsors</h2>
     <p>スポンサープランの募集は終了しました。</p>
+    <h3>会場スポンサー</h3>
+    <div class="box">
+      {
+        venueSponsors.map((sponsor) => (
+          <a href={concatWithBase(`sponsors/${sponsor.id}`)}>
+            <Image
+              class="platinum"
+              src={concatWithBase(sponsor.image)}
+              alt={sponsor.name}
+              width={448}
+              height={242}
+            />
+          </a>
+        ))
+      }
+    </div>
     <h3>Platinum "Go"ld</h3>
     <div class="box">
       {
@@ -128,6 +147,8 @@ const bronzeSponsors = sponsors.data.filter(
     img {
       object-fit: contain;
     }
+
+    .venue,
     .platinum,
     .gold {
       @media screen and (max-width: 448px) {

src/content/config.ts

@@ -6,7 +6,7 @@ const sponsorsCollection = defineCollection({
     z.object({
       id: z.number(),
       name: z.string(),
-      class: z.enum(["Platinum Gold", "Gold", "Silver", "Bronze"]),
+      class: z.enum(["Venue", "Platinum Gold", "Gold", "Silver", "Bronze"]),
       description: z.string(),
       image: z.string(),
     }),

src/content/sponsors/data.json

@@ -1,8 +1,15 @@
 [
+  {
+    "id": 0,
+    "name": "株式会社サイバーエージェント",
+    "class": "Venue",
+    "description": "",
+    "image": "sponsors/CyberAgent.png"
+  },
   {
     "id": 1,
-    "name": "転職ドラフト",
     "class": "Platinum Gold",
+    "name": "転職ドラフト",
     "description": "「エンジニアの価値は世界が決める」\n転職ドラフトは、企業から年収付きで指名が届く、ITエンジニア向けの転職サービスです。\nITエンジニアが「自身の客観的な市場価値」を判断する機会は限られています。\n転職ドラフトは、評価におけるバイアスを排除し、ITエンジニアが実力で正当に評価され、実力に見合った報酬を得られる世界の実現を目指しています。\n利用企業数は累計700社以上。毎月600人超のITエンジニアが参加。\n挑戦的なキャリア形成の登竜門としてご利用いただけるよう、日々提供価値を拡充しています。",
     "image": "sponsors/転職ドラフト.png"
   },
@@ -11,7 +18,7 @@
     "name": "株式会社エブリー",
     "class": "Platinum Gold",
     "description": "",
-    "image": "sponsors/株式会社エブリー.svg"
+    "image": "sponsors/Every.svg"
   },
   {
     "id": 3,
@@ -179,7 +186,7 @@
     "name": "株式会社ミラティブ",
     "class": "Bronze",
     "description": "",
-    "image": "sponsors/株式会社ミラティブ.png"
+    "image": "sponsors/Mirrativ.png"
   },
   {
     "id": 27,

src/pages/sponsors/[id].astro

@@ -9,7 +9,9 @@ export async function getStaticPaths() {
   return sponsors.data
     .filter(
       (sponsor) =>
-        sponsor.class === "Platinum Gold" || sponsor.class === "Gold",
+        sponsor.class === "Venue" ||
+        sponsor.class === "Platinum Gold" ||
+        sponsor.class === "Gold",
     )
     .map((sponsor) => ({
       params: { id: sponsor.id },

src/styles/global.css

@@ -6,6 +6,7 @@
 
 html {
   height: 100%;
+  scroll-behavior: smooth;
 }
 
 body {

test/utils/concatWithBase.test.ts

@@ -1,5 +1,5 @@
 import { concatWithBase } from "../../src/utils/concatWithBase";
-import { describe, assert, expect, test } from "vitest";
+import { describe, expect, test } from "vitest";
 
 describe("concatWithBase", () => {
   test("prefixにBASE_URLを追加する", () => {