Merge pull request #331 from jpa-perl/hakodate2024-individual-sponsors

個人スポンサーのSNS画像とページ情報を追加

2024hakodate/data/individual-sponsors.js

@@ -1 +1,214 @@
-module.exports = [];
+const indivdualSponsors = [
+    {
+        name: 'sironekotoro',
+        avatar_url: './images/individual-sponsors/sironekotoro.png',
+        profile_url: 'https://x.com/sironekotoro'
+    },
+    {
+        name: 'niratama',
+        avatar_url: './images/individual-sponsors/niratama.jpeg',
+        profile_url: 'https://x.com/niratama'
+    },
+    {
+        name: 'tomio2480',
+        avatar_url: './images/individual-sponsors/tomio2480.png',
+        profile_url: 'https://x.com/tomio2480'
+    },
+    {
+        name: 'onk',
+        avatar_url: './images/individual-sponsors/onk.png',
+        profile_url: 'https://github.com/onk'
+    },
+    {
+        name: 'sotarok',
+        avatar_url: './images/individual-sponsors/sotarok.png',
+        profile_url: 'https://x.com/sotarok'
+    },
+    {
+        name: 'nasa9084',
+        avatar_url: './images/individual-sponsors/nasa9084.jpg',
+        profile_url: 'https://x.com/nasa9084'
+    },
+    {
+        name: 'shinotra',
+        avatar_url: './images/individual-sponsors/shinotra.png',
+        profile_url: 'https://x.com/shinotra'
+    },
+    {
+        name: 'toku_bass',
+        avatar_url: './images/individual-sponsors/toku_bass.png',
+        profile_url: 'https://x.com/toku_bass'
+    },
+    {
+        name: 'hmatsu47',
+        avatar_url: './images/individual-sponsors/hmatsu47.jpg',
+        profile_url: 'https://x.com/hmatsu47'
+    },
+    {
+        name: 'tsubasaxZZZ',
+        avatar_url: './images/individual-sponsors/tsubasaxZZZ.jpg',
+        profile_url: 'https://x.com/tsubasaxZZZ'
+    },
+    {
+        name: 's3i7h',
+        avatar_url: './images/individual-sponsors/s3i7h.jpg',
+        profile_url: 'https://x.com/s3i7h'
+    },
+    {
+        name: 'kazeburo',
+        avatar_url: './images/individual-sponsors/kazeburo.jpg',
+        profile_url: 'https://x.com/kazeburo'
+    },
+    {
+        name: 'songmu',
+        avatar_url: './images/individual-sponsors/songmu.jpeg',
+        profile_url: 'https://x.com/songmu'
+    },
+    {
+        name: 'utgwkk',
+        avatar_url: './images/individual-sponsors/utgwkk.jpg',
+        profile_url: 'https://x.com/utgwkk'
+    },
+    {
+        name: '941',
+        avatar_url: './images/individual-sponsors/941.jpg',
+        profile_url: 'https://x.com/941'
+    },
+    {
+        name: 'jitsu',
+        avatar_url: './images/individual-sponsors/jitsu.jpg',
+        profile_url: 'https://x.com/jitsu'
+    },
+    {
+        name: 'turugina',
+        avatar_url: './images/individual-sponsors/turugina.png',
+        profile_url: 'https://x.com/turugina'
+    },
+    {
+        name: 'fuba',
+        avatar_url: './images/individual-sponsors/fuba.jpg',
+        profile_url: 'https://x.com/fuba'
+    },
+    {
+        name: 'gennei',
+        avatar_url: './images/individual-sponsors/gennei.jpg',
+        profile_url: 'https://x.com/gennei'
+    },
+    {
+        name: 'teckl',
+        avatar_url: './images/individual-sponsors/teckl.jpg',
+        profile_url: 'https://x.com/teckl'
+    },
+    {
+        name: 'suno88',
+        avatar_url: './images/individual-sponsors/suno88.jpg',
+        profile_url: 'https://www.facebook.com/suno88'
+    },
+    {
+        name: 'noto',
+        avatar_url: './images/individual-sponsors/noto.jpg',
+        profile_url: 'https://x.com/noto'
+    },
+    {
+        name: 'takeyuweb',
+        avatar_url: './images/individual-sponsors/takeyuweb.jpg',
+        profile_url: 'https://x.com/takeyuweb'
+    },
+    {
+        name: 'masaya_dev',
+        avatar_url: './images/individual-sponsors/masaya_dev.jpg',
+        profile_url: 'https://x.com/masaya_dev'
+    },
+    {
+        name: 'ysaito8015',
+        avatar_url: './images/individual-sponsors/ysaito8015.jpg',
+        profile_url: 'https://x.com/ysaito8015'
+    },
+    {
+        name: 'hiratara',
+        avatar_url: './images/individual-sponsors/hiratara.jpg',
+        profile_url: 'https://x.com/hiratara'
+    },
+    {
+        name: 'maka2_donzoko',
+        avatar_url: './images/individual-sponsors/maka2_donzoko.png',
+        profile_url: 'https://x.com/maka2_donzoko'
+    },
+    {
+        name: 'asumikam',
+        avatar_url: './images/individual-sponsors/asumikam.jpg',
+        profile_url: 'https://x.com/asumikam'
+    },
+    {
+        name: 'fujiwara',
+        avatar_url: './images/individual-sponsors/fujiwara.jpg',
+        profile_url: 'https://x.com/fujiwara'
+    },
+    {
+        name: 'sugyan',
+        avatar_url: './images/individual-sponsors/sugyan.png',
+        profile_url: 'https://github.com/sugyan'
+    },
+    {
+        name: 'cohalz',
+        avatar_url: './images/individual-sponsors/cohalz.png',
+        profile_url: 'https://x.com/cohalz'
+    },
+    {
+        name: 'free_world21',
+        avatar_url: './images/individual-sponsors/free_world21.jpg',
+        profile_url: 'https://x.com/free_world21'
+    },
+    {
+        name: 'koba789',
+        avatar_url: './images/individual-sponsors/koba789.webp',
+        profile_url: 'https://misskey.io/@koba789'
+    },
+    {
+        name: 'mackee_w',
+        avatar_url: './images/individual-sponsors/mackee_w.jpg',
+        profile_url: 'https://x.com/mackee_w/'
+    },
+    {
+        name: 'magnolia_k_',
+        avatar_url: './images/individual-sponsors/magnolia_k_.jpg',
+        profile_url: 'https://x.com/magnolia_k_'
+    },
+    {
+        name: 'i47_rozary',
+        avatar_url: './images/individual-sponsors/i47_rozary.png',
+        profile_url: 'https://x.com/i47_rozary'
+    },
+    {
+        name: 'temama.bsky.social',
+        avatar_url: './images/individual-sponsors/temama.bsky.social.jpg',
+        profile_url: 'https://bsky.app/profile/temama.bsky.social'
+    },
+    {
+        name: 'bulkneets',
+        avatar_url: './images/individual-sponsors/bulkneets.jpg',
+        profile_url: 'https://x.com/bulkneets'
+    },
+    {
+        name: 'kanahiro_iguchi',
+        avatar_url: './images/individual-sponsors/kanahiro_iguchi.jpg',
+        profile_url: 'https://x.com/kanahiro_iguchi'
+    },
+    {
+        name: 'chan_san_jp',
+        avatar_url: './images/individual-sponsors/chan_san_jp.jpg',
+        profile_url: 'https://x.com/chan_san_jp'
+    },
+    {
+        name: 'yammerjp',
+        avatar_url: './images/individual-sponsors/yammerjp.jpg',
+        profile_url: 'https://x.com/yammerjp'
+    },
+    {
+        name: 'myz',
+        avatar_url: './images/individual-sponsors/myz.png',
+        profile_url: '' // myz さんはリンク無し指定
+    }
+];
+
+module.exports = indivdualSponsors

2024hakodate/src/index.ejs

@@ -38,6 +38,7 @@
 		<div id="menu" class="hidden">
 			<a href="https://fortee.jp/yapc-hakodate-2024/timetable" class="block p-4 border-b border-gray-700 hover:bg-gray-700">タイムテーブル</a>
 			<a href="https://blog.yapcjapan.org/" class="block p-4 border-b border-gray-700 hover:bg-gray-700">BLOG</a>
+			<a href="/2024hakodate/individual-sponsors" class="block p-4 border-b border-gray-700 hover:bg-gray-700">個人スポンサー</a>
 			<a href="https://x.com/yapcjapan" class="block p-4">X</a>
 		</div>
 	</nav>

2024hakodate/src/individual-sponsors.ejs

@@ -0,0 +1,23 @@
+<%- include('partial/header'); -%>
+    <section class="section flex flex-col">
+        <h2 class="en-serif-bold text-4xl sm:text-6xl text-center mb-16">個人スポンサー</h2>
+		<div class="container pb-32 m-auto text-primary ">
+			<div class="p-2 mx-auto max-w-5xl">
+				<div class="flex flex-wrap justify-center gap-5">
+					<% for (const member of locals.individualSponsors) { %>
+						<div class="flex-3 mt-6 text-center sm:mt-8 basis-32 sm:basis-48">
+							<a href="<%= member.profile_url %>" target="_blank">
+								<div class="">
+									<img class="object-cover rounded-full w-full" src="<%= member.avatar_url %>" alt="" />
+								</div>
+								<div class="block pt-4 font-bold">
+									<%= member.name %>
+								</div>
+							</a>
+						</div>
+						<%}%>
+				</div>
+			</div>
+		</div>
+    </section>
+<%- include('partial/footer'); -%>

2024hakodate/src/partial/footer.ejs

@@ -0,0 +1,9 @@
+</div>
+<footer class="flex flex-col items-center mb-10 mt-32 mx-auto text-jpa"> <img src="./images/jpa.png" alt="JPA"
+    class="w-[90px]">
+<p class="mt-3 text-xs text-jpa">© Japan Perl Association</p>
+</footer>
+<script src="./scripts/index.ts" type="module"></script>
+</body>
+
+</html>

2024hakodate/src/partial/header.ejs

@@ -0,0 +1,50 @@
+<html>
+
+<head>
+	<title>YAPC::Hakodate 2024</title>
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link
+		href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,500;0,700;1,500;1,700&family=Roboto:wght@400;500;700&family=IBM+Plex+Mono:wght@400&display=swap"
+		rel="stylesheet">
+	<link rel="stylesheet"
+		href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+	<meta name="twitter:card" content="summary_large_image">
+	<meta name="twitter:title" content="YAPC::Hakodate 2024">
+	<meta name="twitter:image" content="./images/ogimage.png">
+	<meta property="og:title" content="YAPC::Hakodate 2024">
+	<meta property="og:description" content="YAPC::Hakodate 2024">
+	<meta property="og:image" content="./images/ogimage.png">
+	<link rel="icon" href="./images/favicon.svg" type="image/svg+xml">
+</head>
+
+<body class="bg-default text-default">
+	<nav class="bg-gray-800 text-white">
+		<div class=" flex justify-between items-center">
+			<div>
+				<div class="bg-key tri-right flex items-center pl-4 w-32 sm:w-40 h-10 sm:h-14">
+					<a href="/2024hakodate/">
+						<img class="w-6 sm:w-8" src="./images/logo_small.svg" alt="YAPC::Hakodate 2024" />
+					</a>
+				</div>
+			</div>
+
+			<button id="menu-btn" class="material-symbols-outlined hamburger focus:outline-none" aria-label="メニューを開く">
+				menu
+			</button>
+		</div>
+		<div id="menu" class="hidden">
+			<a href="https://fortee.jp/yapc-hakodate-2024/timetable" class="block p-4 border-b border-gray-700 hover:bg-gray-700">タイムテーブル</a>
+			<a href="https://blog.yapcjapan.org/" class="block p-4 border-b border-gray-700 hover:bg-gray-700">BLOG</a>
+			<a href="/2024hakodate/individual-sponsors" class="block p-4 border-b border-gray-700 hover:bg-gray-700">個人スポンサー</a>
+			<a href="https://x.com/yapcjapan" class="block p-4">X</a>
+		</div>
+	</nav>
+
+	<script>
+		document.getElementById('menu-btn').addEventListener('click', function () {
+			document.getElementById('menu').classList.toggle('hidden');
+		});
+	</script>