Skip to content

Commit 4e21938

Browse files
kp54kp54
authored
Merge pull request #16 from coderdojo-japan/feature/hero-section
[DCJ2025-115] TOP ページの hero section を追加
2 parents e015bfb + 88841d3 commit 4e21938

File tree

5 files changed

+39
-2
lines changed

5 files changed

+39
-2
lines changed

‎_includes/top/sections/hero.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<div class="max-w-[1500px] mt-2 xl:-mt-14 mx-auto px-[2%] md:px-8">
2+
<img src="/img/2025/top/hero-image.png" alt="好奇心に火をつけよう！！ Inspire Next" />
3+
</div>
4+
5+
<div class="flex mx-auto max-w-[1020px] justify-center lg:justify-start">
6+
<p class="lg:-mt-6 xl:-mt-10 leading-8 px-6 text-lg font-bold">
7+
DojoCon Japanとは日本の CoderDojo コミュニティメンバーが全国から集まる、<br />
8+
年に1度のカンファレンスイベント(CoderDojo Conference) です。<br />
9+
2016年に始まり、2025年は福岡県久留米市にて開催します。
10+
</p>
11+
</div>

‎_layouts/top.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{% if page_title or page_title == '' %}
2+
{% assign page_title = page.title %}
3+
{% endif %}
4+
{% if page_subtitle or page_subtitle == '' %}
5+
{% assign page_subtitle = page.subtitle %}
6+
{% endif %}
7+
{% assign page_title = page.title %}
8+
<!DOCTYPE html>
9+
<html lang="ja" dir="ltr">
10+
{% include head.html %}
11+
12+
<body class="bg-linear-106 from-[#9d1e29] to-[#d4932a] text-[#262626] font-bold tracking-wider min-h-dvh p-4 flex">
13+
<div class="bg-white rounded-2xl min-h-full flex-grow flex flex-col">
14+
<div class="flex-grow">
15+
{{ content }}
16+
</div>
17+
18+
{% include footer.html %}
19+
</div>
20+
</body>
21+
22+
</html>

‎img/2025/top/header-background.png

302 KB
Loading

‎img/2025/top/hero-image.png

799 KB
Loading

‎index.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
11
---
2-
layout: default
2+
layout: top
33
---
4-
{% include top/sections/contact.html %}
4+
<div class="bg-white bg-[url(/img/2025/top/header-background.png)] bg-contain bg-no-repeat bg-top bg-center rounded-2xl min-h-full flex-grow flex flex-col">
5+
{% include header.html %}
6+
7+
{% include top/sections/hero.html %}
8+
</div>

0 commit comments

Comments
 (0)