[Branding] Customize homepage's text and links + CSS adjustments.
This commit is contained in:
parent
8d67dce865
commit
b49146b36f
|
@ -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>
|
||||
`
|
||||
: ''}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue