├── README.md
├── new-robin.css
├── html5shiv.js
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | hacking-democracy
2 | =================
3 | 
4 | A braindump and manifesto of sorts on how to hack democracy


--------------------------------------------------------------------------------
/new-robin.css:
--------------------------------------------------------------------------------
 1 | 
 2 | body {
 3 |     font-family:    "Helvetica Neue", Helvetica, Arial, sans-serif;
 4 |     font-weight:    200;
 5 | }
 6 | article {
 7 |     margin: auto;
 8 |     width:  960px;
 9 | }
10 | h1, h2, h3 {
11 |     font-variant: small-caps;
12 |     font-weight:    100;
13 |     letter-spacing: 2px;
14 |     margin-bottom: 0;
15 | }
16 | h2 {
17 |     font-size:  2em;
18 | }
19 | p:first-of-type {
20 |     margin-top: 0;
21 | }
22 | p {
23 |     line-height:    1.4;
24 | }
25 | section {
26 |     margin-top: 3em;
27 | }
28 | 
29 | header h1 {
30 |     font-size:      3em;
31 |     border-bottom:  1px solid #999;
32 |     margin-bottom:  0.2em;
33 |     font-family:    "Helvetica Neue", Helvetica, Arial, sans-serif;
34 |     letter-spacing: 1px;
35 | }
36 | header .author {
37 |     text-align: right;
38 |     font-weight:    100;
39 |     letter-spacing: 1px;
40 |     font-style: italic;
41 | }
42 | header .author a {
43 |     color:  #333;
44 |     text-decoration:    none;
45 |     border-bottom:  1px dotted #999;
46 | }
47 | 
48 | .abstract {
49 |     font-style: italic;
50 |     margin-top: 5em;
51 | }
52 | 
53 | 
54 | @media print {
55 |     article {
56 |         width:  auto;
57 |     }
58 | }
59 | 


--------------------------------------------------------------------------------
/html5shiv.js:
--------------------------------------------------------------------------------
1 | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
2 | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
3 | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");
4 | var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,
5 | b){a||(a=f);if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
6 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html xmlns='http://www.w3.org/1999/xhtml' lang='en'>
  3 |   <head>
  4 |     <meta charset='utf-8'/>
  5 |     <title>Hacking Democracy</title>
  6 |     <!--[if lt IE 9]>
  7 |     <script src="dist/html5shiv.js"></script>
  8 |     <![endif]-->
  9 |     <link rel='stylesheet' href='new-robin.css' media='all'/>
 10 |   </head>
 11 |   <body>
 12 |     <article>
 13 |       <header>
 14 |         <h1>Hacking Democracy</h1>
 15 |         <div class='author'>
 16 |           <a href='http://berjon.com/'>Robin Berjon</a>
 17 |         </div>
 18 |       </header>
 19 |       <section class='abstract'>
 20 |         <p>
 21 |           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 22 |         </p>
 23 |         <p>
 24 |           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 25 |         </p>
 26 |         <!--
 27 |           - quick goal of document
 28 |           - pointers to previous work
 29 |           - feedback at email/twitter
 30 |           - link to PP, or lack thereof
 31 |           - can fork and submit changes through GH, if you know how
 32 |         -->
 33 |       </section>
 34 |       <!-- 
 35 |       and here goes the content
 36 |       -->
 37 |       <section>
 38 |         <h2>Tinker with Democracy</h2>
 39 |         <p>
 40 |           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 41 |         </p>
 42 |         <p>
 43 |           Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 44 |         </p>
 45 |         <!-- 
 46 |           - that we may fulfil the promise of our times
 47 |           - democracy is not an ideal, or a value
 48 |           - it is a big, complex system with beautiful moving parts and greasy, smelly
 49 |             corners. It is physical, it is meant to be tampered with, it is hackable
 50 |           - what it means to hack something, a democracy
 51 |           - there is too much reverence for democracy. this is bad. we must not act as
 52 |             if it were under threat. we must act as if it were safe to repair it in flight
 53 |             and occasionally get things wrong
 54 |           - "experiment in democracy"
 55 |           - this is, quite simply, political engineering
 56 |         -->
 57 |       </section>
 58 |       <section>
 59 |         <h2>The LiquidFeedback Example</h2>
 60 |         <p>
 61 |           ...
 62 |         </p>
 63 |         <!-- 
 64 |           - topic switching (the launchpad example): check that that's how it works
 65 |           - actually use the damn thing, read major available material, demos, presentations
 66 |           - celebrity effect in delegation (how many votes does Justin Bieber get?)
 67 |           - non-elaboration: voting is already confined, but who writes the options to choose from?
 68 |           - limits of the Public in general (try to distill the basics from WL)
 69 |           - it's just one hack — a very interesting one no doubt — but it should not be billed
 70 |             as the one and only hack, and if it proves impractical we must consider it a great
 71 |             success in the lessons learned from it.
 72 |         -->
 73 |       </section>
 74 |       <section>
 75 |         <h2>Principles of a Democratic Hack</h2>
 76 |         <p>
 77 |           ...
 78 |         </p>
 79 |         <!-- 
 80 |           - do not assume an ideal Public (see Walter Lippmann)
 81 |           - priority of constituencies as in HTML5? look there for core principles, perhaps,
 82 |             like paving the cowpaths
 83 |           - take the final recommendations from the Note
 84 |           - the idea here is to establish the guiding principles for a hack
 85 |           - can we also have some core humanist values? maybe quite simply Wikipedia could help here
 86 |             (either with Humanism or Wikivalues)
 87 |           - most of the time, it will be easier to start small and well-scoped, then hack your way up.
 88 |             starting from complex, idealised notions is often a recipe for failure
 89 |         -->
 90 |       </section>
 91 |       <section>
 92 |         <h2>Proposed Goals for the Pirate Party</h2>
 93 |         <p>
 94 |           ...
 95 |         </p>
 96 |         <!--
 97 |           - disappear
 98 |           - foster democratic hacking at as large a scale as possible, and well outside of its
 99 |             confines (instil a spirit of hacking democracy)
100 |           - organisations that don't know when they end will tend to live on for the sole
101 |             purpose of self-continuation.
102 |         -->
103 |       </section>
104 |     </article>
105 |   </body>
106 | </html>
107 | 


--------------------------------------------------------------------------------