wait #7251 @4

diff --git a/framework/application/forms/CMS/Recommendation.php b/framework/application/forms/CMS/Recommendation.php
new file mode 100644 (file)
index 0000000..9301680
--- /dev/null
+++ b/framework/application/forms/CMS/Recommendation.php
@@ -0,0 +1,23 @@
+<?php
+
+class Cubedesigners_Form_CMS_Recommendation extends Cubedesigners_Form_CMS_Twocolumns
+{
+
+    public function init()
+    {
+        parent::init();
+
+        $cv = new CubeIT_Form_Element_Markitup('contract_vehicles');
+        $cv->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 (file)
index 0000000..8113d70
--- /dev/null
+++ b/framework/application/views/scripts/templates/recommendation.phtml
@@ -0,0 +1,7 @@
+<?php
+
+$this->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 (file)
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('<span class="the-arrow -left"><span class="shaft"></span></span><span class="main"><span class="text">' + t + '</span><span class="the-arrow -right"><span class="shaft"></span></span>');
+    });
+}
\ No newline at end of file

diff --git a/less/00-constants.less b/less/00-constants.less
index b16ebb84d1f559d15e0dd19130b1479c4e7bd20f..fd4cced9689c685d4ef1f0d19a7429ed33a121d0 100644 (file)
--- 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 6a790e44a7d3a80eddcf2ffb3593a29ba79be3ae..349f101d8ebe07709943f473dbe055f831bdf239 100644 (file)
--- 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 (file)
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 48fefc3effb3444e7a2b12f93e627bb1268755a5..abb6d4e4fccc6778b241aadca395571962736ef1 100644 (file)
--- 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 1338fb6db6e9aabf5141162751c6474bd47a79fe..529238c6e77a9fc535255107f6a5f4c8310b6de7 100644 (file)
--- 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 (file)
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