To get updates on new site content, like us on Facebook or follow us on Twitter.

Difference between revisions of "Template:Jfa-share"

From JFA Wiki
 
(10 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
</div>
 
</div>
 
{| role="presentation" class="wikitable mw-collapsible mw-collapsed"
 
{| role="presentation" class="wikitable mw-collapsible mw-collapsed"
| Share
+
| <span id="jfa-share-title">Share this page.</span>
 
|-
 
|-
 
|
 
|
<div class="jfa-share-td">
+
Share on social media:
Share anywhere:
 
 
<ul>
 
<ul>
 
+
<li><span class="facebook-share" data-js="facebook-share">[[ * |Share on Facebook…]]</span></li>
<li class="jfa-share-option jfa-share-option-url">[[ * | Copy the page link (short URL) to your clipboard.]]</li>
+
<li><span class="twitter-share" data-js="twitter-share">[[ * | Share on Twitter… ]]</span></li>
 
 
<li class="jfa-share-option jfa-share-option-plaintext" style="display:none;">[[ * | Copy the plain text version of the page to your clipboard.]]</li>  
 
 
 
 
</ul>
 
</ul>
 
+
|-
Share on social media:
+
|
 +
Share a link to this page:
 
<ul>
 
<ul>
<li><span class="facebook-share" data-js="facebook-share">[[ * |Share on Facebook]]</span></li>
+
<li id="jfa-share-option-url" class="jfa-share-option jfa-share-option-url">
<li><span class="twitter-share" data-js="twitter-share">[[ * | Share on Twitter ]]</span></li>
+
[[ * | Copy the page link (short URL) to your clipboard.]]
 
+
</li>  
 
</ul>
 
</ul>
 +
<span class="jfa-page-shorturl" id="jfa-page-shorturl">https://{{SERVERNAME}}/?curid={{PAGEID}}</span>
 
|-
 
|-
| Short URL for this page:
+
|
<span class="jfa-page-shorturl">https://{{SERVERNAME}}/?curid={{PAGEID}}</span>
+
<div class="jfa-share-td" style="display:none;">
 +
Share a plain text version of this page or portions of this page:
 +
<ul>
 +
<li id="jfa-share-option-plaintext" class="jfa-share-option jfa-share-option-plaintext">
 +
[[ * | Copy the following text to your clipboard:]]
 +
</li>
 +
</ul>
 +
</div>
 
|}
 
|}
 
</div><!-- jfa-share-end -->
 
</div><!-- jfa-share-end -->
 
<!--
 
If there is a toc, let's pull it up. If they is no toc, don't. That's why the css is here.
 
This is hacky, but a system of floats to take in consideration the presence or absence
 
of share, toc, maintext, content, etc is even hackier
 
-->
 
<style>
 
#jfa-toc {
 
margin-top: -37px
 
</style>
 

Latest revision as of 22:16, 11 September 2019