From 88f00fe611a869131729c1ddb623a7bb76f84025 Mon Sep 17 00:00:00 2001
From: Elisabeth Dickinson <edi@odoo.com>
Date: Wed, 26 May 2021 11:40:14 +0200
Subject: [PATCH] [FIX] odoo_theme: remove images from homepage

task-2534617
---
 .../odoo_theme/layout_templates/homepage.html | 71 +++++++------------
 extensions/odoo_theme/static/style.scss       | 27 +------
 2 files changed, 27 insertions(+), 71 deletions(-)

diff --git a/extensions/odoo_theme/layout_templates/homepage.html b/extensions/odoo_theme/layout_templates/homepage.html
index 0292b63d2..55e676906 100644
--- a/extensions/odoo_theme/layout_templates/homepage.html
+++ b/extensions/odoo_theme/layout_templates/homepage.html
@@ -1,7 +1,7 @@
 <div id="o_content">
     <section class="o_content_fw_banner row">
         <div class="col-lg-6">
-            <h2 class="text-white">Odoo Documentation</h2>
+            <h1 class="text-white">Odoo Documentation</h1>
             <p class="text-white">The comprehensive guide for Odoo users. Easily find the tutorial and helpful tips that suit your needs.</p>
             <div class="mt-3">
                 <a href="https://odoo.com/trial" class="btn btn-primary mb-2">Try Odoo for FREE</a>
@@ -9,16 +9,11 @@
         </div>
     </section>
     <section>
-        <div class="row gx-lg-5 border-bottom">
-            <div class="col-lg-6 order-lg-2">
-                <div class="o_cat_banner mb-5">
-                    <img src="{{ pathto('_static/img/banner-applications.png', 1) }}" alt="">
-                </div>
-            </div>
-            <div class="col-lg-6 order-lg-1">
-                <h3>Applications</h3>
-                <p>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.</p>
-                <h5 class="pt-3 text-uppercase fw_semibold">Top Links</h5>
+        <div class="row gx-lg-5">
+            <div class="col-lg-6">
+                <h2>Applications</h2>
+                <p class="text-muted">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.</p>
+                <h5 class="text-muted pt-3 text-uppercase fw_semibold">Top Links</h5>
                 <ul class="list-unstyled">
                     <li>
                         <a href="{{ pathto('applications/finance/accounting/overview/main_concepts/intro') }}" class="stretched-link">
@@ -41,15 +36,10 @@
                     </li>
                 </ul>
             </div>
-        </div>
-        <div class="row gx-lg-5">
-            <div class="col-lg-6 py-5 border-bottom">
-                <div class="o_cat_banner mb-4 p-lg-4">
-                    <i class="i-doc-admin"></i>
-                </div>
-                <h3>Administration</h3>
-                <p>Easily setup your first Odoo installation. From downloads to day-to-day database administration, the dedicated tutorials have got you covered.</p>
-                <h5 class="pt-3 text-uppercase fw_semibold">Top Links</h5>
+            <div class="col-lg-6">
+                <h2>Administration</h2>
+                <p class="text-muted">Easily setup your first Odoo installation. From downloads to day-to-day database administration, the dedicated tutorials have got you covered.</p>
+                <h5 class="text-muted pt-3 text-uppercase fw_semibold">Top Links</h5>
                 <ul class="list-unstyled">
                     <li>
                         <a href=" {{ pathto('administration/install') }} " class="stretched-link">
@@ -73,13 +63,12 @@
                     </li>
                 </ul>
             </div>
-            <div class="col-lg-6 py-5 border-bottom">
-                <div class="o_cat_banner mb-4 p-lg-4 o-bg-violet-light">
-                    <i class="i-doc-dev"></i>
-                </div>
-                <h3>Developer</h3>
-                <p>Learn to develop in Odoo by reading the framework references and programmer tutorials.</p>
-                <h5 class="pt-3 text-uppercase fw_semibold">Top Links</h5>
+        </div>
+        <div class="row gx-lg-5">
+            <div class="col-lg-6">
+                <h2 class="border-top pt-4">Developer</h2>
+                <p class="text-muted">Learn to develop in Odoo by reading the framework references and programmer tutorials.</p>
+                <h5 class="text-muted pt-3 text-uppercase fw_semibold">Top Links</h5>
                 <ul class="list-unstyled">
                     <li>
                         <a href="{{ pathto('developer/reference/orm') }}" class="stretched-link">
@@ -103,16 +92,10 @@
                     </li>
                 </ul>
             </div>
-        </div>
-        <div class="row gx-lg-5">
-            {# If changelog exists add class border-bottom #}
-            <div class="col-lg-6 pt-5">
-                <div class="o_cat_banner mb-4 p-lg-4 o-bg-violet-light">
-                    <i class="i-doc-services"></i>
-                </div>
-                <h3>Services</h3>
-                <p>Find out how to open a support ticket should you need to contact a Customer Service Representative.</p>
-                <h5 class="pt-3 text-uppercase fw_semibold">Top Links</h5>
+            <div class="col-lg-6">
+                <h2 class="border-top pt-4">Services</h2>
+                <p class="text-muted">Find out how to open a support ticket should you need to contact a Customer Service Representative.</p>
+                <h5 class="text-muted pt-3 text-uppercase fw_semibold">Top Links</h5>
                 <ul class="list-unstyled">
                     <li>
                         <a href="{{ pathto('services/support/where_can_i_get_support') }}" class="stretched-link">
@@ -131,14 +114,12 @@
                     </li>
                 </ul>
             </div>
-            {# If changelog exists add class border-bottom #}
-            <div class="col-lg-6 pt-5">
-                <div class="o_cat_banner mb-4 p-lg-4">
-                    <i class="i-doc-contribute"></i>
-                </div>
-                <h3>Contributing</h3>
-                <p>You want to contribute to Odoo but don't know where to start? The tutorials and guidelines are there to help you make Odoo even better.</p>
-                <h5 class="pt-3 text-uppercase fw_semibold">Top Links</h5>
+        </div>
+        <div class="row gx-lg-5">
+            <div class="col-lg-6">
+                <h2 class="border-top pt-4">Contributing</h2>
+                <p class="text-muted">You want to contribute to Odoo but don't know where to start? The tutorials and guidelines are there to help you make Odoo even better.</p>
+                <h5 class="text-muted pt-3 text-uppercase fw_semibold">Top Links</h5>
                 <ul class="list-unstyled">
                     <li>
                         <a href="{{ pathto('contributing/documentation/introduction_guide') }}" class="stretched-link">
diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index 668b36c62..5587584ab 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -409,11 +409,6 @@ header.o_main_header{
                     border-color: #00A09D;
                 }
             }
-
-            p, h5 {
-                color: $gray;
-            }
-
             h5 {
                 font-size: 12px;
             }
@@ -430,27 +425,7 @@ header.o_main_header{
                     }
                 }
             }
-            .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('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;