User Tools

Site Tools


Navigation Menu

Flight-Control

<
Previous mounth
01/17/2022
>
Next mounth
SMTWFTS
03
16
16
17
17
1819202122
0423242526272829
0530310102030405
0606070809101112
0713141516171819









Hot Projects

SEEDStack

SEEDStack - Open 3D printable seed/sprouting systemDIY Food Hacking

UCSSPM

UCSSPM - Unified Clear-Sky Solar Prediction ModelOpen Solar Power

picoReflow

picoReflow - DIY PID Reflow Oven Controller based on RaspberryPiDIY Reflow Soldering

PiGI

PiGI - DIY Geiger Counter based on RaspberryPiRasPi Geiger Counter

DIY ARA-2000

Active Wideband Receiver Antenna for SDR - ARA-2000Wideband Antenna

DSpace

DSPace - Map everythingMap everything!

Mission-Tags

Sharing is caring - not tracking

Operating and providing a website for a project always inherently leads to finding ways, to let more people know about your content. Social media bookmarking is a great way to do just that. But, as every so often, many people compromise comfort for reasonable security, including some javascript $social_media_provider offers to easily integrate it, allowing $social_media_provider to track each visit a user makes on any other website, that includes just the button/badge. Most users aren't even aware of the fact that this is happening in the background.

You can protect your visitors privacy and still let users socially spread the word about you easily by implementing static social media buttons, dokuwiki had no good plugin available, but you can always hack your template, simply like this:

Quick template & css hack

PHP/HTML

    <div class="sm">
    <p>Please share what you like:</p>
    <ul>
      <li class="tw-single">
       <a rel="nofollow" href="https://twitter.com/intent/tweet?source=webclient&text=<?php print (rawurlencode(strip_tags($this_p_title))); ?>%20<?php print (rawurlencode(strip_tags(getFullURL()))); ?>" target="blank" title="Share via Twitter">
        <span>Twitter</span>
       </a>
      </li>
      <li class="fb-single">
       <a rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>&amp;t=<?php print (rawurlencode(strip_tags($this_p_title))); ?>" target="blank" title="Share via Facebook">
        <span>Facebook</span>
       </a>
      </li>
      <li class="gp-single">
       <a rel="nofollow" href="https://plusone.google.com/_/+1/confirm?hl=de&url=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>&amp;title=<?php print (rawurlencode(strip_tags($this_p_title))); ?>" target="blank" title="Share via Google+">
        <span>Google+</span>
       </a>
      </li>
      <li class="red-single">
       <a rel="nofollow" href="https://reddit.com/submit?url=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>&amp;title=<?php print (rawurlencode(strip_tags($this_p_title))); ?>" target="blank" title="Share via Reddit">
        <span>Delicious</span>
       </a>
      </li>
      <li>
       <a href="https://www.xing.com/app/user?op=share;url=<?php print (rawurlencode(strip_tags(getFullURL()))); ?>;title=<?php print (rawurlencode(strip_tags($this_p_title))); ?>;provider=<?php print (rawurlencode('Apollo-NG')); ?>" target="blank"  title="Share via XING">
        <span>XING</span>
       </a>
      </li>
     </ul>
    <div class="clear"></div>
   </div>

CSS

.sm        {margin-bottom: 19px; padding-right: 0; width: 194px;}
.sm p      {font-weight: bold; font-size: 11px; margin-bottom: 12px !important;}
.sm ul     {list-style: none; line-height: 24px; margin: 5px 0 15px 0; padding-left: 0;}
.sm li     {display: inline;}
.sm a      {float: left; width: 24px; height: 24px; margin-right: 14px; opacity:0.5; background: url('/lib/tpl/apollo/images/sm-link.png') no-repeat; border-bottom: none !important;}
.sm span   {display: none;}

.tw-single a   {background-position: left -26px;}
.fb-single a   {background-position: left -52px;}
.gp-single a   {background-position: left -78px;}
.red-single a  {background-position: left -104px;}

.sm a:hover {position: relative; top: -3px; border-bottom: 1px solid #f0f0f0; opacity:1.0;}

div.dokuwiki .sm ul { margin: 0 0 0 0; }

Image

Discussion

how about using OExchange?
http://www.oexchange.org/demo/
Enter your comment. Wiki syntax is allowed:
   ____  __  __   __  ___   ____   _  __
  / __/ / / / /  /  |/  /  / __/  / |/ /
 / _/  / /_/ /  / /|_/ /  / _/   /    / 
/___/  \____/  /_/  /_/  /___/  /_/|_/