From b49146b36f8eab6dfd0d5a5d855a4203274974d4 Mon Sep 17 00:00:00 2001
From: pitchum <pitchum@gramaton.org>
Date: Wed, 19 Oct 2022 15:49:16 +0200
Subject: [PATCH] [Branding] Customize homepage's text and links + CSS
 adjustments.

---
 src/shared/components/brand-byline.js | 12 +++++-------
 src/shared/components/brand-logo.js   |  9 ++-------
 src/shared/styles/_core.scss          |  9 +++++----
 3 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/shared/components/brand-byline.js b/src/shared/components/brand-byline.js
index 73d31d6b5..c5fb4efd9 100644
--- a/src/shared/components/brand-byline.js
+++ b/src/shared/components/brand-byline.js
@@ -10,16 +10,14 @@ export class ConverseBrandByline extends CustomElement {
         return html`
             ${is_fullscreen
                 ? html`
-                    <p class="brand-subtitle">${_converse.VERSION_NAME}</p>
                     <p class="brand-subtitle">
-                        <a target="_blank" rel="nofollow" href="https://conversejs.org">Open Source</a> XMPP chat client
-                        brought to you by <a target="_blank" rel="nofollow" href="https://opkode.com">Opkode</a>
+                        Une messagerie instantanée qui respecte vos libertés et votre vie privée.
                     </p>
                     <p class="brand-subtitle">
-                        <a target="_blank" rel="nofollow" href="https://hosted.weblate.org/projects/conversejs/#languages"
-                            >Translate</a
-                        >
-                        it into your own language
+                        Application Web qui s'appuie sur <a target="_blank" rel="nofollow" href="https://conversejs.org">ConverseJS</a>,
+                        un client XMPP conçu par <a target="_blank" rel="nofollow" href="https://opkode.com">Opkode</a>
+                        <br/>
+                        <small>${_converse.VERSION_NAME}</small>
                     </p>
                 `
                     : ''}
diff --git a/src/shared/components/brand-logo.js b/src/shared/components/brand-logo.js
index 16d70c842..2106683a5 100644
--- a/src/shared/components/brand-logo.js
+++ b/src/shared/components/brand-logo.js
@@ -8,7 +8,7 @@ export class ConverseBrandLogo extends CustomElement {
     render () { // eslint-disable-line class-methods-use-this
         const is_fullscreen = api.settings.get('view_mode') === 'fullscreen';
         return html`
-            <a class="brand-heading" href="https://conversejs.org" target="_blank" rel="noopener">
+            <a class="brand-heading" href="https://chapril.org/XMPP" target="_blank" rel="noopener">
                 <span class="brand-name-wrapper ${is_fullscreen ? 'brand-name-wrapper--fullscreen' : ''}">
 
 <svg
@@ -56,12 +56,7 @@ export class ConverseBrandLogo extends CustomElement {
   </g>
 </svg>
                     <span class="brand-name">
-                        <span class="brand-name__text">converse<span class="subdued">.js</span></span>
-                        ${is_fullscreen
-                            ? html`
-                                <p class="byline">messaging freedom</p>
-                            `
-                            : ''}
+                        <span class="brand-name__text">Tchat Chapril</span>
                     </span>
                 </span>
             </a>
diff --git a/src/shared/styles/_core.scss b/src/shared/styles/_core.scss
index b014d11ac..648a48627 100644
--- a/src/shared/styles/_core.scss
+++ b/src/shared/styles/_core.scss
@@ -50,8 +50,10 @@
 
     .brand-heading {
         display: inline-flex;
-        flex-direction: row;
-        align-items: flex-start;
+        flex-direction: column;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
         font-family: var(--branding-font);
         color: var(--link-color);
         margin-bottom: 0.75em;
@@ -67,7 +69,6 @@
           display: flex;
           flex-direction: column;
           align-items: center;
-          margin-top: -0.25em;
 
           .byline {
               font-family: var(--heading-font);
@@ -119,7 +120,7 @@
             font-family: var(--heading-font);
             font-size: 0.25em;
             opacity: 0.55;
-            margin-left: -7em;
+            max-width: 350px;
             word-spacing: 5px;
         }
     }