Skip to content

Commit 0c13675

Browse files
mucho613mucho613
committed
deploy: f4899a7 
1 parent 07b3b0c commit 0c13675

File tree

4 files changed

+428
-1
lines changed

4 files changed

+428
-1
lines changed

‎events/index.html‎

Lines changed: 201 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,201 @@
1+
2+
3+
4+
<!DOCTYPE html>
5+
<html lang="ja" dir="ltr">
6+
<head>
7+
<meta charset="utf-8">
8+
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
9+
10+
11+
<title>Events | DojoCon Japan 2025</title>
12+
13+
14+
<!-- Meta -------------------------- -->
15+
<meta property="fb:app_id" content="1750803431730303" />
16+
<meta name="twitter:card" content="summary_large_image" />
17+
<meta name="twitter:site" content="@DojoConJapan" />
18+
19+
<meta name="twitter:title" content="Events | DojoCon Japan 2025" />
20+
<meta property="og:title" content="Events | DojoCon Japan 2025" />
21+
22+
23+
24+
<meta name="twitter:image" content="https://dojocon2025.coderdojo.jp/img/ogp/ogp.jpg" />
25+
<meta property="og:image" content="https://dojocon2025.coderdojo.jp/img/ogp/ogp.jpg" />
26+
27+
28+
29+
<meta property="og:type" content="article" />
30+
31+
32+
<meta property="og:url" content="https://dojocon2025.coderdojo.jp/events/" />
33+
34+
<meta property="og:description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" />
35+
<meta name="twitter:description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" />
36+
<meta name="description" content="DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。" />
37+
38+
39+
<!-- リリースまで検索エンジンのインデックスから除外する -->
40+
<meta name="robots" content="noindex">
41+
42+
<!-- Google Analytics -------------------------- -->
43+
44+
<!-- Google tag (gtag.js) -->
45+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-40RZ5HKFJ0"></script>
46+
<script>
47+
window.dataLayer = window.dataLayer || [];
48+
function gtag(){dataLayer.push(arguments);}
49+
gtag('js', new Date());
50+
51+
gtag('config', 'G-40RZ5HKFJ0');
52+
</script>
53+
54+
55+
56+
<!-- Favicon -------------------------- -->
57+
<link rel="icon" href="/img/favicon/favicon.svg" sizes="any" type="image/svg+xml">
58+
<link rel="icon" href="/img/favicon/favicon.webp" sizes="512" type="image/webp">
59+
<link rel="apple-touch-icon" href="/img/favicon/apple-touch-icon.png"> <!-- 192x192px -->
60+
<!-- favicon.ico をルートディレクトリにそっと置く。しかしheadには書かない。 -->
61+
62+
<!-- CSS Framework -------------------------- -->
63+
<!-- Font Awasome https://fontawesome.com/ -->
64+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
65+
<!-- Tailwind CSS -->
66+
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
67+
68+
<!-- CSS -------------------------- -->
69+
<!-- DojoCon CSS -->
70+
<link rel="stylesheet" href="/css/main.css" />
71+
72+
<!-- JS Framework -------------------------- -->
73+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
74+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
75+
</head>
76+
77+
78+
<body class="bg-linear-106 from-[#9d1e29] to-[#d4932a] text-[#262626] font-bold tracking-wider min-h-dvh p-4 flex">
79+
<div class="bg-white rounded-2xl min-h-full flex-grow flex flex-col">
80+
<h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
81+
<a href="/">
82+
<img src="/img/common/header-logo.webp" alt="DojoCon Japan 2025 Inspire Next." />
83+
</a>
84+
</h1>
85+
86+
<div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
87+
<div
88+
class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] px-5 py-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]">
89+
<div class="flex items-center justify-between gap-2">
90+
<a href="/" class="flex h-full items-center">
91+
<img src="/img/common/header-logo.webp" class="w-full max-w-[250px] max-h-full"
92+
alt="DojoCon Japan 2025 Inspire Next." />
93+
</a>
94+
<button id="menu-btn" type="button" aria-label="メニューを開く"
95+
class="flex p-2 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
96+
<i class="fa-solid fa-bars"></i>
97+
</button>
98+
</div>
99+
<nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">
100+
<ul
101+
class="flex flex-col min-h-20 items-stretch gap-2 *:px-6 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block">
102+
<li><a href="#outline">開催概要</a></li>
103+
<li><a href="#session">セッション</a></li>
104+
<li><a href="/events/">企画</a></li>
105+
<li><a href="/contests/">コンテスト</a></li>
106+
<li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li>
107+
<li><a href="/sponsorship/">スポンサー募集</a></li>
108+
<li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li>
109+
</ul>
110+
</nav>
111+
</div>
112+
</div>
113+
114+
<script>
115+
document.addEventListener('DOMContentLoaded', function () {
116+
const menuBtn = document.getElementById('menu-btn');
117+
const menuNav = document.getElementById('menu-nav');
118+
if (!menuBtn || !menuNav) return;
119+
120+
menuBtn.addEventListener('click', function () {
121+
menuNav.classList.toggle('flex');
122+
menuNav.classList.toggle('hidden');
123+
});
124+
menuNav.querySelectorAll('a').forEach(function (link) {
125+
link.addEventListener('click', function () {
126+
menuNav.classList.remove('flex');
127+
menuNav.classList.add('hidden');
128+
});
129+
});
130+
});
131+
</script>
132+
133+
134+
<div class="flex-grow">
135+
<h2 id="outline" class="text-4xl text-center mb-8 pt-40 xl:pt-20">
136+
企画
137+
<span class="block mt-5 text-2xl">EVENTS</span>
138+
</h2>
139+
140+
<ul class="max-w-7xl mx-auto mb-8 px-4 sm:px-8 flex flex-wrap justify-between gap-y-16">
141+
142+
<li class="w-full md:w-[47%] rounded-xl">
143+
144+
<a href="/events/saikyo-coderdojo/">
145+
<h3 class="text-2xl mb-2 hover:text-[#cc8f2e] transition-colors duration-200">ぼくのかんがえたさいきょうのCoderDojoワークショップ</h3>
146+
</a>
147+
148+
149+
150+
<span class="block w-fit mb-4 min-w-24 text-center px-4 py-px rounded-xs bg-[#cc8f2e] text-white">ワークショップ</span>
151+
152+
153+
<div class="text-gray-600">
154+
理想のCoderDojoをみんなで考えるワークショップです。ワークシートに自分が考える理想のCoderDojoを書いて、他の参加者とシェアしましょう。
155+
</div>
156+
157+
158+
<a class="block w-fit my-2 border rounded p-2 hover:bg-[#cc8f2e] hover:text-white transition-colors duration-200" href="/events/saikyo-coderdojo/">
159+
<i class="fas fa-file mx-1"></i> 詳細を見る
160+
</a>
161+
162+
163+
<div class="flex gap-x-4 mt-8">
164+
<img src="/img/events/saikyo-coderdojo.webp" />
165+
</div>
166+
</li>
167+
168+
</ul>
169+
170+
</div>
171+
172+
<footer class="site-footer">
173+
<div class="footer-logo">
174+
<img src="/img/common/footer-logo.webp" alt="DojoCon Japan 2025 Inspire Next." />
175+
</div>
176+
<div class="footer-social">
177+
<a href="https://x.com/DojoConJapan" target="_blank" rel="noopener" class="social-x" aria-label="X">
178+
<i class="fa-brands fa-x-twitter" style="color:#000000;"></i>
179+
</a>
180+
<a href="https://www.facebook.com/dojoconjapan" target="_blank" rel="noopener" class="social-facebook" aria-label="Facebook">
181+
<i class="fa-brands fa-facebook" style="color:#0866ff;"></i>
182+
</a>
183+
<a href="https://www.youtube.com/channel/UCX3tz875ZDtU85rFkYuwl5w" target="_blank" rel="noopener" class="social-youtube" aria-label="YouTube">
184+
<i class="fa-brands fa-youtube" style="color:#ff0033;"></i>
185+
</a>
186+
</div>
187+
<nav class="footer-links">
188+
<a href="/">ホーム</a>
189+
<a href="/code-of-conduct/">行動規範</a>
190+
<a href="/privacy">プライバシーポリシー</a>
191+
<a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a>
192+
</nav>
193+
<div class="footer-copyright">
194+
&copy; DojoCon Japan 2025 実行委員会
195+
</div>
196+
</footer>
197+
198+
</div>
199+
</body>
200+
201+
</html>

0 commit comments

Comments
 (0)