From 71333712068607e7914de6926b7007972b8b97b1 Mon Sep 17 00:00:00 2001 From: Dominik Polakovics Date: Thu, 12 Dec 2024 22:02:21 +0100 Subject: [PATCH] changes to try with chatgpt --- .chatgpt_config.yaml | 5 + data/test.sql.gz | Bin 0 -> 13026 bytes .../ContentElements/hero/assets/frontend.css | 192 +++++++++++++----- .../hero/templates/frontend.html | 45 ++-- .../ContentElements/Layouts/Default.html | 13 +- .../Public/Scss/abstracts/_variables.scss | 12 ++ 6 files changed, 186 insertions(+), 81 deletions(-) create mode 100644 .chatgpt_config.yaml create mode 100644 data/test.sql.gz diff --git a/.chatgpt_config.yaml b/.chatgpt_config.yaml new file mode 100644 index 0000000..cfe7910 --- /dev/null +++ b/.chatgpt_config.yaml @@ -0,0 +1,5 @@ +default_prompt_blocks: + - "basic-prompt" + - "typo3-development" +directories: + - "packages/base/ContentBlocks" diff --git a/data/test.sql.gz b/data/test.sql.gz new file mode 100644 index 0000000000000000000000000000000000000000..a34c6de6d4a1f65c5ad5a1d9d5c3cf0638785d9e GIT binary patch literal 13026 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 UKhA#n>i$1@N70z|PRAG-095RMIsgCw literal 0 HcmV?d00001 diff --git a/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css b/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css index 267088c..4448beb 100644 --- a/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css +++ b/packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css @@ -1,73 +1,155 @@ .frame-type-cloonar_hero { - position: relative; - display: flex; - flex-direction: column; - padding-bottom: 3rem; /* Space for overlap */ - background: #f9f9f9; + background: #f9f9f9; + padding: 1rem; /* Mobile-first padding */ } -.frame-type-cloonar_hero .hero-header { - text-align: center; - margin-bottom: 2rem; - font-size: 2.5rem; - color: #3c3c3c; +/* Mobile-first: stacked layout */ +.frame-type-cloonar_hero .hero { + display: flex; + flex-direction: column; + align-items: flex-start; } -.frame-type-cloonar_hero .hero-content { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - gap: 2rem; +.frame-type-cloonar_hero .hero-subheader { + font-size: 1rem; + color: #3c6418; + margin-bottom: 0.5rem; +} + +.frame-type-cloonar_hero .hero-title { + font-size: 1.5rem; + font-weight: bold; + color: #3c6418; + margin: 0 0 1rem 0; + line-height: 1.2; + text-transform: uppercase; } .frame-type-cloonar_hero .hero-text { - flex: 1; - font-size: 1.2rem; - color: #3c3c3c; - line-height: 1.6; -} - -.frame-type-cloonar_hero .hero-image-wrapper { - position: relative; - flex: 1; -} - -.frame-type-cloonar_hero .hero-image { - max-width: 100%; - height: auto; - border-radius: 8px; + font-size: 0.9rem; + color: #333; + line-height: 1.4; + margin-bottom: 1rem; + max-width: 45ch; } .frame-type-cloonar_hero .hero-social-icons { - position: absolute; - right: -10%; - top: 50%; - transform: translateY(-50%); - display: flex; - flex-direction: column; - gap: 0.5rem; + display: flex; + gap: 0.5rem; + margin-bottom: 1rem; } .frame-type-cloonar_hero .social-icon { - display: inline-block; - width: 40px; - height: 40px; - background-color: #3c3c3c; - color: #fff; - text-align: center; - line-height: 40px; - border-radius: 50%; - text-decoration: none; + display: inline-flex; + align-items: center; + justify-content: center; + background: #3c6418; + color: #fff; + font-size: 1rem; + text-decoration: none; + border-radius: 50%; + width: 2rem; + height: 2rem; + transition: background 0.3s; +} + +.frame-type-cloonar_hero .social-icon:hover { + background: #1e3810; +} + +.frame-type-cloonar_hero .hero-image-wrapper { + margin-top: 1rem; +} + +.frame-type-cloonar_hero .hero-image { + max-width: 200px; + width: 100%; + height: auto; + border-radius: 0.5rem; +} + +/* Medium devices (≥768px) - slightly larger text and icons */ +@media (min-width: 768px) { + .frame-type-cloonar_hero .hero-subheader { font-size: 1.2rem; + } + + .frame-type-cloonar_hero .hero-title { + font-size: 2rem; + margin-bottom: 1.2rem; + } + + .frame-type-cloonar_hero .hero-text { + font-size: 1rem; + } + + .frame-type-cloonar_hero .social-icon { + width: 2.5rem; + height: 2.5rem; + font-size: 1.2rem; + } + + .frame-type-cloonar_hero .hero-image { + max-width: 250px; + } } -.frame-type-cloonar_hero .next-section-overlap { - position: absolute; - bottom: 2rem; - width: 100%; - height: 2rem; - background: #ffffff; - z-index: 10; -} +/* Large devices (≥992px): Switch to 3-column layout */ +@media (min-width: 992px) { + .frame-type-cloonar_hero { + padding: 2rem; + } + /* Three-column grid: text (left), image (middle), icons (right) */ + .frame-type-cloonar_hero .hero { + display: grid; + grid-template-columns: 1fr auto auto; + grid-template-areas: + "subheader image icons" + "title image icons" + "text image icons" + "social image icons"; + align-items: start; + justify-items: start; + text-align: left; + } + + .frame-type-cloonar_hero .hero-subheader { + grid-area: subheader; + font-size: 1.5rem; + margin-bottom: 0.5rem; + } + + .frame-type-cloonar_hero .hero-title { + grid-area: title; + font-size: 3rem; + margin-bottom: 1.5rem; + } + + .frame-type-cloonar_hero .hero-text { + grid-area: text; + font-size: 1rem; + max-width: 40ch; + margin-bottom: 1.5rem; + } + + .frame-type-cloonar_hero .hero-social-icons { + grid-area: social; + flex-direction: column; + gap: 1rem; + margin-bottom: 0; + align-items: flex-start; + } + + .frame-type-cloonar_hero .hero-image-wrapper { + grid-area: image; + margin-top: 0; + display: flex; + align-items: center; + justify-content: center; + } + + .frame-type-cloonar_hero .hero-image { + max-width: 300px; /* Slightly larger on desktop, but not too big */ + } +} diff --git a/packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html b/packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html index 24aba2c..8181cc2 100644 --- a/packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html +++ b/packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html @@ -1,30 +1,31 @@ + + + +
-
-

{data.header}

-
-
-
- {data.bodytext} -
-
- - - - - -

No image available

- - -
- - - -
-
+
{data.subheader}
+

{data.header}

+
+ {data.bodytext} +
+
+ + + +
+
+ + + + + +

No image available

+ +
diff --git a/packages/base/Resources/Private/ContentElements/Layouts/Default.html b/packages/base/Resources/Private/ContentElements/Layouts/Default.html index 1add022..ee7e1bb 100644 --- a/packages/base/Resources/Private/ContentElements/Layouts/Default.html +++ b/packages/base/Resources/Private/ContentElements/Layouts/Default.html @@ -1,8 +1,13 @@
-
-

{data.header}

-
- + +
+ + +
+

{data.header}

+
+ + diff --git a/packages/base/Resources/Public/Scss/abstracts/_variables.scss b/packages/base/Resources/Public/Scss/abstracts/_variables.scss index 3912431..c7fd041 100644 --- a/packages/base/Resources/Public/Scss/abstracts/_variables.scss +++ b/packages/base/Resources/Public/Scss/abstracts/_variables.scss @@ -9,3 +9,15 @@ $breakpoint-sm: 576px; $breakpoint-md: 768px; $breakpoint-lg: 992px; $breakpoint-xl: 1200px; +// variables.scss + +// Breakpoint Variables +:root { + --breakpoint-xs: 480px; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; +} + +// Additional global variables can be added here