From 1fe3aed8a8744db1e2627035b2eaf5cde6bb61e1 Mon Sep 17 00:00:00 2001 From: Vincent Vanwaelscappel Date: Tue, 14 Jan 2025 14:53:37 +0100 Subject: [PATCH] wait #7251 @4 --- .../application/forms/CMS/Recommendation.php | 23 ++++++++++++++ .../scripts/templates/recommendation.phtml | 7 +++++ js/recommendation.js | 9 ++++++ less/00-constants.less | 2 +- less/common.less | 4 --- less/expertises.less | 30 ------------------- less/footer.less | 2 +- less/link-arrow.less | 10 ++++--- less/recommendation.less | 17 +++++++++++ 9 files changed, 64 insertions(+), 40 deletions(-) create mode 100644 framework/application/forms/CMS/Recommendation.php create mode 100644 framework/application/views/scripts/templates/recommendation.phtml create mode 100644 js/recommendation.js delete mode 100644 less/expertises.less create mode 100644 less/recommendation.less diff --git a/framework/application/forms/CMS/Recommendation.php b/framework/application/forms/CMS/Recommendation.php new file mode 100644 index 0000000..9301680 --- /dev/null +++ b/framework/application/forms/CMS/Recommendation.php @@ -0,0 +1,23 @@ +setLabel('Contract Vehicles'); + $this->addElement($cv); + + $cv = new CubeIT_Form_Element_Markitup('company_information'); + $cv->setLabel('Company information'); + $this->addElement($cv); + + $cv = new CubeIT_Form_Element_Markitup('contract_contact'); + $cv->setLabel('Who to contact'); + $this->addElement($cv); + } + +} diff --git a/framework/application/views/scripts/templates/recommendation.phtml b/framework/application/views/scripts/templates/recommendation.phtml new file mode 100644 index 0000000..8113d70 --- /dev/null +++ b/framework/application/views/scripts/templates/recommendation.phtml @@ -0,0 +1,7 @@ +headScript()->addScriptAndStyle('recommendation'); +echo $this->twocols(); +echo $this->textLayer($this->contract_vehicles, 'blue pb-4vw pt-4vw'); +echo $this->textLayer($this->company_information, 'company_information small-margin-paragraphs pb-4vw'); +echo $this->textLayer($this->contract_contact, 'blue pb-4vw pt-4vw'); \ No newline at end of file diff --git a/js/recommendation.js b/js/recommendation.js new file mode 100644 index 0000000..309d5db --- /dev/null +++ b/js/recommendation.js @@ -0,0 +1,9 @@ +TO_LOAD_ONCE[TO_LOAD_ONCE.length] = 'load_recommendations();'; + +function load_recommendations() { + $('.company_information a').each(function () { + let t = $(this).text(); + $(this).addClass('animated-arrow').addClass('discreet'); + $(this).html('' + t + ''); + }); +} \ No newline at end of file diff --git a/less/00-constants.less b/less/00-constants.less index b16ebb8..fd4cced 100644 --- a/less/00-constants.less +++ b/less/00-constants.less @@ -1,13 +1,13 @@ @content-max-width: 1920px; @small : ~"screen and (max-width: 1024px)"; -// Todo: replace variables properly @roboto: 'Raleway', sans-serif; @Klavika: 'Raleway', sans-serif; @yellow: #469ef6; @black: #242323; @blue: #0d4d8e; +@lightblue: #469ef6; @import "01-mixins"; @import "02-utilities"; diff --git a/less/common.less b/less/common.less index 6a790e4..349f101 100644 --- a/less/common.less +++ b/less/common.less @@ -79,10 +79,6 @@ a { } } - &.animated-arrow { - text-transform: uppercase; - } - &.arrow-link { .link(@black, @yellow); display: inline-block; diff --git a/less/expertises.less b/less/expertises.less deleted file mode 100644 index c5212c7..0000000 --- a/less/expertises.less +++ /dev/null @@ -1,30 +0,0 @@ -@import "00-constants"; - -.citation { - background-color: #eeeff3; - padding: 70px 0; - margin-bottom: 50px; - - blockquote { - font-size: 32px; - font-style: italic; - font-family: @Klavika; - line-height: 1.2; - text-align: center; - margin: 0 auto; - width: 80%; - max-width: 800px; - -// white-space: pre-line; - - @media screen and (max-width: 1048px) { -// white-space: normal; - - } - } -} - -.citation-author { - font-size: 18px; - margin-top: 15px; -} \ No newline at end of file diff --git a/less/footer.less b/less/footer.less index 48fefc3..abb6d4e 100644 --- a/less/footer.less +++ b/less/footer.less @@ -107,7 +107,7 @@ color: #242323; padding-bottom: 50px; padding-left: 60px; - background-image: url('../images/picto_footer_mail.svg'); + background-image: url('/images/picto_footer_mail.svg'); } .bureau { float: left; diff --git a/less/link-arrow.less b/less/link-arrow.less index 1338fb6..529238c 100644 --- a/less/link-arrow.less +++ b/less/link-arrow.less @@ -11,10 +11,6 @@ @arrow-head-width: 8px; @arrow-head-thickness: @shaft-thickness; - -// Todo: check why colour of right-hand arrow is glitchy on mouseout. See original codepen - maybe related to using currentColor... - - // The Arrow .the-arrow { width: @shaft-width; @@ -113,6 +109,12 @@ // Animated Arrow Button .animated-arrow { + text-transform: uppercase; + + &.discreet{ + text-transform: none; + text-decoration: none; + } display: inline-block; //color: currentColor; //font-size: 1.25em; diff --git a/less/recommendation.less b/less/recommendation.less new file mode 100644 index 0000000..f4f082c --- /dev/null +++ b/less/recommendation.less @@ -0,0 +1,17 @@ +@import "00-constants"; + +h4 { + margin: 12px 0; +} + +h3{ + margin-bottom: 2em; +} + +.blue a { + color: @lightblue; +} + +.small-margin-paragraphs p { + margin: 5px 0 !important; +} \ No newline at end of file -- 2.39.5