diff --git a/_includes/top/sections/event-summary.html b/_includes/top/sections/event-summary.html new file mode 100644 index 00000000..bbe54168 --- /dev/null +++ b/_includes/top/sections/event-summary.html @@ -0,0 +1,33 @@ +
+
+

開催概要

+

OUTLINE

+
+
+
+ +
+

開催日時

+
+
+
+ + +
+

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

+
+
+
+ +
+

久留米市シティプラザ

+
+
+
+ +
+

参加無料

+
+
+
+
\ No newline at end of file diff --git a/_sass/global/base.scss b/_sass/global/base.scss index 8616085e..4dad3684 100644 --- a/_sass/global/base.scss +++ b/_sass/global/base.scss @@ -76,7 +76,7 @@ a { section { margin: 0 auto; padding: 3rem 0; - width: 100vw; + width: 100%; clear: both; overflow: hidden; diff --git a/_sass/pages/index.scss b/_sass/pages/index.scss index 190612cf..3eaf71e3 100644 --- a/_sass/pages/index.scss +++ b/_sass/pages/index.scss @@ -41,4 +41,45 @@ background-color: #e0e0e0; color: #0e0e0e; } +} + +#event-summary { + .title { + font-size: 36px; + letter-spacing: 0.125rem; + margin-bottom: 4px; + } + .subtitle { + font-size: 24px; + letter-spacing: 0.065rem; + margin-bottom: 43px; + font-weight: bold; + } + + .image-wrapper { + margin-bottom: 18px; + width: 300px; + height: 300px; + position: relative; + } + + .item-list { + display: grid; + gap: 18px; + grid-template-columns: repeat(4, 1fr); + + @media (max-width: 1254px) { + grid-template-columns: repeat(2, 1fr); /* 2x2表示 */ + } + + @media (max-width: 768px) { + grid-template-columns: 1fr; /* 1x4表示 */ + } +} + + .event-desc { + font-size: 20px; + letter-spacing: 0.0625rem; + font-weight: bold; + } } \ No newline at end of file diff --git a/img/2025/top/building.svg b/img/2025/top/building.svg new file mode 100644 index 00000000..f1c02683 --- /dev/null +++ b/img/2025/top/building.svg @@ -0,0 +1,14 @@ + + + + + + + + + + \ No newline at end of file diff --git a/img/2025/top/free.svg b/img/2025/top/free.svg new file mode 100644 index 00000000..ac774e72 --- /dev/null +++ b/img/2025/top/free.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/2025/top/fukuoka.svg b/img/2025/top/fukuoka.svg new file mode 100644 index 00000000..b0a799f9 --- /dev/null +++ b/img/2025/top/fukuoka.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/2025/top/kappa_ninja.svg b/img/2025/top/kappa_ninja.svg new file mode 100644 index 00000000..23e9ba62 --- /dev/null +++ b/img/2025/top/kappa_ninja.svg @@ -0,0 +1,325 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.md b/index.md index 693b7a57..a0c68637 100644 --- a/index.md +++ b/index.md @@ -1,4 +1,7 @@ --- layout: default --- + +{% include top/sections/event-summary.html %} + {% include top/sections/contact.html %} \ No newline at end of file