Parler Share Button (Template Mod)

xF2 Template Modification Parler Share Button (Template Mod) 1

No permission to download
Compatible XF Versions
  1. 2.2
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:


Code:
      <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>


Parler share button on XenForo
Author
Admin
Size
3.6 KB
Extension
zip
Downloads
2
Views
1,408
First release
Last update

More resources from Admin

Similar resources

In the ACP place a logout button top right with a user identification.
0.00 star(s) 0 ratings
Downloads
8
Updated
In the ACP place a logout button top right with a user identification.
0.00 star(s) 0 ratings
Downloads
0
Updated
Dark mode / Light Mode switcher button Admin
0.00 star(s) 0 ratings
Updated
Like, Quote, Reply Button Edit AnimeHaxor
0.00 star(s) 0 ratings
Updated