Skip to content

Commit 3561dd4

Browse files
Fukusan64Fukusan64
committed
deploy: 77f4f9d 
1 parent e5e2b02 commit 3561dd4

File tree

3 files changed

+97
-7
lines changed

3 files changed

+97
-7
lines changed

‎404.html‎

Lines changed: 48 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,12 +76,59 @@
7676

7777
<body class="bg-linear-106 from-[#9d1e29] to-[#d4932a] text-[#262626] font-bold tracking-wider min-h-dvh p-4 flex">
7878
<div class="bg-white rounded-2xl min-h-full flex-grow flex flex-col">
79-
<h1 class="max-w-lg mx-auto pt-5 px-8">
79+
<h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
8080
<a href="/">
8181
<img src="/img/common/header-logo.webp" alt="DojoCon Japan 2025 Inspire Next." />
8282
</a>
8383
</h1>
8484

85+
<div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
86+
<div
87+
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)]">
88+
<div class="flex items-center justify-between gap-2">
89+
<a href="/" class="flex h-full items-center">
90+
<img src="/img/common/header-logo.webp" class="w-full max-w-[250px] max-h-full"
91+
alt="DojoCon Japan 2025 Inspire Next." />
92+
</a>
93+
<button id="menu-btn" type="button" aria-label="メニューを開く"
94+
class="flex p-2 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
95+
<i class="fa-solid fa-bars"></i>
96+
</button>
97+
</div>
98+
<nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">
99+
<ul
100+
class="flex flex-col min-h-20 items-stretch gap-2 *:px-6 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block">
101+
<li><a href="#outline">開催概要</a></li>
102+
<li><a href="#session">セッション</a></li>
103+
<li><a href="/events">企画</a></li>
104+
<li><a href="/contest">コンテスト</a></li>
105+
<li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li>
106+
<li><a href="/sponsorship">スポンサー募集</a></li>
107+
<li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li>
108+
</ul>
109+
</nav>
110+
</div>
111+
</div>
112+
113+
<script>
114+
document.addEventListener('DOMContentLoaded', function () {
115+
const menuBtn = document.getElementById('menu-btn');
116+
const menuNav = document.getElementById('menu-nav');
117+
if (!menuBtn || !menuNav) return;
118+
119+
menuBtn.addEventListener('click', function () {
120+
menuNav.classList.toggle('flex');
121+
menuNav.classList.toggle('hidden');
122+
});
123+
menuNav.querySelectorAll('a').forEach(function (link) {
124+
link.addEventListener('click', function () {
125+
menuNav.classList.remove('flex');
126+
menuNav.classList.add('hidden');
127+
});
128+
});
129+
});
130+
</script>
131+
85132

86133
<div class="flex-grow">
87134
<style type="text/css" media="screen">

‎feed.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://dojocon2025.coderdojo.jp/feed.xml" rel="self" type="application/atom+xml" /><link href="https://dojocon2025.coderdojo.jp/" rel="alternate" type="text/html" /><updated>2025-08-16T13:37:18+09:00</updated><id>https://dojocon2025.coderdojo.jp/feed.xml</id><title type="html">DojoCon Japan</title><subtitle>DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。</subtitle></feed>
1+
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://dojocon2025.coderdojo.jp/feed.xml" rel="self" type="application/atom+xml" /><link href="https://dojocon2025.coderdojo.jp/" rel="alternate" type="text/html" /><updated>2025-08-17T03:18:47+09:00</updated><id>https://dojocon2025.coderdojo.jp/feed.xml</id><title type="html">DojoCon Japan</title><subtitle>DojoCon Japan は CoderDojo コミュニティのカンファレンスイベントです。CoderDojo 関係者を対象に運営ノウハウの共有や関係者同士の交流などを目的として毎年開催されています。</subtitle></feed>

‎index.html‎

Lines changed: 48 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -78,14 +78,57 @@
7878
<div class="bg-white rounded-2xl min-h-full flex-grow flex flex-col">
7979
<div class="flex-grow">
8080
<div class="bg-[url(/img/top/header-background.webp)] bg-contain bg-no-repeat bg-top bg-center">
81-
<h1 class="max-w-lg mx-auto pt-5 px-8">
81+
<h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
8282
<a href="/">
8383
<img src="/img/common/header-logo.webp" alt="DojoCon Japan 2025 Inspire Next." />
8484
</a>
8585
</h1>
8686

87+
<div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
88+
<div 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" alt="DojoCon Japan 2025 Inspire Next." />
92+
</a>
93+
<button id="menu-btn" type="button" aria-label="メニューを開く" class="flex p-2 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
94+
<i class="fa-solid fa-bars"></i>
95+
</button>
96+
</div>
97+
<nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">
98+
<ul class="flex flex-col min-h-20 items-stretch gap-2 *:px-6 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&amp;_a]:block">
99+
<li><a href="#outline">開催概要</a></li>
100+
<li><a href="#session">セッション</a></li>
101+
<li><a href="/events">企画</a></li>
102+
<li><a href="/contest">コンテスト</a></li>
103+
<li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li>
104+
<li><a href="/sponsorship">スポンサー募集</a></li>
105+
<li><a href="https://forms.gle/t9ctDcuZZ8cqqFtR6" target="_blank">お問い合わせ</a></li>
106+
</ul>
107+
</nav>
108+
</div>
109+
</div>
110+
111+
<script>
112+
document.addEventListener('DOMContentLoaded', function () {
113+
const menuBtn = document.getElementById('menu-btn');
114+
const menuNav = document.getElementById('menu-nav');
115+
if (!menuBtn || !menuNav) return;
116+
117+
menuBtn.addEventListener('click', function () {
118+
menuNav.classList.toggle('flex');
119+
menuNav.classList.toggle('hidden');
120+
});
121+
menuNav.querySelectorAll('a').forEach(function (link) {
122+
link.addEventListener('click', function () {
123+
menuNav.classList.remove('flex');
124+
menuNav.classList.add('hidden');
125+
});
126+
});
127+
});
128+
</script>
129+
87130

88-
<div class="max-w-[1500px] mt-2 xl:-mt-14 mx-auto px-[2%] md:px-8">
131+
<div class="max-w-[1500px] mt-25 xl:-mt-14 mx-auto px-[2%] md:px-8 ">
89132
<img src="/img/top/hero-image.webp" alt="好奇心に火をつけよう！！ Inspire Next" />
90133
</div>
91134

@@ -99,7 +142,7 @@ <h1 class="max-w-lg mx-auto pt-5 px-8">
99142

100143
</div>
101144

102-
<div class="mx-4 sticky top-4 z-10">
145+
<div class="hidden xl:block sticky mx-4 top-4 z-10">
103146
<nav class="rounded-[40px] w-fit mx-auto bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_10px_rgba(125,125,125,0.15)]">
104147
<ul class="flex flex-wrap min-h-20 items-center p-5 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-6">
105148
<li><a href="#outline">開催概要</a></li>
@@ -113,7 +156,7 @@ <h1 class="max-w-lg mx-auto pt-5 px-8">
113156
</nav>
114157
</div>
115158

116-
<h2 id="outline" class="text-4xl text-center mb-8 pt-20">
159+
<h2 id="outline" class="text-4xl text-center mb-8 pt-28 -mt-8">
117160
開催概要
118161
<span class="block mt-5 text-2xl">OUTLINE</span>
119162
</h2>
@@ -347,7 +390,7 @@ <h2 class="text-4xl text-center mb-12">
347390
<img class="w-full" src="/img/top/background2.webp" />
348391
</div>
349392

350-
<div id="session" class="max-w-3xl lg:max-w-[1800px] px-8 mx-auto mt-8 mb-16 flex flex-col lg:-mt-64 lg:flex-row items-center lg:items-start">
393+
<div id="session" class="max-w-3xl lg:max-w-[1800px] pt-28 pb-8 mx-auto -mt-12 mb-16 flex flex-col lg:-mt-64 lg:flex-row items-center lg:items-start">
351394
<div class="w-full lg:w-2/5 mb-8 lg:mt-68">
352395
<div class="lg:max-w-sm lg:place-self-end lg:mr-[10%]">
353396
<h2 class="text-4xl mb-4 text-center lg:text-left">

0 commit comments

Comments
 (0)