diff --git a/_includes/navbar.html b/_includes/navbar.html index bf978c5e..bc531f7f 100644 --- a/_includes/navbar.html +++ b/_includes/navbar.html @@ -1,31 +1,14 @@ -
-
- + diff --git a/_includes/top/sections/about-coderdojo.html b/_includes/top/sections/about-coderdojo.html new file mode 100644 index 00000000..670c37a2 --- /dev/null +++ b/_includes/top/sections/about-coderdojo.html @@ -0,0 +1,40 @@ +
+
+
+ + + + + +

+ About CoderDojo + +

+ + +
+

+ CoderDojoは子ども達にプログラミングを学ぶ場を提供する、ボランティア主導の世界的な非営利活動です。 +

+

+ CoderDojoは2011年にアイルランドから始まり、現在は世界100カ国に2,000以上の道場があり、日本国内でも全国200以上の道場で毎年1,000回以上(*1)開催されています。CoderDojoはエンジニアやデザイナー、各地域の保護者や学生、研究者や経営者など（メンター）と子どもが出会える場にもなっています。
+ *1 統計情報:https://coderdojo.jp/stats +

+
+
+
+ + + + + + +
+ +
+
diff --git a/_includes/top/sections/inspire-next.html b/_includes/top/sections/inspire-next.html new file mode 100644 index 00000000..a22faab8 --- /dev/null +++ b/_includes/top/sections/inspire-next.html @@ -0,0 +1,47 @@ + + + + +
+
+

+ Inspire NEXT ～好奇心に火をつけよう～ + +

+ +
+ 今年のDojoCon Japanのテーマは「Inspire NEXT〜好奇心に火をつけよう〜」です。
+ この言葉には、「次の一歩をふみ出すきっかけになるようなひらめきや刺激を届けたい」という思いがこめられています。プログラミングやテクノロジーの世界は、AIなど新しいことがどんどん出てきて、変わり続けています。でも、子どもたちの「やってみたい！」「知りたい！」という好奇心は、いつの時代も変わりません。
+ CoderDojoは、そんな好奇心を大切にし、応援する場所です。
+ このイベントを通して、子どもも大人も、次のチャレンジに向かう気持ちに火がつくような出会いや体験を届けたいと考えています。新しい道場を作ってみたくなったり、今の道場をもっと良くしたくなったり――
+ そんな「次」への一歩をみんなで応援します。 +
+
+ +
+ +
+
diff --git a/_includes/top/sections/keynote.html b/_includes/top/sections/keynote.html new file mode 100644 index 00000000..f0d59d9b --- /dev/null +++ b/_includes/top/sections/keynote.html @@ -0,0 +1,53 @@ +

+ 基調講演 + KEYNOTE 01 +

+ +
+
+

+ 生成AI時代における
+ 「子どもたちの創造」と学び +

+

宮島 衣瑛（みやじま きりえ）

+

+ 一般社団法人 CoderDojo Japan 理事
+ CoderDojo Kashiwa Champion +

+

+ AI（人工知能）がどんどん進化し、わたしたちのまわりにも当たり前のように使われるようになってきました。そんな時代に、子どもたちはどんなふうに学び、何を創り出していくのでしょうか？
+ この講演では、生成AIの今とこれから、そしてAIとともに学ぶことの楽しさや可能性について、わかりやすくお話しします。
+ 未来をつくる子どもたちの「創造力」を育むために、わたしたち大人ができること、CoderDojoが果たせる役割についても、一緒に考えていきましょう。 +

+
+
+
+ 宮島 衣瑛 +
+
+
+ +
+
+

+ 生成AIをはじめ急速に変化する環境で、
+ 子どもの好奇心をどう伸ばすか +

+

小宮山 利恵子（こみやま りえこ）

+

+ スタディサプリ教育AI研究所所長
+ 国立大学法人 東京学芸大学大学院教育学研究科准教授 +

+

+ AIやテクノロジーの進化によって、わたしたちの生活や学びの環境は、これまでにないスピードで変わっています。そんな時代に、子どもたちの「知りたい！」「やってみたい！」という気持ちをどう育てていけばいいのでしょうか？
+ そして、子どもたちの好奇心を守り、伸ばすために、大人にはどんなかかわり方ができるのでしょうか？教育とテクノロジーの専門家である小宮山さんが、たくさんの事例をまじえながら、未来の学びについてやさしく語ってくれます。 +

+
+
+
+ 小宮山 利恵子 +
+
+
diff --git a/_includes/top/sections/news.html b/_includes/top/sections/news.html new file mode 100644 index 00000000..a7e3a1e4 --- /dev/null +++ b/_includes/top/sections/news.html @@ -0,0 +1,16 @@ +

+ お知らせ + NEWS +

+ +
+ +
diff --git a/_includes/top/sections/organized-by.html b/_includes/top/sections/organized-by.html new file mode 100644 index 00000000..3be2aec4 --- /dev/null +++ b/_includes/top/sections/organized-by.html @@ -0,0 +1,8 @@ +

+ 主催 + ORGANIZED BY +

+

+ DojoCon Japan 2025 実行委員会
+ 一般社団法人 CoderDojo Japan +

diff --git a/_includes/top/sections/outline.html b/_includes/top/sections/outline.html new file mode 100644 index 00000000..d4dda536 --- /dev/null +++ b/_includes/top/sections/outline.html @@ -0,0 +1,38 @@ +

+ 開催概要 + OUTLINE +

+ +
+
+
+
+ +
+

開催日時

+
+ +
+
+ +
+

福岡県久留米市六ツ門町８−１

+
+ +
+
+ +
+

久留米市シティプラザ

+
+ +
+
+ +
+

参加無料

+
+
+
diff --git a/_includes/top/sections/session.html b/_includes/top/sections/session.html new file mode 100644 index 00000000..49042262 --- /dev/null +++ b/_includes/top/sections/session.html @@ -0,0 +1,27 @@ +
+
+
+

+ セッション + SESSION +

+

+ さまざまな分野で活やくしている人たちの話を聞いて、考え方やアイデアを広げてみよう。
+ プログラミングや教育、地域での活動など、たくさんのヒントがつまった時間です。 +

+
+
+ + +
diff --git a/_includes/top/sections/sponsor.html b/_includes/top/sections/sponsor.html new file mode 100644 index 00000000..7db440ff --- /dev/null +++ b/_includes/top/sections/sponsor.html @@ -0,0 +1,45 @@ +

+ スポンサー + SPONSOR +

+ +

ゴールドスポンサー + GOLD SPONSOR +

+ +
+ ゴールドスポンサーのロゴ +
+ +

シルバースポンサー + SILVER SPONSOR +

+ +
+
シルバースポンサーのロゴ +
+
シルバースポンサーのロゴ +
+
+ +

ブロンズスポンサー + BRONZE SPONSOR +

+ +
+
ブロンズスポンサーのロゴ +
+
ブロンズスポンサーのロゴ +
+
+ +

インカインドスポンサー + IN-KIND SPONSOR +

+ +
+
インカインドスポンサーのロゴ +
+
インカインドスポンサーのロゴ +
+
diff --git a/_includes/top/sections/staff.html b/_includes/top/sections/staff.html new file mode 100644 index 00000000..e8622051 --- /dev/null +++ b/_includes/top/sections/staff.html @@ -0,0 +1,48 @@ +

+ 実行員紹介 + STAFF +

+ + + + + +
+ +
diff --git a/_includes/top/sections/workshop.html b/_includes/top/sections/workshop.html new file mode 100644 index 00000000..248604b3 --- /dev/null +++ b/_includes/top/sections/workshop.html @@ -0,0 +1,28 @@ +
+
+
+

+ ワークショップ + WORKSHOP +

+

+ 実際にプログラミングやものづくりを体験できるコーナーです。
+ 気になっていたことにチャレンジしたり、新しい道具や考え方にふれるチャンス！ +

+
+
+ + +
diff --git a/_sass/components/staff.scss b/_sass/components/staff.scss index c0679e02..c3f66dfe 100644 --- a/_sass/components/staff.scss +++ b/_sass/components/staff.scss @@ -1,49 +1,20 @@ @use '../global/variables' as *; +// 以下のように並ばせたい +// 1, 2, 3, 4 +// 5, 6, 7 +// 8, 9, 10, 11 +// 12, 13, 14 +// ... + .staff { - background: #FBF6FA; - padding: 48px 0; - &-inner { - margin: 48px 24px; - padding: 60px; - border-radius: 40px; - background: #fff; - @media screen and (max-width: 992px) { - padding: 30px; - border-radius: 20px; - } + // 奇数行目の要素の左右に margin を追加することで、1行の個数を3個に制限する + // 5, 12, 19, 26, ... の要素は左側に150pxのマージンを追加 + li:nth-child(7n+5) { + margin-left: 150px } - &-list { - margin: 24px 0 0 0; - padding: 0; - list-style: none; - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 48px; - li { - width: 120px; - position: relative; - text-align: center; - - img { - width: 120px; - height: 120px; - border-radius: 50%; - object-fit: cover; - border:5px solid #ccc; - position: relative; - transition: all 0.3s; - } - a { - text-decoration: none; - &:hover { - img { - border: 5px solid $red; - transition: all 0.3s; - } - } - } - } + // 7 の倍数(7, 14, 21, 28, ...)個目の要素は右側に150pxのマージンを追加 + li:nth-child(7n) { + margin-right: 150px; } } diff --git a/_sass/includes/navbar.scss b/_sass/includes/navbar.scss deleted file mode 100644 index 2ed32894..00000000 --- a/_sass/includes/navbar.scss +++ /dev/null @@ -1,70 +0,0 @@ -@use '../global/variables' as *; - -/* stylesheet for `_includes/navbar.html` */ - -.navbar-light .navbar-nav .active>.nav-link, -.navbar-light .navbar-nav .nav-link.active, -.navbar-light .navbar-nav .nav-link.show, -.navbar-light .navbar-nav .show>.nav-link { - color: black; -} -.navbar-light .navbar-nav .nav-link.active{ - padding-left:15px ; - padding-right: 15px; -} -.navbar-expand-lg .navbar-collapse { - justify-content: flex-end; -} - -.link_button{ - position: relative; - display: flex; - justify-content: space-around; - align-items: center; - margin: 0 auto; - max-width: 240px; - padding: 5px 30px; - color: white; - transition: 0.3s ease-in-out; - font-weight: normal; - background: $main-color; - border-radius: 8px; - border-bottom: solid 5px #5c1b29; -} -.link_button:hover { - border-bottom: solid 2px #5c1b29; - transform: translateY(3px); -} -.disable_button{ - position: relative; - display: flex; - justify-content: space-around; - align-items: center; - margin: 0 auto; - max-width: 240px; - padding: 5px 30px; - color: #666; - transition: 0.3s ease-in-out; - font-weight: normal; - background: #ccc; - border-radius: 8px; - border-bottom: solid 5px #ddd; -} - -@media screen and (max-width: 640px) { - .navbar-brand { - display: flex; - align-items: center; - img { - max-width: 70vw; - height: auto; - } - } -} -@media screen and (max-width: 360px) { - .navbar-brand { - img { - max-width: 60vw; - } - } -} diff --git a/css/main.scss b/css/main.scss index c955ae92..ee1b92ba 100644 --- a/css/main.scss +++ b/css/main.scss @@ -18,7 +18,6 @@ @use 'pages/workshop'; @use 'pages/sponsors'; -@use 'includes/navbar'; @use 'includes/footer'; @use 'custom'; diff --git a/img/2025/top/about-coderdojo/about-coderdojo-heading.webp b/img/2025/top/about-coderdojo/about-coderdojo-heading.webp new file mode 100644 index 00000000..ec832b6c Binary files /dev/null and b/img/2025/top/about-coderdojo/about-coderdojo-heading.webp differ diff --git a/img/2025/top/about-coderdojo/coderdojo-logo-transparent.webp b/img/2025/top/about-coderdojo/coderdojo-logo-transparent.webp new file mode 100644 index 00000000..b2fd484a Binary files /dev/null and b/img/2025/top/about-coderdojo/coderdojo-logo-transparent.webp differ diff --git a/img/2025/top/about-coderdojo/dojocon.webp b/img/2025/top/about-coderdojo/dojocon.webp new file mode 100644 index 00000000..1904dc01 Binary files /dev/null and b/img/2025/top/about-coderdojo/dojocon.webp differ diff --git a/img/2025/top/background1.webp b/img/2025/top/background1.webp new file mode 100644 index 00000000..bc5d8d0e Binary files /dev/null and b/img/2025/top/background1.webp differ diff --git a/img/2025/top/background2.webp b/img/2025/top/background2.webp new file mode 100644 index 00000000..5b208177 Binary files /dev/null and b/img/2025/top/background2.webp differ diff --git a/img/2025/top/background3.webp b/img/2025/top/background3.webp new file mode 100644 index 00000000..fcf820b3 Binary files /dev/null and b/img/2025/top/background3.webp differ diff --git a/img/2025/top/background4.webp b/img/2025/top/background4.webp new file mode 100644 index 00000000..e08b3cb8 Binary files /dev/null and b/img/2025/top/background4.webp differ diff --git a/img/2025/top/background5.webp b/img/2025/top/background5.webp new file mode 100644 index 00000000..6cc58440 Binary files /dev/null and b/img/2025/top/background5.webp differ diff --git a/img/2025/top/inspire-next/exhibit.webp b/img/2025/top/inspire-next/exhibit.webp new file mode 100644 index 00000000..7be6e7cc Binary files /dev/null and b/img/2025/top/inspire-next/exhibit.webp differ diff --git a/img/2025/top/inspire-next/fire-transparent.webp b/img/2025/top/inspire-next/fire-transparent.webp new file mode 100644 index 00000000..223d0f4b Binary files /dev/null and b/img/2025/top/inspire-next/fire-transparent.webp differ diff --git a/img/2025/top/inspire-next/inspire-next-heading.webp b/img/2025/top/inspire-next/inspire-next-heading.webp new file mode 100644 index 00000000..2ff83d21 Binary files /dev/null and b/img/2025/top/inspire-next/inspire-next-heading.webp differ diff --git a/img/2025/top/outline/city-plaza.webp b/img/2025/top/outline/city-plaza.webp new file mode 100644 index 00000000..f31e9b03 Binary files /dev/null and b/img/2025/top/outline/city-plaza.webp differ diff --git a/img/2025/top/outline/date.webp b/img/2025/top/outline/date.webp new file mode 100644 index 00000000..dc82d3d2 Binary files /dev/null and b/img/2025/top/outline/date.webp differ diff --git a/img/2025/top/outline/free.webp b/img/2025/top/outline/free.webp new file mode 100644 index 00000000..e3e5a7fb Binary files /dev/null and b/img/2025/top/outline/free.webp differ diff --git a/img/2025/top/outline/kurume-kappa.webp b/img/2025/top/outline/kurume-kappa.webp new file mode 100644 index 00000000..5e2b1259 Binary files /dev/null and b/img/2025/top/outline/kurume-kappa.webp differ diff --git a/index.md b/index.md index 2fd649db..3b788371 100644 --- a/index.md +++ b/index.md @@ -6,3 +6,46 @@ layout: top {% include top/sections/hero.html %} + +{% include navbar.html %} + +{% include top/sections/outline.html %} + +{% include top/sections/about-coderdojo.html %} + +{% include top/sections/inspire-next.html %} + +{% include top/sections/news.html %} + +
+ +
+ +{% include top/sections/keynote.html %} + +
+ +
+ +{% include top/sections/session.html %} + +{% include top/sections/workshop.html %} + +
+ +
+ +{% include top/sections/sponsor.html %} + +
+ +
+ +{% include top/sections/contact.html %} + +
+ +
+ +{% include top/sections/organized-by.html %} +{% include top/sections/staff.html %}