Merge pull request #115 from cniajp/add-team-topologies-banner

チートポセミナーのバナー作成

src/components/pek2024/TeamTopologiesSeminarBanner.astro

@@ -0,0 +1,8 @@
+---
+import Banner from '~/components/pek2024/Banner.astro';
+---
+
+<Banner
+  imagePath='/src/assets/images/pek2024/banner/team_topologies_seminar.jpg'
+  path="/pek2024/tp-seminar/"
+/>

src/pages/pek2024/blog/[...blog].astro

@@ -2,6 +2,7 @@
 import Layout from '~/layouts/pek2024/PageLayout.astro';
 import { getCollection } from 'astro:content';
 import { Image } from 'astro:assets';
+import TeamTopologiesSeminarBanner from '~/components/pek2024/TeamTopologiesSeminarBanner.astro';
 
 export async function getStaticPaths() {
   const blogEntries = await getCollection('pek2024-blog', ({ data }) => {
@@ -26,6 +27,9 @@ if (post.data.author?.icon && !teamMemberImages[post.data.author.icon]) {
   imagePath: post.data.image
 }}>
   <section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-4xl">
+    <div class="flex flex-col items-center mb-4">
+      <TeamTopologiesSeminarBanner/>
+    </div>
     <h1 class="font-bold font-heading text-4xl md:text-5xl leading-tighter tracking-tighter">{post.data.title}</h1>
     <div class="my-4">
       <div class="flex flex-col md:flex-row">

src/pages/pek2024/blog/index.astro

@@ -4,6 +4,7 @@ import { getCollection } from 'astro:content';
 import { Image } from 'astro:assets';
 import type { ImageMetadata } from 'astro';
 import defaultThumbnail from '~/assets/images/pek2024/pek2024_horizontal.png';
+import TeamTopologiesSeminarBanner from '~/components/pek2024/TeamTopologiesSeminarBanner.astro';
 
 const allPosts = await getCollection('pek2024-blog', ({ data }) => {
   return data.draft !== true;
@@ -19,6 +20,9 @@ const getUrl = (slug: string) => `/pek2024/blog/${slug}`;
   title: 'PEK2024 Blog',
   description: 'Platform Engineering Kaigi 2024に関する情報を発信しています。',
 }}>
+  <div class="flex justify-center mt-4">
+    <TeamTopologiesSeminarBanner/>
+  </div>
   <section class="bg-white">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:px-6">
       <div class="mx-auto max-w-screen-sm text-center mb-8">

src/pages/pek2024/schedules/index.astro

@@ -1,6 +1,7 @@
 ---
 import Layout from '~/layouts/pek2024/PageLayout.astro';
 import Schedule from '~/components/pek2024/Schedule.astro';
+import TeamTopologiesSeminarBanner from '~/components/pek2024/TeamTopologiesSeminarBanner.astro';
 
 ---
 <Layout
@@ -9,6 +10,9 @@ import Schedule from '~/components/pek2024/Schedule.astro';
     description: 'Platform Engineering Kaigi 2024 のタイムテーブルです。',
   }}
 >
+  <div class="flex flex-col items-center pt-4 bg-slate-100">
+    <TeamTopologiesSeminarBanner/>
+  </div>
   <Schedule />
 </Layout>
 

src/pages/pek2024/sessions/[id].astro

@@ -8,6 +8,7 @@ import SocialShare from '../../../components/common/SocialShare.astro';
 import { fetchTags } from '../../../utils/fetchTags';
 import { getAffiliation, getJobTitle, getSpeakerProfile, getTalkAbstract } from '../../../utils/pek2024/fortee';
 import { type PEK2024ProposalList } from '../../../types';
+import TeamTopologiesSeminarBanner from '~/components/pek2024/TeamTopologiesSeminarBanner.astro';
 
 export async function getStaticPaths() {
   const { data } = await axios.get<PEK2024ProposalList>(
@@ -58,6 +59,9 @@ const talkAbstract = getTalkAbstract(session);
       sessionExists && (
         <div>
           <div class="mt-14 mb-10 text-left max-w-3xl mx-auto px-4">
+            <div class="flex flex-col items-center mb-4">
+              <TeamTopologiesSeminarBanner/>
+            </div>
             <h2 class="text-2xl md:text-3xl font-bold leading-tight tracking-tight">{session.title}</h2>
 
             <div class="flex flex-wrap items-center mt-2">

src/pages/pfem/sessions/[...session].astro

@@ -2,6 +2,7 @@
 import { getCollection } from 'astro:content';
 import Layout from '~/layouts/CNIA/PageLayout.astro';
 import SessionCard from '~/components/pfem/SessionCard.astro';
+import TeamTopologiesSeminarBanner from '~/components/pek2024/TeamTopologiesSeminarBanner.astro';
 
 export async function getStaticPaths() {
   const sessions = await getCollection('pfem-session', ({ data }) => {
@@ -37,6 +38,9 @@ const relatedSessions = (
   description: session.data.description,
   image: session.data.image,
 }}> 
+  <div class="flex flex-col items-center">
+    <TeamTopologiesSeminarBanner/>
+  </div>
   <div class="flex justify-center">
     <iframe
       class="rounded-lg mx-auto max-w-xs md:max-w-3xl"

src/pages/pfem/sessions/index.astro

@@ -2,6 +2,7 @@
 import { getCollection } from 'astro:content';
 import Layout from '~/layouts/CNIA/PageLayout.astro';
 import SessionCard from '~/components/pfem/SessionCard.astro'
+import TeamTopologiesSeminarBanner from '~/components/pek2024/TeamTopologiesSeminarBanner.astro';
 
 const allSessionss = await getCollection('pfem-session', ({ data }) => {
     return data.draft !== true;
@@ -27,6 +28,9 @@ const sortedSessions = allSessionss.sort((a, b) => {
 }}
 >
   <section class="text-gray-800">
+    <div class="flex flex-col items-center">
+      <TeamTopologiesSeminarBanner/>
+    </div>
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:px-6">
       <div class="mx-auto max-w-screen-sm text-center mb-8">
         <h2 class="mb-4 text-3xl lg:text-4xl tracking-tight font-extrabold text-gray-900">Sessions</h2>