diff --git a/extensions/odoo_theme/layout_templates/homepage.html b/extensions/odoo_theme/layout_templates/homepage.html index fb7ed235b..91e7227b9 100644 --- a/extensions/odoo_theme/layout_templates/homepage.html +++ b/extensions/odoo_theme/layout_templates/homepage.html @@ -1,121 +1,156 @@
-
-
-

Odoo Documentation

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.

-
+
+
+

Odoo Documentation

+

The comprehensive guide for Odoo users. Easily find the tutorial and helpful tips that suit your needs.

+
- -
-
-
-

Applications

- + +
+
+
+
+ +
+
+
+

Applications

+

Master any app thanks to their end-user guides. Our wide array of functional workflows and processes are designed to help you unleash Odoo's potential.

+
Top Links
+ +
-
-

Administration

- +
+
+
+ +
+

Administration

+

Easily setup your first Odoo installation. From downloads to day-to-day database administration, the dedicated tutorials have got you covered.

+
Top Links
+ +
+
+
+ +
+

Developer

+

Learn to develop in Odoo by reading the framework references and programmer tutorials.

+
Top Links
+ +
-
-

Developer

- +
+ {# If changelog exists add class border-bottom #} +
+
+ +
+

Services

+

Find out how to open a support ticket should you need to contact a Customer Service Representative.

+
Top Links
+ +
+ {# If changelog exists add class border-bottom #} +
+
+ +
+

Contributing

+

You want to contribute to Odoo but don't know where to start? The tutorials and guidelines are there to help you help us make Odoo even better.

+
Top Links
+ +
-
-
- -
-

Contributing

- -
-
+
+ {# If changelog exists import it here} + {% include "layout_templates/changelog.html" %} + {#}
\ No newline at end of file diff --git a/extensions/odoo_theme/static/img/banner-applications.png b/extensions/odoo_theme/static/img/banner-applications.png new file mode 100644 index 000000000..c45cb648a Binary files /dev/null and b/extensions/odoo_theme/static/img/banner-applications.png differ diff --git a/extensions/odoo_theme/static/img/bg-cat.svg b/extensions/odoo_theme/static/img/bg-cat.svg new file mode 100644 index 000000000..db9588d25 --- /dev/null +++ b/extensions/odoo_theme/static/img/bg-cat.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/extensions/odoo_theme/static/scss/_mixins.scss b/extensions/odoo_theme/static/scss/_mixins.scss index b98276898..4585e49f0 100644 --- a/extensions/odoo_theme/static/scss/_mixins.scss +++ b/extensions/odoo_theme/static/scss/_mixins.scss @@ -68,7 +68,7 @@ } } -@mixin o-gradient($deg: 99deg , $startColor: $o-violet-dark, $endColor: $o-violet-darker, $startOffset: 10%, $endOffset: 90%){ +@mixin o-gradient($deg: 99deg , $startColor: $o-violet, $endColor: #62495B, $startOffset: 10%, $endOffset: 90%){ background: mix($startColor, $endColor); background: -webkit-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset); background: -moz-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset); diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss index edc93983f..0ab597db4 100644 --- a/extensions/odoo_theme/static/style.scss +++ b/extensions/odoo_theme/static/style.scss @@ -404,54 +404,63 @@ header.o_main_header{ // Homepage &.index { - .row:first-of-type { - margin: -3rem -3rem 3rem; - padding: 0 3rem; + .o_content_fw_banner { + margin: -3rem -0.75rem 3rem; + padding: 2rem 1rem; align-items: center; - background: url('/_static/img/geometric_gradient.png'); - background-size: cover; + @include o-gradient(); + @include media-breakpoint-up(lg) { + margin: -3rem -3rem 3rem; + padding: 2rem 3rem; + } + .btn-primary { + background-color: #00A09D; + border-color: #00A09D; + } } - h2[class*="o_title_"] { - color: $o-violet-dark; - font-weight: $fw_bold; - margin-bottom: 1rem; - &:before { - @include inline-icomoon($i-o-services , 0 1rem 0 0); - display: block; - @include font-size(50px); - margin: 0 auto 20px; - } - &.o_title_start:before { - content: '#{$i-o-services}'; - } - &.o_title_install:before { - content: '#{$i-install}'; - } - &.o_title_basic:before { - content: '#{$i-basics}'; - } - &.o_title_tutorial:before { - content: '#{$i-elearning_1}'; - } - &.o_title_advanced:before { - content: '#{$i-advanced}'; - } + p, h5 { + color: $gray; + } + + h5 { + font-size: 12px; } ul { - padding: 1rem; > li { position: relative; - padding-bottom: 1rem; - a { - display: block; - font-weight: $fw_bold; - padding-bottom: .5rem; + padding-bottom: .5rem; + display: flex; + align-items: center; + &:before { + @include o-inline-icon($i-article, 0 .2rem 0 0); + color: $gray-light; } } } + .o_cat_banner { + background-color: $o-violet; + border-radius: 5px; + text-align: center; + background-repeat: no-repeat; + background-size: 90%; + background-position: center; + i { + font-size: 100px; + color: $white; + } + &.o-bg-violet-light { + background-color: lighten($o-violet, 20%); + } + &:not(.shadow){ + background-image: url('/_static/img/bg-cat.svg'); + } + &.shadow { + box-shadow: 0px 2px 25px rgba(19, 28, 40, .08) !important; + } + } .o_changelog { .row:last-of-type > .border-bottom { border: none !important;