From aceb0a3272260398948a95f604b5ffe80ba393bf Mon Sep 17 00:00:00 2001 From: terfno Date: Wed, 11 Dec 2024 10:57:49 +0900 Subject: [PATCH 1/3] :zap: add date/venue section --- src/components/icons/pin_black.svg | 11 +++++++ src/components/top/Date.astro | 41 ++++++++++++++++++++++++ src/components/top/KeynoteSpeakers.astro | 2 +- src/components/top/TopMain.astro | 4 ++- 4 files changed, 56 insertions(+), 2 deletions(-) create mode 100644 src/components/icons/pin_black.svg create mode 100644 src/components/top/Date.astro diff --git a/src/components/icons/pin_black.svg b/src/components/icons/pin_black.svg new file mode 100644 index 0000000..adb9eac --- /dev/null +++ b/src/components/icons/pin_black.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/top/Date.astro b/src/components/top/Date.astro new file mode 100644 index 0000000..b749643 --- /dev/null +++ b/src/components/top/Date.astro @@ -0,0 +1,41 @@ +--- +import Panel from "../Layouts/Panel.astro"; +import MiniPanel from "../Layouts/MiniPanel.astro"; + +import PinIcon from "../icons/pin_black.svg"; +--- + + + + +
+

2025.1.18 (Sat.) 11:00~18:00

+

Door Open 10:30

+
+ map pin + 横浜市鶴見区文化センター サルビアホール +
+
+ +
+

前夜祭について

+
+
+ チケットを購入した方のみご参加いただけます。詳細は connpass のイベントをご確認ください。 +
    +
  • + 日時：2025.1.17 (Fri.) +
      +
    • 第一部：クリエイティブコーディングワークショップ 16:00~
      • +
    • 第二部：新年往復！ 駅伝トーク（鶴見中継所まで） 18:00~
      • +
    +
    • +
  • + 会場：株式会社アンドパッド 東京都千代田区神田練塀町300 住友不動産秋葉原駅前ビル 9階 +
    • +
+
+ + diff --git a/src/components/top/KeynoteSpeakers.astro b/src/components/top/KeynoteSpeakers.astro index 8aaefb2..72754c5 100644 --- a/src/components/top/KeynoteSpeakers.astro +++ b/src/components/top/KeynoteSpeakers.astro @@ -6,7 +6,7 @@ import JhawthornImage from "../../imgs/jhawthorn.jpg"; import EagletmtImage from "../../imgs/eagletmt.jpg"; --- - +
+ From a3624079bf47065844a7478402af34d8a9d69a49 Mon Sep 17 00:00:00 2001 From: terfno Date: Mon, 13 Jan 2025 02:10:34 +0900 Subject: [PATCH 2/3] :zap: add date component --- src/components/top/Date.astro | 165 +++++++++++++++++++++++++++++----- 1 file changed, 141 insertions(+), 24 deletions(-) diff --git a/src/components/top/Date.astro b/src/components/top/Date.astro index b749643..919dfb4 100644 --- a/src/components/top/Date.astro +++ b/src/components/top/Date.astro @@ -3,39 +3,156 @@ import Panel from "../Layouts/Panel.astro"; import MiniPanel from "../Layouts/MiniPanel.astro"; import PinIcon from "../icons/pin_black.svg"; +import ArrowUpRightFromSquareIcon from "../icons/arrow-up-right-from-square.svg"; ---
-

2025.1.18 (Sat.) 11:00~18:00

-

Door Open 10:30

+

2025.1.18 (Sat.) 11:00〜18:00

+

Door Open 10:30

- map pin + map pin 横浜市鶴見区文化センター サルビアホール
- -
-

前夜祭について

-
-
- チケットを購入した方のみご参加いただけます。詳細は connpass のイベントをご確認ください。 -
    -
  • - 日時：2025.1.17 (Fri.) -
      -
    • 第一部：クリエイティブコーディングワークショップ 16:00~
      • -
    • 第二部：新年往復！ 駅伝トーク（鶴見中継所まで） 18:00~
      • -
    -
    • -
  • - 会場：株式会社アンドパッド 東京都千代田区神田練塀町300 住友不動産秋葉原駅前ビル 9階 -
    • -
-
- +
+ +
+

前夜祭について

+
+
+

チケットを購入した方のみご参加いただけます。詳細は connpass のイベントをご確認ください。

+
    +
  • + 日時：2025.1.17 (Fri.) +
      +
    • 第一部：クリエイティブコーディングワークショップ 16:00~
      • +
    • 第二部：新年往復！ 駅伝トーク（鶴見中継所まで） 18:00~
      • +
    +
    • +
  • + 会場：株式会社アンドパッド 東京都千代田区神田練塀町300 住友不動産秋葉原駅前ビル 9階 +
    • +
+
+
+ 詳細を確認する（connpass） +
+ +
From a11e8887e38a41ba8d6d454257e53e5afe6a84e5 Mon Sep 17 00:00:00 2001 From: terfno Date: Mon, 13 Jan 2025 02:19:11 +0900 Subject: [PATCH 3/3] :zap: update hero desgin --- src/components/icons/pin_white.svg | 11 ++++++++ src/components/top/Hero.astro | 43 +++++++++++++++++++++--------- 2 files changed, 42 insertions(+), 12 deletions(-) create mode 100644 src/components/icons/pin_white.svg diff --git a/src/components/icons/pin_white.svg b/src/components/icons/pin_white.svg new file mode 100644 index 0000000..202b87a --- /dev/null +++ b/src/components/icons/pin_white.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/components/top/Hero.astro b/src/components/top/Hero.astro index acb1b05..90851cb 100644 --- a/src/components/top/Hero.astro +++ b/src/components/top/Hero.astro @@ -1,9 +1,11 @@ --- -import PrimaryLogoWhiteImage from "../../imgs/primary_logo_white.png"; -import TriImage from "../../imgs/tri.png"; import TicketButtonBefore from "./TicketButtonBefore.astro"; import TicketButtonSelling from "./TicketButtonSelling.astro"; +import PrimaryLogoWhiteImage from "../../imgs/primary_logo_white.png"; +import TriImage from "../../imgs/tri.png"; +import PinIcon from "../icons/pin_white.svg"; + function isTicketOpen(): boolean { return true; } @@ -71,21 +73,34 @@ function isTicketOpen(): boolean { a, p { color: #fff; - text-decoration: none; } .inner { + display: flex; + flex-direction: column; + gap: 8px; + .en { display: flex; justify-content: center; + align-items: baseline; flex-wrap: wrap; - gap: 4px; + + img { + margin-right: 8px; + } p { font-family: "Futura", "Jost", sans-serif; + font-size: 24px; font-weight: 500; - font-size: 26px; - line-height: 36px; + line-height: 31.88px; + text-align: center; + text-decoration-line: underline; + text-decoration-style: solid; + text-underline-position: from-font; + text-decoration-skip-ink: none; + } @media screen and (width <= 480px) { p { @@ -99,12 +114,16 @@ function isTicketOpen(): boolean { display: flex; justify-content: center; flex-wrap: wrap; - gap: 2px; p { - font-weight: 500; + font-weight: 600; font-size: 16px; line-height: 24px; + text-align: center; + text-decoration-line: underline; + text-decoration-style: solid; + text-underline-position: from-font; + text-decoration-skip-ink: none; } @media screen and (width <= 480px) { p { @@ -152,11 +171,11 @@ function isTicketOpen(): boolean { rel="noopener noreferrer" class="inner" > -
-

横浜市鶴見区民文化センター

サルビアホール

-
-

Tsurumi Cultural Center

"Salvia Hall"

+

Tsurumi Cultural Center

"Salvia Hall"

+
+
+

(横浜市鶴見区民文化センター

サルビアホール)