Chapril/xmpp.chapril.org-conversejs
Chapril
/
xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

[Branding] Customize homepage's text and links + CSS adjustments.

This commit is contained in:
pitchum 2022-10-19 15:49:16 +02:00
parent 8d67dce865
commit b49146b36f
3 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/shared/components/brand-byline.js
View File

@ -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>
`
: ''}

9
src/shared/components/brand-logo.js
View File

@ -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>

9
src/shared/styles/_core.scss
View File

@ -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;
}
}