Cloonar/dialog-relations-website
2
0
Fork 0
Code Pull Requests Actions Activity

feat: many changes

Browse Source
This commit is contained in:
Dominik Polakovics Polakovics
2025-04-22 12:29:34 +02:00
parent 215a9393b5
commit 6214e262cc
17 changed files with 64 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/base/Configuration/Sets/SitePackage/PageTsConfig/BackendLayouts/default.tsconfig
View File

@@ -8,35 +8,18 @@ mod {
title = Default
config {
backend_layout {
colCount = 12
rowCount = 2
colCount = 1
rowCount = 1
rows {
1 {
columns {
1 {
name = LLL:EXT:base/Resources/Private/Language/locallang_be.xlf:backend_layout.column.normal
colPos = 0
colspan = 12
identifier = main
}
}
}
2 {
columns {
1 {
name = Footer Left
colPos = 90
colspan = 6
identifier = footer-left
}
2 {
name = Footer Right
colPos = 91
colspan = 6
identifier = footer-right
}
}
}
}
}
}

2
packages/base/Configuration/Sets/SitePackage/page.tsconfig
View File

@@ -9,7 +9,7 @@ RTE {
TCEFORM {
tt_content {
CType {
keepItems = cloonar_header,cloonar_text,cloonar_textimage,news_newsliststicky,news_pi1,cloonar_hero,cloonar_stats
keepItems = cloonar_text,cloonar_textimage,cloonar_hero,form_formframework
}
}
}

4
packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html
View File

@@ -3,7 +3,7 @@
<f:section name="Header" />
<f:section name="Main">
<section class="bg-white md:bg-hero-gradient">
<section class="bg-white md:bg-hero-gradient mb-16">
<div class="container mx-auto px-6 py-12 md:py-24 bg-white md:bg-hero-inner">
<div class="md:flex md:items-center">
@@ -69,7 +69,7 @@
</div>
<!-- Heading -->
<h1 class="text-3xl md:text-5xl font-extrabold">
<h1>
{data.header}
</h1>

4
packages/base/ContentBlocks/ContentElements/text/templates/frontend.html
View File

@@ -1,8 +1,8 @@
<f:layout name="Default" />
<f:section name="Main">
<div class="fade-in-on-scroll">
<div class="fade-in-on-scroll py-16">
<f:if condition="{data.header}">
<f:then><h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-4">{data.header}</h2></f:then>
<f:then><h2>{data.header}</h2></f:then>
</f:if>
<f:if condition="{data.bodytext}">
<f:then>

9
packages/base/ContentBlocks/ContentElements/textimage/templates/frontend.html
View File

@@ -3,7 +3,7 @@
<f:section name="Main">
<f:variable name="imageSizeClass" value="md:w-1/2" />
<f:variable name="textSizeClass" value="md:w-1/2" />
<f:variable name="gapClass" value="gap-8" />
<f:variable name="gapClass" value="gap-8 md:gap-16" />
<f:if condition="{data.imagesize} == 1"> <!-- Size 25% -> map to 40% for layout -->
<f:variable name="imageSizeClass" value="md:w-2/5" />
@@ -11,7 +11,7 @@
<f:variable name="gapClass" value="gap-8 md:gap-16 lg:gap-32" />
</f:if>
<div class="flex flex-col {gapClass} fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
<div class="flex flex-col {gapClass} py-16 fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
<div class="flex items-center justify-center {imageSizeClass}">
<f:if condition="{data.image}">
<f:then>
@@ -39,7 +39,7 @@
cropVariant="default"
width="538c"
alt="{data.image.0.alternative}"
class="max-w-full h-auto rounded-lg block"
class="max-w-full h-auto block"
/>
</figure>
</f:then>
@@ -50,8 +50,7 @@
</div>
<div class="{textSizeClass}">
<f:if condition="{data.header}">
<h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-2">{data.header}</h2>
<h3 class="text-xl md:text-2xl font-semibold mb-4">{data.subheader}</h3>
<h2>{data.header}</h2>
</f:if>
<f:if condition="{data.bodytext}">
<div class="prose lg:prose-lg">

2
packages/base/Resources/Private/PageView/Partials/Navigation/Main.html
View File

@@ -1,4 +1,4 @@
<nav class="main-nav group sticky top-0 z-50 bg-repeat" id="mainNav">
<nav class="py-1 main-nav group sticky top-0 z-50 bg-repeat" id="mainNav">
<div class="container flex items-center h-full mx-auto px-4">
<a href="/" class="nav-logo">
<f:image src="EXT:base/Resources/Public/Images/logo.png" alt="Logo" class="block max-h-[50px] h-auto w-auto" />

BIN
packages/base/Resources/Public/Fonts/Barlow-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
packages/base/Resources/Public/Fonts/Barlow-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
packages/base/Resources/Public/Fonts/Hajime-Sans.otf
View File

Binary file not shown.

BIN
packages/base/Resources/Public/Fonts/Hajime-Sans.ttf
View File

Binary file not shown.

BIN
packages/base/Resources/Public/Fonts/Hajime-Sans.woff2
View File

Binary file not shown.

BIN
packages/base/Resources/Public/Fonts/Inter-Italic-VariableFont_opsz,wght.ttf
View File

Binary file not shown.

BIN
packages/base/Resources/Public/Fonts/Inter-VariableFont_opsz,wght.ttf
View File

Binary file not shown.

BIN
packages/base/Resources/Public/Fonts/Inter.woff2
View File

Binary file not shown.

68
packages/base/Resources/Public/Scss/abstracts/_fonts.scss
View File

@@ -1,64 +1,76 @@
// Update font file names and ensure no spaces for better compatibility.
@font-face {
font-family: 'Hajime Sans';
src: url('../Fonts/Hajime-Sans.woff2') format('woff2');
font-weight: 400;
font-family: 'Barlow';
src: url('../Fonts/Barlow-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('../Fonts/Inter.woff2') format('woff2');
font-weight: 100 900; // Adjust as needed for variable font range
font-family: 'Barlow';
src: url('../Fonts/Barlow-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
body {
font-family: 'Inter', sans-serif;
font-family: 'Barlow', sans-serif;
font-weight: 500;
font-size: 14px;
@media (min-width: $breakpoint-md) {
font-size: 18px;
}
}
h1, h2 {
font-family: 'Hajime Sans', sans-serif;
color: var(--bs-primary);
font-weight: 400;
h1, h2, h3, h4, h5, h6 {
font-family: 'Barlow', sans-serif;
color: var(--color-primary);
font-weight: 700;
line-height: 1;
}
h1 {
font-size: 3rem;
@media (min-width: $breakpoint-md) {
font-size: 4.5rem;
}
/* @media (min-width: $breakpoint-md) { */
/* font-size: 4.5rem; */
/* } */
}
h2 {
font-size: 2rem;
@media (min-width: $breakpoint-md) {
font-size: 3rem;
}
/* @media (min-width: $breakpoint-md) { */
/* font-size: 3rem; */
/* } */
}
h3 {
font-size: 1.125rem;
font-weight: 600;
font-size: 1.75rem;
@media (min-width: $breakpoint-md) {
font-size: 1.5rem;
}
/* @media (min-width: $breakpoint-md) { */
/* font-size: 1.5rem; */
/* } */
}
h4 {
font-size: 1.125rem;
font-weight: 600;
@media (min-width: $breakpoint-md) {
font-size: 1.5rem;
/* @media (min-width: $breakpoint-md) { */
/* font-size: 1.5rem; */
/* } */
}
h5 {
font-size: 0.875rem;
}
h6 {
font-size: 0.875rem;
font-weight: 500;
}
p {
@@ -71,11 +83,11 @@ a {
font-weight: 700;
&:hover {
color: var(--bs-primary-light)
color: var(--bs-primary)
}
}
button, .btn {
font-family: 'Hajime Sans', sans-serif;
font-weight: 400;
font-family: 'Barlow', sans-serif;
font-weight: 700;
}

2
packages/base/Resources/Public/Scss/base/_container.scss
View File

@@ -1,6 +1,6 @@
.container {
margin: auto;
padding: 3rem 1rem;
/* padding: 3rem 1rem; */
@include respond($breakpoint-sm) {
max-width: 540px;

10
packages/base/Resources/Public/Scss/main.scss
View File

@@ -9,11 +9,11 @@
@import 'abstracts/icons';
@import 'abstracts/fade-in';
@import 'base/base';
@import 'components/navigation';
@import 'components/images';
@import 'components/news';
@import "components/news_detail";
@import 'components/footer';
/* @import 'components/navigation'; */
/* @import 'components/images'; */
/* @import 'components/news'; */
/* @import "components/news_detail"; */
/* @import 'components/footer'; */
@import 'components/buttons';
@import 'layouts/home-page';