diff --git a/_config.yml b/_config.yml index 12191dbc..4f8e6b84 100644 --- a/_config.yml +++ b/_config.yml @@ -3,7 +3,7 @@ # and they will be accessible like {{ site.your_variable }}. timezone: Asia/Tokyo -year: 2024 +year: 2025 title: DojoCon Japan subtitle: "Inspire Next 〜好奇心に火をつけよう〜" description: >- diff --git a/_includes/top/sections/contact.html b/_includes/top/sections/contact.html new file mode 100644 index 00000000..d51eb145 --- /dev/null +++ b/_includes/top/sections/contact.html @@ -0,0 +1,9 @@ +
+
+

お問い合わせ

+

CONTACT

+

DojoCon Japan {{ site.year }} についてのお問い合わせは
以下のリンク先（Googleフォーム）よりお願いいたします。

+ + お問い合わせフォーム +
+
diff --git a/_sass/pages/index.scss b/_sass/pages/index.scss index 5cb925ca..a36840b7 100644 --- a/_sass/pages/index.scss +++ b/_sass/pages/index.scss @@ -1,347 +1,30 @@ -@use '../global/variables' as *; - -/* stylesheet for `index.md` */ -.top { - position: relative; - &-information { - height: 60vh; - height: 60dvh; - min-height: 600px; - text-align: left; - color: $white; - @media screen and (max-width: 992px) { - height: 75vh; - height: 75dvh; - } - - &_date { - font-size: 48px; - font-family: "Poppins", sans-serif; - font-weight: 900; - font-style: normal; - @media screen and (max-width: 992px) { - font-size: 22px; - } - } - &_leadcopy { - font-size: 32px; - font-weight: bold; - @media screen and (max-width: 992px) { - font-size: 20px; - } - } - &_theme { - font-size: 150px; - font-family: "Poppins", sans-serif; - font-weight: 900; - font-style: normal; - line-height: 1.4; - @media screen and (max-width: 992px) { - font-size: 56px; - } - } +#contact { + .header-letter-spacing { + letter-spacing: 0.2em; } - &-videowrap { - position: absolute; - z-index: -1;/*最背面に設定*/ - top: 0; - right:0; - left:0; - bottom:0; - overflow: hidden; - .video { - /*天地中央配置*/ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - /*縦横幅指定*/ - width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */ - height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */ - min-height: 100%; - min-width: 100%; - } + .letter-spacing { + letter-spacing: 0.17em; } -} -section#contact { - color: #ffffff; -} - -div#about { - h2 { - color: $secondary-color; + .btn-lg { + display: block; + box-sizing: border-box; + width: 50%; + min-width: fit-content; + padding: 0.8rem 1.5rem; + font-size: 1.5rem; font-weight: bold; - text-transform: uppercase; - } - - .wrapper-block { - display: grid; - grid-template-rows: auto auto auto; - - color: #ffffff; - background: linear-gradient(to right, white 25%, white 25%, $secondary-color 25%, $secondary-color 100%); - - h3 { - font-size: 1.65em; - line-height: 1em; - } - - .description { - p { - font-size: 0.85em; - line-height: 1.5em; - } - } - - img { - max-width: 50vw; - } - - section.first-section { - grid-row: 1; - - display: grid; - grid-template-columns: 1fr 3fr 2fr 2fr; - column-gap: 20px; - - img { - grid-column: 2; - width: 100%; - height: auto; - } - - .description { - grid-column: 3; - } - } - - section.second-section { - grid-row: 2; - - display: grid; - grid-template-columns: 2fr 3fr 1fr 2fr; - column-gap: 20px; - - .description { - grid-column: 2; - } - - img { - grid-column: 3; - width: 100%; - height: auto; - border-radius: 10px; - } - } - - section.third-section { - grid-row: 3; - - display: grid; - grid-template-columns: 1fr 2fr 1fr; - column-gap: 20px; - - .description { - grid-column: 2; - } - } - } -} - -.map { - margin-bottom: 30px; -} - - - - - -// タブレット -@media screen and (max-width: 800px) { - #colored_zone { - .title-welcome { - font-size: 6vw; - grid-column: 2 / span 10; - } - .dojocon-image { - grid-column: 2 / span 12; - img { - width: 80%; - margin-left: -5% - } - } - .about-dojocon { - grid-column: 2 / span 12; - padding-left: 30px; - padding-right: 30px; - } - - .about-coderdojo { - grid-column: 2 / span 7; - padding-right: 0; - } - .coderdojo-logo { - grid-column: 9 / span 4; - text-align: center; - img { - width: 60%; - } - } - .about-dojocon-this-year { - grid-column: 2 / span 12; - } + color: #0e0e0e; + background-color: #efefef; + border-radius: 999px; + text-decoration: none; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), 0 1.5px 0 #fff inset; + border: none; + transition: background-color 0.2s ease-in-out; } -} - -@media screen and (max-width: 640px) { - .ignore-pc { - display: inline; - } - .ignore-sp { - display: none; - } - - - #colored_zone { - .about-dojocon { - padding: 60px 30px 60px 30px; - .short { - font-size: 1.5em; - } - } - .coderdojo-logo { - grid-column: 2 / span 12; - text-align: center; - order: 5; - padding-top: 0; - padding-bottom: 60px; - img { - width: 60%; - } - } - .about-coderdojo { - grid-column: 2 / span 12; - padding: 0 30px; - order: 6; - .short { - font-size: 1.5em; - } - } - .about-dojocon-this-year { - grid-column: 2 / span 12; - padding: 60px 30px 60px 30px; - .short { - font-size: 1.5em; - } - } - } -} - - -#sponsors_index { - display: flex; - text-align: center; - flex-direction: column; - justify-content: center; - margin: 2em auto; - max-width: 1000px; - - .sponsors-container { - margin-top: 70px; - margin-bottom: 70px; - h3 { font-weight: 700; } - .sponsor-logo-container { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; - align-items: center; - - img.sponsor-logo { - transition: 0.5s; - object-fit: contain; - - &:hover { - transform: scale(1.1); - opacity: 0.8; - } - } - - #platinum-sponsors > a { - img.sponsor-logo { - margin: 0.5em 0; - max-width: 85%; - } - } - - #gold-sponsors > a { - img.sponsor-logo { - margin: 0.2em 0; - max-width: 60%; - - @media screen and (max-width: 640px) { - max-width: 65%; - } - } - } - - #silver-sponsors > a { - img.sponsor-logo { - margin: 0 1em; - max-width: 40%; - - @media screen and (max-width: 640px) { - margin: 0 0.6em; - max-width: 42%; - } - } - } - - #bronze-sponsors > a { - img.sponsor-logo { - margin: 0.8em 0.5em; - max-width: 30%; - - @media screen and (max-width: 640px) { - margin: 0.4em 1em; - max-width: 33%; - } - } - } - - #in-kind-sponsors { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; - - div { - margin: 0.8em 0.5em; - max-width: 30%; - - img.sponsor-logo { - max-width: 90%; - } - } - } - - #individual-sponsors { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; - align-items: center; - div.individual-sponsor-name { - margin: 1em 2em; - font-size: 1.2rem; - a { - &:hover { - opacity: 0.8; - color: var(--gray-dark); - text-decoration: none; - } - } - } - } - } + .btn-lg:hover { + background-color: #e0e0e0; + color: #0e0e0e; } -} +} \ No newline at end of file diff --git a/index.md b/index.md index 26064cb4..693b7a57 100644 --- a/index.md +++ b/index.md @@ -1,338 +1,4 @@ --- layout: default --- -
-
-
-
-

2024.09.15 OKAYAMA

-

CoderDojoコミュニティのカンファレンスイベント

-
-

DojoCon Japanとは日本の CoderDojo コミュニティメンバーが全国から集まる、年に1度のカンファレンスイベント(CoderDojo Conference) です。

-

2016年に始まり、2024年は岡山市にて開催します。

-
-

Dream Up!

-
-
-
-
- -
-
- - -
-
-
-
-

About CoderDojo

-

CoderDojoとは

-
- -

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

-

CoderDojo は2011年にアイルランドから始まった国際的な非営利活動で、日本には200以上の道場があります。日本国内では毎年1,200回以上 (*1) 開催され、CoderDojo はエンジニアやデザイナー、各地域の保護者や学生、研究者や経営者など（メンター）と子どもが出会える場にもなっています。

-

*1 統計情報:https://coderdojo.jp/stats

-
-
-
-
-
-
- -
-
- -
-
- -
-
- -
-
-
-
-
- - -
-
-
-
-
-
-

DojoCon Japan 2024について

-

テーマ：「Dream Up!」

-

2016から始まったDojoCon Japanも数えること今回で9回を迎えます。

-

今年のDojoCon Japanは、チャンピオン、メンターのお祭りに終わらせず、ワークショップ、セッションを通してCoderDojoコミュニティに繋がる人の 「夢」 を大切にしたいと考えています。
- また、CoderDojoに関わっている人だけでなく、「関わりたいと思っている」人の為にも参加していただきたいです。

-

「Dream Up!」 には、「新たなアイデアや計画を思いつく、または創造する」という意味があり、独創的な「夢」を実現するという意味も込めました。
- DojoCon Japan 2024が参加者のみなさんがそれぞれの 「夢」 を 「見つけ」 て、その先の 「実現」 に繋げていただくきっかけになればと考えています。

-
-
-
-
-
-
- - -
-
-
-
-

OVERCVIEW

-

開催概要

-
-
-
-
-

日　時

-
-
-

2024年9月15日(日)

-
-
-
-
-

会　場

-
-
-

杜の街グレース

-

岡山県岡山市北区下石井二丁目10番8号 [アクセス詳細]

-
-
-
-
-

参加費

-
-
-

無　料

-
-
-
-
-

対　象

-
-
-

どなたでも

-
-
-
-
-
-
- -
-
- - -
-
-
-
-

NEWS

-

お知らせ

-
-
- {% for post in site.posts limit:6 %} - {% include articles.html %} - {% endfor %} -
-
-
-
- -
- お知らせをもっと見る -
-
- - -
-
-
-

COUNTDOWN DOJOCON JAPAN

-

ライブ配信

-

DojoCon Japan 2024 の内容を紹介するライブ配信です。

-
-
- {% for cd in site.data.countdown %} -
-
- -

{{ cd.title }}
{{ cd.date }} ONAIR

-
-
- {% endfor %} -
-
-
- - -
-
-
-

CONTACT

-

お問合せ

-

DojoCon Japan {{ site.year }} についてのお問い合わせは以下のリンク先（Googleフォーム）よりお願いいたします。

- - お問い合わせする -
-
-
- - -{% assign platinum_sponsors = site.data.sponsors | where: "type", "platinum" %} -{% assign gold_sponsors = site.data.sponsors | where: "type", "gold" %} -{% assign silver_sponsors = site.data.sponsors | where: "type", "silver" %} -{% assign bronze_sponsors = site.data.sponsors | where: "type", "bronze" %} -{% assign inkind_sponsors = site.data.sponsors | where: "type", "inkind" %} -{% assign individual_sponsors = site.data.sponsors | where: "type", "individual" %} -
-
-

SPONSORS

- - {% if platinum_sponsors != empty %} -
-

Platinum Sponsor

- -
- {% endif %} - - {% if gold_sponsors != empty %} -
-

Gold Sponsor

- -
- {% endif %} - - {% if silver_sponsors != empty %} -
-

Silver Sponsor

- -
- {% endif %} - - {% if bronze_sponsors != empty %} -
-

Bronze Sponsor

- -
- {% endif %} - - {% if inkind_sponsors != empty %} -
-

In-kind Sponsor

- -
- {% endif %} - - {% if individual_sponsors != empty %} -
-

Individual Sponsor

- -
- {% endif %} - -
-
- - -
-
-
-

Organized by

-

DojoCon Japan {{ site.year }} 実行委員会
一般社団法人 CoderDojo Japan

-
-
- - - -
-
-
-

STAFF

- -
- -
- - - -
-

Supported by

-

後援

-

CoderDojo Foundation

-
+{% include top/sections/contact.html %} \ No newline at end of file