Skip to content

Commit d883d66

Browse files
Saku0512Saku0512
committed
feat: イベント詳細ページを追加
1 parent bf30d5f commit d883d66

File tree

8 files changed

+147
-1
lines changed

8 files changed

+147
-1
lines changed

‎images/event/duel_poster.webp‎

574 KB
Loading

‎images/event/puyoteko.png‎

307 KB
Loading

‎images/event/yuugi_poster.webp‎

58.3 KB
Loading

‎pages/event.php‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,7 @@
4545
<div class="description">
4646
<p>会場: 第一体育館</p>
4747
<p>日程: 10月25日（土）11:00-13:00</p>
48+
<a href="./event/puyoteto.php" class="detail">詳細はこちら</a>
4849
</div>
4950
</div>
5051
<div class="event">
@@ -67,13 +68,15 @@
6768
<div class="description">
6869
<p>会場: AL-B（8-303）</p>
6970
<p>日程: 10月25日（土）9:00-16:00</p>
71+
<a href="./event/card_yuugi.php" class="detail">詳細はこちら</a>
7072
</div>
7173
</div>
72-
<div classe="event">
74+
<div class="event">
7375
<p class="event-title">デュエマ大会</p>
7476
<div class="description">
7577
<p>会場: AL-B（8-303）</p>
7678
<p>日程: 10月25日（土）9:00-16:00</p>
79+
<a href="./event/card_duel.php" class="detail">詳細はこちら</a>
7780
</div>
7881
</div>
7982
</div>

‎pages/event/card_duel.php‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<?php
2+
// OGP settings
3+
$ogp_title = 'デュエマ大会 | 高専祭2025';
4+
$ogp_description = '高専祭2025でデュエマ大会を開催します。奮ってご参加ください。';
5+
$ogp_type = 'article';
6+
$ogp_image = (empty($_SERVER['HTTPS']) ? 'http://' : 'https://') . $_SERVER['HTTP_HOST'] . '/2025/images/event/poster.webp';
7+
8+
session_start();
9+
$nonce = base64_encode(random_bytes(16));
10+
header("Content-Security-Policy:
11+
default-src 'self';
12+
script-src 'self' 'nonce-" . $nonce . "';
13+
style-src 'self' 'nonce-" . $nonce . "';
14+
frame-src 'self';
15+
frame-ancestors 'none';
16+
");
17+
?>
18+
<!DOCTYPE html>
19+
<html lang="ja">
20+
<head>
21+
<meta charset="UTF-8">
22+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
23+
<title>デュエマ大会 | 高専祭2025</title>
24+
<link rel="stylesheet" href="../../css/event.css" nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>">
25+
<?php include '../includes/header-favicon.php'; ?>
26+
<script src="../../js/hamburger.js" nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>" defer></script>
27+
</head>
28+
<body>
29+
<?php include '../includes/header.php' ?>
30+
<main>
31+
<?php include '../includes/breadcrumb.php'; render_breadcrumb(); ?>
32+
<p class="event-title">デュエマ大会</p>
33+
<div class="description">
34+
<p>日時：10月25日(土) 9:00~16:00</p>
35+
<p>会場：AL-B（8-303）</p>
36+
<p>参加費は無料です。</p>
37+
<p>自慢のデッキでデュエルしよう！</p>
38+
<p>大会形式：トーナメント形式</p>
39+
<p>参加希望者は当日、会場までお越しください。</p>
40+
<p>以下のリンクから申し込みしてください。</p>
41+
<a href="https://forms.office.com/Pages/ResponsePage.aspx?id=XYP-cpVeEkWK4KezivJfyOmZXv_zmDxKgY7cnTNY2AxUN0RUQUtRRTQzWU1FQk02WlVHVVZaV0dOSS4u&origin=QRCode" class="link">参加申し込みForms</a>
42+
<img src="../../images/event/duel_poster.webp" alt="Duel Poster" class="poster-image">
43+
</div>
44+
</main>
45+
<?php include '../includes/footer.php' ?>
46+
</body>
47+
</html>

‎pages/event/card_yuugi.php‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<?php
2+
// OGP settings
3+
$ogp_title = '遊戯王大会 | 高専祭2025';
4+
$ogp_description = '高専祭2025で遊戯王大会を開催します。奮ってご参加ください。';
5+
$ogp_type = 'article';
6+
$ogp_image = (empty($_SERVER['HTTPS']) ? 'http://' : 'https://') . $_SERVER['HTTP_HOST'] . '/2025/images/event/poster.webp';
7+
8+
session_start();
9+
$nonce = base64_encode(random_bytes(16));
10+
header("Content-Security-Policy:
11+
default-src 'self';
12+
script-src 'self' 'nonce-" . $nonce . "';
13+
style-src 'self' 'nonce-" . $nonce . "';
14+
frame-src 'self';
15+
frame-ancestors 'none';
16+
");
17+
?>
18+
<!DOCTYPE html>
19+
<html lang="ja">
20+
<head>
21+
<meta charset="UTF-8">
22+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
23+
<title>遊戯王大会 | 高専祭2025</title>
24+
<link rel="stylesheet" href="../../css/event.css" nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>">
25+
<?php include '../includes/header-favicon.php'; ?>
26+
<script src="../../js/hamburger.js" nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>" defer></script>
27+
</head>
28+
<body>
29+
<?php include '../includes/header.php' ?>
30+
<main>
31+
<?php include '../includes/breadcrumb.php'; render_breadcrumb(); ?>
32+
<p class="event-title">遊戯王大会</p>
33+
<div class="description">
34+
<p>日時：10月25日(土) 9:00~16:00</p>
35+
<p>会場：AL-B（8-303）</p>
36+
<p>参加費は無料です。</p>
37+
<p>自慢のデッキでデュエルしよう！</p>
38+
<p>大会形式：トーナメント形式</p>
39+
<p>参加希望者は当日、会場までお越しください。</p>
40+
<p>以下のリンクから申し込みしてください。</p>
41+
<a href="https://docs.google.com/forms/d/e/1FAIpQLSewJGuuIuniq1awxzmSJ9kqL4PXb1MWhdE-3REx3hYMVu8SQQ/viewform">参加申し込みForms</a>
42+
<img src="../../images/event/yuugi_poster.webp" alt="Yuugi Poster" class="poster-image">
43+
</div>
44+
</main>
45+
<?php include '../includes/footer.php' ?>
46+
</body>
47+
</html>

‎pages/event/puyoteto.php‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<?php
2+
// OGP settings
3+
$ogp_title = 'ぷよテト大会 | 高専祭2025';
4+
$ogp_description = '高専祭2025でぷよテト大会を開催します。奮ってご参加ください。';
5+
$ogp_type = 'article';
6+
$ogp_image = (empty($_SERVER['HTTPS']) ? 'http://' : 'https://') . $_SERVER['HTTP_HOST'] . '/2025/images/event/poster.webp';
7+
8+
session_start();
9+
$nonce = base64_encode(random_bytes(16));
10+
header("Content-Security-Policy:
11+
default-src 'self';
12+
script-src 'self' 'nonce-" . $nonce . "';
13+
style-src 'self' 'nonce-" . $nonce . "';
14+
frame-src 'self';
15+
frame-ancestors 'none';
16+
");
17+
?>
18+
<!DOCTYPE html>
19+
<html lang="ja">
20+
<head>
21+
<meta charset="UTF-8">
22+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
23+
<title>ぷよテト大会 | 高専祭2025</title>
24+
<link rel="stylesheet" href="../../css/event.css" nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>">
25+
<?php include '../includes/header-favicon.php'; ?>
26+
<script src="../../js/hamburger.js" nonce="<?= htmlspecialchars($nonce, ENT_QUOTES, 'UTF-8') ?>" defer></script>
27+
</head>
28+
<body>
29+
<?php include '../includes/header.php' ?>
30+
<main>
31+
<?php include '../includes/breadcrumb.php'; render_breadcrumb(); ?>
32+
<p class="event-title">ぷよテト大会</p>
33+
<div class="description">
34+
<p>日時：10月25日(土) 11:00~13:00</p>
35+
<p>会場：第一体育館</p>
36+
<p>参加費は無料です。</p>
37+
<p>最強のぷよテトプレイヤーは誰だ！？</p>
38+
<p>大会形式：トーナメント形式</p>
39+
<p>参加希望者は以下のリンクから申し込み完了後、当日会場へお越しください。</p>
40+
<a href="https://forms.office.com/Pages/ResponsePage.aspx?id=XYP-cpVeEkWK4KezivJfyE-ptyii6zlJj-PM44-6mdJUOEtCTEpRM0pFSzJUUUk5UkhUWVQwMUpGNy4u&origin=QRCode" class="link">参加申し込みForms</a>
41+
<img src="../../images/event/puyoteko.png" alt="PuyoTeto Poster" class="poster-image">
42+
</div>
43+
</main>
44+
<?php include '../includes/footer.php' ?>
45+
</body>
46+
</html>

‎pages/includes/breadcrumb.php‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,9 @@ function render_breadcrumb() {
1818
'03' => '松本紀生さんが高専祭にやってくる!',
1919
'04' => 'しらはぎ号が今年も走る!',
2020
'guest' => '松本紀生オーロラフォトライブ',
21+
'card_yuugi' => '遊戯王大会',
22+
'card_duel' => 'デュエマ大会',
23+
'puyoteto' => 'ぷよテト大会',
2124
];
2225

2326
// 現在のURLパスを取得（例: /about/greeting.php）

0 commit comments

Comments
 (0)