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

[Branding] Change homepage's title and link + CSS adjustments.

Browse Source
This commit is contained in:
pitchum 2022-10-19 15:49:16 +02:00
parent f3340a3dfa
commit dbe0fd6c7c
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -42,8 +42,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;
@ -59,7 +61,6 @@
display: flex;
flex-direction: column;
align-items: center;
margin-top: -0.25em;
.byline {
font-family: var(--heading-font);
@ -111,7 +112,7 @@
font-family: var(--heading-font);
font-size: 0.25em;
opacity: 0.55;
margin-left: -7em;
max-width: 350px;
word-spacing: 5px;
}
}