aboutsummaryrefslogtreecommitdiffstats
path: root/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'index.md')
-rw-r--r--index.md169
1 files changed, 140 insertions, 29 deletions
diff --git a/index.md b/index.md
index 8cf85e8c2..0c22bdfd3 100644
--- a/index.md
+++ b/index.md
@@ -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>