#+title: Links
#+summary: Various links.
#+license: cc0

#++show
#+BEGIN_SRC javascript
  // Add the FSF widget after the page has loaded.
  window.addEventListener('load',
                          function(event) {
                              add_fsf_widget(8085);
                          }, false);
#+END_SRC


* Hyperlinks

My first web pages from ~2004 contained pages whose only purpose was to show
links to other sites, because that's what you use websites for. With this page I
intend to carry on with this tradition.

** Passive activism[fn:oxymoron]

Beware, for the following Hyperlinks contain Knowledge!

#++show
#+BEGIN_SRC html
  <div style='background-color: silver; padding: 5px; border: 5px outset red;'>
    <div style='margin: 0 auto; width: 525px; text-align: center;'>
      <div style='height: 200px;'>
        <a href='http://windows7sins.org/' style='display: block; float: left'>
          <img src='http://windows7sins.org/i/widget.png'
               alt='Windows 7 Sins' style='width: 200px; height: 200px' />
        </a>
        <a href='http://wikimediafoundation.org/wiki/Support_Wikipedia/en'
           style='display: block; float: left; margin-top: 75px'>
          <img alt='Support Wikipedia' title='Support Wikipedia'
               src='http://upload.wikimedia.org/wikipedia/commons/4/4b/Fundraising_2009-square-treasure-en.png'
               style='width: 125px; height: 125px' />
        </a>
        <a href='http://www.fsf.org/campaigns/opendocument/' style='display: block; float: left'>
          <img src='http://static.fsf.org/nosvn/opendocument/medium/odf.png'
               alt='Use ODF!' style='width: 200px; height: 200px' />
        </a>
      </div>
      
      <a href='http://www.fsf.org/facebook/mark-zuckerberg-is-time-magazines-person-of-the-year-wheres-the-dislike-button/'
         style='display: block; padding: 6px 0; background-color: yellow;'>
        <img src='http://static.fsf.org/nosvn/dislike200.png'
             alt="Don't use Facebook!" title="Don't use Facebook!"
             style='width: 200px; height: 105px' />
      </a>
      
      <a style='display: block; font-size: 30px; background-color: crimson'
         href='http://www.savetheinternet.com/'>Save the Internet</a>
      <a style='display: block; font-size: 30px; background-color: red' 
         href='http://petition.stopsoftwarepatents.eu/'>Stop software patents</a>
      <a style='display: block; font-size: 30px; background-color: magenta'
         href='http://defectivebydesign.org/'>Stop Digital Rights Management</a>
      
      <div style='padding: 6px 0; background-color: green;'>
        <div style='margin: 0 auto; width: 260px;' id='fsfextern'></div>
      </div>
    </div>
  </div>
#+END_SRC


[fn:oxymoron] "Passive activism" is an oxymoron. Activism is, of course, not a
  passive thing. But having links stowed on the front of one's web page
  certainly is.