diff options
Diffstat (limited to 'index.md')
-rw-r--r-- | index.md | 169 |
1 files changed, 140 insertions, 29 deletions
@@ -1,34 +1,145 @@ --- -layout: page +layout: landing title: Welcome --- +<div class="hero"> + <div class="container"> + <h1><span>Run your own</span> Freedom of Information website</h1> + <p>Alaveteli helps you lower the barriers that prevent citizens asking questions of those in power</p> + <p class="action-buttons"><a href="{{ site.baseurl }}docs/getting_started/" class="button">Get started</a> <a href="{{ site.baseurl }}docs/" class="button">Learn more</a></p> + </div> +</div> -# Alaveteli documentation - -<p class="lead"> - This is the documentation for Alaveteli, - an open source Freedom of Information platform - created by <a href="http://www.mysociety.org">mySociety</a>. -</p> - -## New to Alaveteli? - -You've found the documentation for Alaveteli. - -* Learn about the project at [www.alaveteli.org](http://www.alaveteli.org). - -* Read [Turbo Transparency](http://www.alaveteli.org/files/2012/10/Turbo-Transparency-v1.0.pdf), a paper about how and why to use Alaveteli for Freedom of Information systems - -* Read the [Getting Started guide]({{ site.baseurl }}docs/getting_started) - -**The documentation covers -[installing]({{ site.baseurl }}docs/installing), -[customising]({{ site.baseurl }}docs/customising), and -[running]({{ site.baseurl }}docs/running) your own Alaveteli site.** - -If you're making changes to the source code, we have -[documentation for developers]({{ site.baseurl }}docs/developers) too. - -If you are an organisation who wants to use Alaveteli in your jurisdiction, or a developer who is interested in collaborating on the software, please -[get in touch]({{ site.baseurl }}community). +<div class="what-is-alaveteli"> + <div class="container"> + <h2>What is Alaveteli?</h2> + <div class="grid-row what-is-alaveteli__items-grid"> + <div class="what-is-alaveteli__grid-unit"> + <div class="what-is-alaveteli__item what-is-alaveteli__item--foi"> + <p>An open-source platform for making public freedom of information requests to public bodies.</p> + </div> + </div><!-- + --><div class="what-is-alaveteli__grid-unit"> + <div class="what-is-alaveteli__item what-is-alaveteli__item--help"> + <p>Built to help citizens request information, and view and comment on other people’s requests</p> + </div> + </div><!-- + --><div class="what-is-alaveteli__grid-unit"> + <div class="what-is-alaveteli__item what-is-alaveteli__item--published"> + <p>All requests made through Alaveteli, and their responses are published online for everyone to see.</p> + </div> + </div><!-- + --><div class="what-is-alaveteli__grid-unit"> + <div class="what-is-alaveteli__item what-is-alaveteli__item--open"> + <p>Used all over the world to open up governments and other public bodies. </p> + </div> + </div> + </div> + <div class="what-is-alaveteli__international-reach-position"> + <div class="what-is-alaveteli__international-reach"> + <p class="message">Alaveteli has helped citizens make over <strong>200,000 Freedom of Information requests</strong> in <strong>18 jurisdictions</strong></p> + <p><a href="{{ site.baseurl }}deployments/">See all deployments</a></p> + </div> + </div> + </div> +</div> +<div class="how-does-it-work"> + <div class="how-does-it-work__slide"> + <div class="container"> + <div class="how-does-it-work__content"> + <h2>How Alaveteli works</h2> + <p>Make a public request for information by finding the relevant authority</p> + <img src="{{ site.baseurl }}assets/img/alaveteli-demo-screen-find.svg" class="alaveteli-demo-screenshot"/> + </div> + </div> + </div> + <div class="how-does-it-work__slide"> + <div class="container"> + <div class="how-does-it-work__content"> + <h2>How Alaveteli works</h2> + <p>You write a request for information from the authority</p> + <img src="{{ site.baseurl }}assets/img/alaveteli-demo-screen-ask.svg" class="alaveteli-demo-screenshot"/> + </div> + </div> + </div> + <div class="how-does-it-work__slide"> + <div class="container"> + <div class="how-does-it-work__content"> + <h2>How Alaveteli works</h2> + <p>The request and all responses are published online for anyone to view</p> + <img src="{{ site.baseurl }}assets/img/alaveteli-demo-screen-view.svg" class="alaveteli-demo-screenshot"/> + </div> + </div> + </div> +</div> +<div class="features"> + <div class="container"> + <h2>What does Alaveteli do?</h2> + <div class="grid-row"> + <div class="features__grid-unit features__grid-unit--wide"> + <div class="features__item features__item--primary features__item--devices"> + <h3>Supports many, many devices out of the box</h3> + <p>Alaveteli works beautifully on a wide range of devices, including smartphones and tablets, thanks to a flexible responsive design.</p> + </div> + </div><!-- + --><div class="features__grid-unit features__grid-unit--wide"> + <div class="features__item features__item--primary features__item--messaging"> + <h3>Messaging, notifications, and follow ups</h3> + <p>Alaveteli controls the workflow of every request, notifying, and reminding public bodies and requesters at every stage.</p> + </div> + </div> + </div> + <div class="grid-row"> + <div class="features__grid-unit"> + <div class="features__item"> + <h3>Fully customisable</h3> + <p>Use our code as a starting point to add your own functionality, or country-specific requirements</p> + </div> + </div><!-- + --><div class="features__grid-unit"> + <div class="features__item"> + <h3>Multilingual</h3> + <p>Available in twenty languages and counting, and you can translate it to your own</p> + </div> + </div><!-- + --><div class="features__grid-unit"> + <div class="features__item"> + <h3>Active</h3> + <p>Alaveteli is always in development and the code is open source, so you can help make it better</p> + </div> + </div><!-- + --><div class="features__grid-unit"> + <div class="features__item"> + <h3>Simple</h3> + <p>Alaveteli hides the complexity behind the FOI process and makes it easy for citizens to use their rights</p> + </div> + </div> + </div> + </div> +</div> +<div class="get-started"> + <div class="container"> + <h2>Get started</h2> + <div class="get-started__grid-unit get-started__grid-unit--wide"> + <div class="get-started__item get-started__item--primary"> + <p>From team members to maintenance, our get started guide will walk you through the process of planning, starting and running your own Alaveteli website</p> + <p><a href="{{ site.baseurl }}docs/getting_started/" class="button">Get started</a></p> + </div> + </div><!-- + --><div class="get-started__grid-unit"> + <div class="get-started__item get-started__item"> + <h3>Get the code</h3> + <p>Alaveteli is open source and available to view, download and modify on GitHub</p> + <p><a href="https://github.com/mysociety/alaveteli/" class="button">Github</a></p> + </div> + </div><!-- + --><div class="get-started__grid-unit"> + <div class="get-started__item get-started__item"> + <h3>Speak to us</h3> + <p>Need some help? Tell us about your plans</p> + <p class="push-top"><a href="{{ site.baseurl }}community/" class="button">Get in touch</a></p> + </div> + </div> + </div> +</div> |