an-introduction-to-the-project.html 6.11 KB
Newer Older
Jamesie Pic's avatar
Jamesie Pic committed
1 2 3 4 5
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>An Introduction to the project</title>
Jamesie Pic's avatar
Jamesie Pic committed
6
  <link rel="stylesheet" href="./theme/dist/bootstrap.min.css" />
Jamesie Pic's avatar
Jamesie Pic committed
7 8 9 10 11 12 13 14 15 16 17 18 19

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!--[if IE]>
      <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <link rel="shortcut icon" href="https://memopol.lqdn.fr/static/collected/images/favicon.png" />

</head>

<body id="index" class="">

  <div class="container-fluid">
Jamesie Pic's avatar
Jamesie Pic committed
20 21
    <div class="row layout">
      <aside class="sidebar">
Jamesie Pic's avatar
Jamesie Pic committed
22
        <nav class="nav">
Jamesie Pic's avatar
Jamesie Pic committed
23 24 25 26 27 28 29 30 31
          <a href="." id="logo-container">
              <img id="logo" src="./theme/img/logo.png" alt="Bridging the gap between politics and citizens" title="Bridging the gap between politics and citizens">
          </a>
          <a href="." id="memoire-politique">
              <h3>
                  <span class="blue">MEMO</span>IRE
                  <span class="blue">POL</span>ITIQUE
              </h3>
          </a>
Jamesie Pic's avatar
Jamesie Pic committed
32

Jamesie Pic's avatar
Jamesie Pic committed
33 34 35 36
          <div class="menus">
            <ul class="lang">
                <li class="active" style="text-decoration: underline">English</li>
                <li><a href="/fr">Français</a></li>
Jamesie Pic's avatar
Jamesie Pic committed
37 38
            </ul>

Jamesie Pic's avatar
Jamesie Pic committed
39 40 41 42 43 44 45
            <ul class="navigation">
              <li class="nav-item">
                <a
                  class="nav-link active"
                  href="./category/news.html"
                >News</a>
              </li>
Jamesie Pic's avatar
Jamesie Pic committed
46

Jamesie Pic's avatar
Jamesie Pic committed
47 48 49 50 51 52 53 54 55 56 57 58 59
              <li class="nav-item">
                <a class="nav-link" href="./pages/about-memopol.html#about-memopol">About Memopol</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="./pages/contact.html#contact">Contact</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="./pages/contribute.html#contribute">Contribute</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="./pages/download-install-instructions.html#download-install-instructions">Download & Install instructions</a>
              </li>
              <li class="nav-item">
Jamesie Pic's avatar
Jamesie Pic committed
60
                <a class="nav-link" href="./pages/faq.html#faq">FAQ</a>
Jamesie Pic's avatar
Jamesie Pic committed
61 62 63 64 65 66 67 68 69 70
              </li>
              <li class="nav-item">
                <a class="nav-link" href="./#welcome-to-memopol">Welcome to Memopol</a>
              </li>
            </ul>
          </div>

          <div class="toggle-menu">
              Menu
          </div>
Jamesie Pic's avatar
Jamesie Pic committed
71 72 73
        </nav>
      </aside>

Jamesie Pic's avatar
Jamesie Pic committed
74
      <main class="content">
Jamesie Pic's avatar
Jamesie Pic committed
75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
<section id="content" class="body">
  <article>
    <header>
      <h1 class="entry-title">
        <a href="./an-introduction-to-the-project.html" rel="bookmark"
           title="Permalink to An Introduction to the project">An Introduction to the project</a></h1>
    </header>

    <div class="entry-content">
<div class="article-infos">
  <time class="published" datetime="2011-06-05T11:34:00+02:00"> 05/06/2011 </time>
  <address class="vcard author">by
    <a class="url fn" href="./author/bram.html">bram</a>
  </address>
</div>      <p>The best way to explain what Political Memory is, is by explaining where
quota_atypique's avatar
quota_atypique committed
90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145
it came from.</p>
<p>So, let's start by a bit of context. Political Memory is a tool built by
<a href="http://laquadrature.net">La Quadrature du Net</a>. It is its major
campaigning tool.</p>
<p>La Quadrature du Net is a citizen group defending fundamental rights on
the Internet by:</p>
<ul>
<li>raising citizen awareness about their political representatives'
    actions</li>
<li>trying to get citizens involved in the political life and demand of
    their representatives that they represent and defend their rights</li>
<li>acting very closely with these representatives</li>
<li>organising campaigns during which citizens contact their
    representatives before certain votes or for given occasions,
    educating or warning MPs about issues</li>
<li>getting MEPs to sign written declarations (for instance, La
    Quadrature campaigned on a written declaration about
    <a href="http://laquadrature.net/en/ACTA">ACTA</a> which over half the MEPs
    signed)</li>
<li>and most importantly, trying to increase the political cost of
    decisions. Making sure elected representatives think long and hard
    about what their constituents will think of their decisions. The
    Hadopi “three-strike” law in France is a very good example of that.</li>
</ul>
<p>In order to reach these goals, Political Memory tries to make it easy
for citizens to:</p>
<ul>
<li>follow la Quadrature's work, and campaigns</li>
<li>understand their representatives' actions</li>
<li>make it easy to contact their representatives</li>
<li>raise the political cost of representatives' decisions by keeping
    them under close scrutiny</li>
</ul>
<p>In order to work, Political Memory gets its data from two sources:</p>
<ul>
<li>The European Parliament, via Parltrack, for the European MPs</li>
<li>The French Parliament, via NosDeputes.fr, for the French MPs</li>
</ul>
<p>This data is then used for several things:</p>
<ul>
<li>MEP listings and contact details</li>
<li>voting data</li>
<li>show these representatives' score according to our voting
    recommendation</li>
</ul>
<p>Once all this data is input, MEPs are rated, votes are recorded and
citizens can see what a given MEP has been up to, how they've voted on
specific issues (those on which la Quadrature works).</p>
<p>Citizens can easily reach out to their representative, at any time, or
during a specific campaign.</p>
<p>Eventually, this will increase the connexion between citizens and their
representatives, putting citizens' concern back at the centre of
politics.</p>
<p>For a more lengthy and detailed explanation about what Political Memory
is about, you can read <a href="http://www.memopol.org/changing-democracy-with-code-a-word-from-the-developers/" title="Changing Democracy With Code: A Word From The Developers">Changing Democracy with Code: a Word from the
Developpers</a>.</p>
Jamesie Pic's avatar
Jamesie Pic committed
146
    </div><!-- /.entry-content -->
quota_atypique's avatar
quota_atypique committed
147

Jamesie Pic's avatar
Jamesie Pic committed
148 149 150 151 152
  </article>
</section>
      </main>
    </div>
  </div>
quota_atypique's avatar
quota_atypique committed
153

Jamesie Pic's avatar
Jamesie Pic committed
154 155
  <script type="text/javascript" src="./theme/dist/script.js"></script>
</body>
quota_atypique's avatar
quota_atypique committed
156
</html>