index.html

---
layout: default
title: Technology that reflects our values
extra_scripts: |
  <script type="text/javascript">
    $(document).ready(function() {
      $('#tools .image').hover(function(e) {
        var tool = $(this).data('tool');
        $('.description').hide();
        $('.description#'+tool).show();
      });

      $('.taphover').on('touchstart', function (e) {
        var link = $(this);
        if (link.hasClass('hover')) {
            return true;
        } else {
            link.addClass('hover').trigger('hover');
            $('a.taphover').not(this).removeClass('hover');
            e.preventDefault();
            return false;
        };
      });
    });
  </script>
description: We are building new open source tools for activism that put you back in control of your technnology. Check out our initial offerings, and let us know what else you want to build together.
---

<!-- Banner -->
<section id="banner">
	<div class="inner">
		<h2>Tools to power movements</h2>
		<p>Technology that reflects our values</p>
	</div>
</section>

<!-- Wrapper -->
<section id="wrapper">

	<section id="one" class="wrapper spotlight style1">
		<div class="inner">
			<div class="image square"><img src="{{ '/assets/images/cloud.svg' | relative_url }}" alt="cloud raining data" />
                <span class="caption">The Cloud is just someone else's computer</span>
            </div>
			<div class="content">
				<h2 class="major">Who Controls Your Data?</h2>
				<p>We’ve seen what happens when we centralize our data with third parties whose interests conflict with our own. Venture-backed corporations can monetize our movement, adjust their opaque algorithms to hide our content, or cut us off from our supporters entirely.</p>
			</div>
		</div>
	</section>

	<section id="two" class="wrapper alt spotlight style2">
		<div class="inner">
			<div class="image square">
                <img src="{{ '/assets/images/plantbox.svg' | relative_url }}" alt="plant in a box" />
                <span class="caption">Grow your own garden</span>
            </div>
			<div class="content">
				<h2 class="major">With Open Source: You Do</h2>
				<p>Our technology should reflect our values, and our tools should belong to our movement. Open source tools allow activists to control where their data is stored, how much they pay, and how new features should be developed.</p> 
				<a href="manifesto" class="special">Our tools should be owned by our movement</a>
			</div>
		</div>
	</section>

	<section id="three" class="wrapper spotlight style3">
		<div class="inner">
			<div class="content">
				<h2 class="major">Try Our Open Tools</h2>
				<p>We are building new open source tools for activism that put you back in control of your technnology. Check out our initial offerings, and let us know what else you want to build together.</p>
				
			</div>
		</div>
		<div class="inner padding-top-reset">
			<div class="content row" id="tools">
				<div class="4u"><a href="tools/callpower" class="image width-auto taphover" data-tool="callpower">
					<img src="{{ '/assets/logos/CallPower.svg' | relative_url }}" alt="Call Power" /></a>
				</div>
				<div class="4u"><a href="tools/textpower" class="image width-auto taphover" data-tool="textpower">
					<img src="{{ '/assets/logos/TextPower.svg' | relative_url }}" alt="Text Power" /></a>
				</div>
				<div class="4u$"><a href="tools/dialpower" class="image width-auto taphover" data-tool="dialpower">
					<img src="{{ '/assets/logos/DialPower.svg' | relative_url }}" alt="Dial Power" /></a>
				</div>
				<div class="12u$">
					<div class="description" id="default">
						<p></p>
						<a href="tools" class="special">Get started with Power</a>
					</div>
					<div class="description hidden" id="callpower">
						<p><strong>CallPower:</strong> Connecting people to their representatives through their phones, CallPower has placed over 3 million calls to Congress since 2015. Built for massive days of action, it is scalable and flexible enough for any campaign, and includes built-in contact data in the US, Canada, and Europe.</p>
						<a href="tools/callpower" class="special">Get started with CallPower</a>
					</div>
					<div class="description hidden" id="textpower">
						<p><strong>TextPower:</strong> Text messaging flows for campaigns and organizations, building on the HelloVote chatbot which helped 160k+ Americans register to vote in 2016. Design conversational chat experiences with a simple user interface and engage users where they are now.</p>
						<a href="tools/textpower" class="special">Get started with TextPower</a>
					</div>
					<div class="description hidden" id="dialpower">
						<p><strong>DialPower:</strong> Enable campaigns to engage beyond their base with a volunteer-friendly and affordable dialer. Connect enthusiastic callers with a universe of engaged citizens to spread your message, fundraise, or get out the vote.</p>
						<a href="tools/dialpower" class="special">Get started with DialPower</a>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="four" class="wrapper alt style1">
		<div class="inner">
			<h2 class="major">Intrigued?</h2>
			<p>We are looking for developers, designers, user experience advocates, and allied organizations and campaigns to build open tools that push the field forward and are available to all. Get in touch to discuss how open source can put your organization in control of your technical future.</p> 
			<a href="contact/" class="special">Join us in the open source revolution</a>
		</div>
	</section>

</section>