Commit 48663462 authored by Emmanuel Raviart's avatar Emmanuel Raviart

Add first styled draft of press page.

parent 47a23492
......@@ -18,87 +18,338 @@ view language =
]
]
]
, section [ id "links", class "bg-light-gray" ]
, section [ class "bloc-citation bg-light-gray", id "lemonde" ]
[ div [ class "container" ]
[ div [ class "row text-center" ]
[ div [ class "col-md-4" ]
[ a [ href "http://twitter.com/ogptoolbox" ]
[ img [ src "/img/twitter.png" ] [] ]
[ div [ class "row" ]
[ a [ href "http://www.lemonde.fr/pixels/article/2016/10/25/civic-tech-vers-une-boite-a-outils-de-la-democratie-numerique_5019800_4408996.html", target "_blank" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« Vers une boite à outils de la démocratie numérique. »" ]
, p []
[ text "Le Monde.fr"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation", id "modernisation" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« L'action publique se transforme »" ]
, p []
[ a [ href "http://modernisation.gouv.fr/laction-publique-se-transforme/en-ouvrant-les-donnees-publiques/lancement-ogp-toolbox-une-plateforme-de-solutions-numeriques-pour-la-democratie", target "_blank" ]
[ text "Modernisation.gouv.fr"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation bg-light-gray", id "mediapart" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« Vers un développement démocratique durable »" ]
, p []
[ a [ href "https://www.mediapart.fr/journal/culture-idees/061216/henri-verdier-vers-un-developpement-democratique-durable", target "_blank" ]
[ text "Mediapart"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation", id "presidence" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "Retour sur le hackathon à l'Élysée" ]
, p []
[ a [ href "https://www.dailymotion.com/video/x54m9l3_reportage-retour-sur-le-hackathon-a-l-elysee-dans-le-cadre-du-sommet-mondial-du-partenariat-pour-un_news", target "_blank" ]
[ text "Présidence de la République "
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-film small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation bg-light-gray", id "acteurspublics" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« Un service public renforcé par la participation de la société civile »" ]
, p []
[ a [ href "http://www.acteurspublics.tv/play/43555/paulaforteza", target "_blank" ]
[ text "Acteurs Publics TV "
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-film small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation", id "joinup" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« France to develop a toolbox for Open Government »" ]
, p []
[ a [ href "https://joinup.ec.europa.eu/community/opengov/news/france-develop-toolbox-open-government", target "_blank" ]
[ text "Joinup"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation bg-light-gray", id "acteurspublics" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ br []
[]
, text "« Une boîte à outils d’applications numériques au service des administrations »"
]
, p []
[ a [ href "http://www.acteurspublics.tv/play/43534/frechin", target "_blank" ]
[ text "Acteurs Publics TV "
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-film small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation", id "opengov" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "Launch of the OGP Toolbox hackathon" ]
, p []
[ a [ href "https://www.youtube.com/watch?v=_3w69Fzvv8I", target "_blank" ]
[ text "Open Government Partnership (EN)"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-film small" ]
[]
]
]
]
, div [ class "col-md-4" ]
[ a [ href "https://www.etalab.gouv.fr/tag/ogp-toolbox" ]
[ img [ src "/img/etalab.png" ] [] ]
]
]
]
, section [ class "bloc-citation bg-light-gray", id "huffington" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« The Future of Open Government »" ]
, p []
[ a [ href "http://www.huffingtonpost.com/manish-bapna/the-future-of-open-govern_b_13725080.html", target "_blank" ]
[ text "The Huffington post"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation", id "nuitdebout" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« #HackathonDebout : Comment les geeks de Nuit Debout préparent l’avenir du mouvement ? »" ]
, p []
[ a [ href "https://nuitdebout.fr/blog/2016/07/12/hackathondebout-comment-les-geeks-de-nuit-debout-preparent-lavenir-du-mouvement/", target "_blank" ]
[ text "Nuitdebout.fr"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
, div [ class "col-md-4" ]
[ a [ href "https://forum.etalab.gouv.fr/c/gouvernement-ouvert/ogp-toolbox" ]
[ img [ src "/img/etalabforum.png" ] [] ]
]
]
]
, section [ class "bloc-citation bg-light-gray", id "parisoss" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« La France initie un modèle de Politique de contribution aux logiciels libres pour les administrations »" ]
, p []
[ a [ href "http://empoweringopeninnovation.org/la-france-initie-un-modele-de-politique-de-contribution-aux-logiciels-libres-pour-les-administrations/", target "_blank" ]
[ text "Paris Open Source Summit"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
]
]
, section [ class "bloc-citation", id "sinar" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« How people collaborate on Civic Software Project regardless of country of origin. »" ]
, p []
[ a [ href "https://nuitdebout.fr/blog/2016/07/12/hackathondebout-comment-les-geeks-de-nuit-debout-preparent-lavenir-du-mouvement/", target "_blank" ]
[ text "Sinar Project"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
]
]
, section [ id "press" ]
, section [ class "bloc-citation bg-light-gray", id "capcol" ]
[ div [ class "container" ]
[ div [ class "row"]
[ div [ class "row text-center" ]
[ p [] [ img [ src "/img/Press/lemonde.png" ] [] ] ]
, div [ class "row text-center" ]
[ a [ href "http://www.lemonde.fr/pixels/article/2016/10/25/civic-tech-vers-une-boite-a-outils-de-la-democratie-numerique_5019800_4408996.html" ]
[ h3 [] [ text "« Civic Tech » : vers une boîte à outils de la démocratie numérique" ] ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« Gouvernement & Citoyens, inclusion, démocratie et numérique : retour sur le Sommet OGP »" ]
, p []
[ a [ href "https://cap-collectif.com/2016/12/19/gouvernement-citoyens-inclusion-democratie-et-numerique-retour-sur-le-sommet-ogp/", target "_blank" ]
[ text "Cap Collectif"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
, div [ class "row", class "bg-light-gray" ]
[ div [ class "row text-center" ]
[ p [] [ img [ src "/img/Press/AFP.png" ] [] ] ]
, div [ class "row text-center" ]
[ a [ href "http://www.notretemps.com/internet/gouvernement-ouvert-une-boite-a,i129914" ]
[ h3 [] [ text "Gouvernement ouvert : une \"boîte à outils\" numériques mise à disposition des administrations" ] ]
]
]
, section [ class "bloc-citation", id "bluenove" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« Assembl labellisée plateforme de consultation publique de l’Etat français. »" ]
, p []
[ a [ attribute "aria-hidden" "true", href "http://bluenove.com/blog/assembl-labellise-plateforme-de-consultation-publique-de-letat-francais/" ]
[ text "Bluenove"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
, div [ class "row" ]
[ div [ class "row text-center" ]
[ p [] [ img [ src "/img/Press/joinup.png" ] [] ]
, b []
[ a [ href "https://joinup.ec.europa.eu/community/opengov/news/france-develop-toolbox-open-government" ]
[ h3 [] [ text "France to develop a toolbox for Open Government" ] ]
]
]
, section [ class "bloc-citation bg-light-gray", id "linagora" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« Les contributions de linagora au sommet mondial du partenariat pour un gouvernement ouvert »" ]
, p []
[ a [ attribute "aria-hidden" "true", href "https://www.linagora.fr/news/les-contributions-de-linagora-au-sommet-mondial-du-partenariat-pour-un-gouvernement-ouvert" ]
[ text "Linagora"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
, div [ class "row", class "bg-light-gray" ]
[ div [ class "row text-center" ]
[ p [] [ img [ src "/img/Press/elysee.png" ] [] ]
, b []
[ a [ href "https://www.dailymotion.com/video/x54m9l3_reportage-retour-sur-le-hackathon-a-l-elysee-dans-le-cadre-du-sommet-mondial-du-partenariat-pour-un_news" ]
[ h3 [] [ text "[VIDEO] Retour sur le hackathon à l'Élysée" ] ]
]
]
, section [ class "bloc-citation", id "medium" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "« Talking about Education at the Open Government Partnership Global Summit »" ]
, p []
[ a [ attribute "aria-hidden" "true", href "http://bluenove.com/blog/assembl-labellise-plateforme-de-consultation-publique-de-letat-francais/" ]
[ text "Medium"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-menu-right small" ]
[]
]
]
]
]
, div [ class "row" ]
[ div [ class "row text-center" ]
[ p [] [ img [ src "/img/Press/ogpsummit.png" ] [] ]
, b []
[ a [ href "https://www.youtube.com/watch?v=_3w69Fzvv8I" ]
[ h3 [] [ text "[VIDEO] Launch of the OGP Toolbox hackathon" ] ]
]
]
, section [ class "bloc-citation bg-light-gray", id "etalab" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "4th OGP Global Summit in Paris"
, br []
[]
, text "December 2016"
]
, p []
[ a [ href "https://www.dailymotion.com/video/x56807x_ogp16-4th-ogp-global-summit-in-paris-december-2016_news", target "_blank" ]
[ text "etalab "
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-film small" ]
[]
]
]
]
]
, div [ class "row", class "bg-light-gray" ]
[ div [ class "row text-center" ]
[ p [] [ img [ src "/img/Press/acteurspublics.png" ] [] ]
, b []
[ a [ href "http://www.acteurspublics.tv/play/43534/frechin" ]
[ h3 [] [ text "[VIDEO] Jean-Louis Frechin : “Une boîte à outils d’applications numériques au service des administrations”" ] ]
]
]
, section [ class "bloc-citation", id "opengov" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "Launch of the OGP Toolbox hackathon" ]
, p []
[ a [ href "https://www.youtube.com/watch?v=_3w69Fzvv8I", target "_blank" ]
[ text "Open Government Partnership (EN)"
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-film small" ]
[]
]
]
]
]
, div [ class "row" ]
[ div [ class "row text-center" ]
[ p [] [ img [ src "/img/Press/acteurspublics.png" ] [] ]
, b []
[ a [ href "http://www.acteurspublics.tv/play/43555/paulaforteza" ]
[ h3 [] [ text "[VIDEO] Paula Forteza : “Un service public renforcé par la participation de la société civile”" ] ]
]
]
, section [ class "bloc-citation bg-light-gray", id "etalab" ]
[ div [ class "container" ]
[ div [ class "row" ]
[ div [ class "col-lg-8 col-lg-offset-2 text-center" ]
[ h2 [ class "section-citation" ]
[ text "4e Sommet Mondial de l'OGP"
, br []
[]
, text "Paris, Décembre 2016"
]
, p []
[ a [ href "https://www.dailymotion.com/video/x5680a3_ogp16-4e-sommet-mondial-de-l-ogp-paris-decembre-2016_news", target "_blank" ]
[ text "etalab "
, span [ attribute "aria-hidden" "true", class "glyphicon glyphicon-film small" ]
[]
]
]
]
]
]
]
]
]
......@@ -2511,4 +2511,33 @@ h3.user-mail {
}
}
\ No newline at end of file
}
/* Page presse */
section.bloc-citation {
padding: 60px 0 60px 0;
border-bottom: 2px solid #f7f7f7;
}
section h2.section-citation {
font-size: 38px;
letter-spacing: 0.02em;
color: #4b4b4b;
}
section h2.section-citation:hover {color: #25b5ff;}
span.glyphicon {
font-size: 0.8em;
padding-left: 3px;
}
#lemonde h2, #acteurspublics h2, #parisoss h2 {font-family: 'Crimson Text', serif; font-size: 42px; font-weight: 400; font-style: italic; line-height: 1.0em; }
#presidence h2, #sinar h2, #etalab h2, #capcol h2 {font-family: 'Crimson Text', serif; font-size: 42px; font-weight: 700; line-height: 1.1em;}
#mediapart h2, #opengov h2, #linagora h2 {font-family: 'Slabo 27px', serif;}
#joinup h2, #nuitdebout h2 {font-family: 'Space Mono', monospace;}
#huffington h2, #modernisation h2 {font-family: 'Alfa Slab One', cursive;}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment