xF2 Template Modification - Parler Share Button (Template Mod) 1

Compatible XF Versions: 2.2

Visible Branding: No

The downloadable zip file must be uploaded as Parler is not apart of Font Awesome and likely won't be due to their $3000 branding fee (or be denied completely if they share the same values as Big Tech, etc.), until there is more adoption of this.

Show support for free speech by adding the Parler share button to your site.

After the files are uploaded, this has to be added to extra.css with the various lines having comments on modifications needed for styles other than the default:

CSS:

/* Add Parler sharing support */
@font-face {
  font-family: 'parler';
  src:  url('styles/fonts/parler/parler.eot?91vqac');
  src:  url('styles/fonts/parler/parler.eot?91vqac#iefix') format('embedded-opentype'),
    url('styles/fonts/parler/parler.ttf?91vqac') format('truetype'),
    url('styles/fonts/parler/parler.woff?91vqac') format('woff'),
    url('styles/fonts/parler/parler.svg?91vqac#parler') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.parler-font {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'parler' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
}

&.shareButtons-button--parler
{
 // Set the background color if needed by your style
 //background-color: #cc3333;
 &:hover { background-color: #cc3333; }
 > i:before {
     content: "\1f1f5";
     //color: #fff; // Set this to your desired color if you're not using the default style
 }
}

And then simply add the icon. I chose to place it after Twitter, which is line 33, but if you know what you are doing you can put this anywhere in your share icons. If not, just stick to adding this to line 33 of share_page_macros:

HTML:

                    <xf:comment>Add Parler sharing button</xf:comment>
                    <a class="shareButtons-button shareButtons-button--parler" data-href="https://parler.com/new-post?message={title}&amp;url={url}">
                        <i aria-hidden="true" class="parler-font"></i>
                        <span>Parler</span>
                    </a>

Reactions: joostyle, tired, mokhtardz and 2 others

Search

xF2 Template Modification Parler Share Button (Template Mod) 1

More resources from ENXF NET