Merge pull request #1 from Usabi/issue_ale/3288

Issue ale/3288

.gitignore

@@ -38,3 +38,6 @@
 public/sitemap.xml
 public/system/
 /public/ckeditor_assets/
+
+# VSCode workspace settings
+/.vscode

app/assets/images/custom/banner.jpg:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://files.slack.com/files-pri/T03JGHVU6-F01DADWUEA0/download/banner.jpg

app/assets/javascripts/location_changer.js

@@ -1,10 +1,10 @@
-(function() {
+(function () {
   "use strict";
   App.LocationChanger = {
-    initialize: function() {
-      $(".js-location-changer").on("change", function() {
+    initialize: function () {
+      $("input[type=radio][name=select-local]").on("change", function () {
         window.location.assign($(this).val());
       });
-    }
+    },
   };
-}).call(this);
+}.call(this));

app/assets/stylesheets/_custom_settings.scss

@@ -3,3 +3,41 @@
 // * English: https://github.com/consul/consul/blob/master/CUSTOMIZE_EN.md#css
 // * Spanish: https://github.com/consul/consul/blob/master/CUSTOMIZE_ES.md#css
 //
+
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: normal;
+  src: font-url("custom/Roboto-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 500;
+  src: font-url("custom/Roboto-Medium.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: bold;
+  src: font-url("custom/Roboto-Bold.ttf") format("truetype");
+}
+
+$body-font-family: "Roboto", "Source Sans Pro", "Helvetica", "Arial", sans-serif !important;
+$header-font-family: $body-font-family;
+
+// 0. Global
+
+$red-gva: #c80f2e;
+$blue-gva: #1c9799;
+$black-gva: #191919;
+$white-gva: #ffffff;
+
+$brand: $white-gva;
+$link: $blue-gva;
+$link-hover: darken($link, 20%);
+
+$button-color: $red-gva;
+$button-radius: 19px;

app/assets/stylesheets/custom.scss

@@ -3,3 +3,24 @@
 // * English: https://github.com/consul/consul/blob/master/CUSTOMIZE_EN.md#css
 // * Spanish: https://github.com/consul/consul/blob/master/CUSTOMIZE_ES.md#css
 //
+
+// 0. Global
+@import "custom/custom_global";
+
+// 1. Header
+@import "custom/custom_header";
+
+// 2. Banner
+@import "custom/custom_banner";
+
+// 3. Sections Icons
+@import "custom/custom_section_icon";
+
+// 4. Slider
+@import "custom/custom_slider";
+
+// 5. Sections Cards
+@import "custom/custom_section_card";
+
+// 6. Footer
+@import "custom/custom_footer";

app/assets/stylesheets/custom/_custom_banner.scss

@@ -0,0 +1,37 @@
+.banner-gva {
+  background-image: image-url("custom/banner.jpg");
+  position: relative;
+  width: auto;
+  height: 605px;
+  margin: 20px auto;
+  &__title {
+    position: absolute;
+    top: 50px;
+    left: 35px;
+    max-width: 588px;
+    max-height: 142px;
+    font-size: 60px;
+    font-weight: bold;
+    color: $white-gva;
+  }
+  &__txt {
+    color: $blue-gva;
+    position: absolute;
+    top: 270px;
+    left: 35px;
+    max-width: 441px;
+    max-height: 110px;
+    font-size: 16px;
+    line-height: 1.38;
+  }
+
+  &__buttons {
+    position: absolute;
+    top: 453.5px;
+    left: 153px;
+    &__btn {
+      font-size: 18px;
+      font-weight: 500;
+    }
+  }
+}

app/assets/stylesheets/custom/_custom_footer.scss

@@ -0,0 +1,54 @@
+footer {
+  color: $white-gva;
+
+  .logo a {
+    font-family: "Lato" !important;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  p {
+    font-size: $small-font-size;
+
+    &.info a {
+      text-decoration: underline;
+    }
+  }
+
+  a,
+  a:active,
+  a:focus {
+    color: $white-gva;
+    text-decoration: none;
+
+    &:hover {
+      color: $text-medium;
+    }
+  }
+
+  .footer-sections {
+    padding-left: 0;
+  }
+
+  .title {
+    font-weight: bold;
+    text-decoration: none;
+  }
+
+  .links,
+  .privacy {
+    ul li {
+      margin-top: 10px;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.footer {
+  background: $black-gva;
+  margin-top: $line-height * 2;
+  padding-top: $line-height;
+}

app/assets/stylesheets/custom/_custom_global.scss

@@ -0,0 +1,15 @@
+.custom-page a:hover {
+  h3 {
+    color: $link;
+  }
+}
+
+.menu.simple li a {
+  color: $link;
+}
+
+.button {
+  background: $brand;
+  font-size: $base-font-size;
+  border: solid 2px $red-gva;
+}