From 5a7698fb56d22e13015759095c483d913a8002b4 Mon Sep 17 00:00:00 2001 From: StraubCreative Date: Fri, 5 Jun 2015 00:23:03 -0700 Subject: [PATCH] DO NOT MERGEnew mvp home page mockups --- assets/css/min-styles.css | 60 +++--- assets/css/responsive-nav.css | 10 +- templates/layouts/fr_legacy_admin.html | 2 +- templates/layouts/fr_legacy_base.html | 12 +- templates/layouts/legacy_base.html | 9 +- templates/static_pages/en_index.html | 279 +++++-------------------- templates/static_pages/fr_index.html | 277 +++++------------------- 7 files changed, 145 insertions(+), 504 deletions(-) diff --git a/assets/css/min-styles.css b/assets/css/min-styles.css index 9e7f78c..620b57c 100644 --- a/assets/css/min-styles.css +++ b/assets/css/min-styles.css @@ -25,10 +25,10 @@ a#breadcrumb_home {margin-left: 20px;} .french_header h2 {font-size: 1.8em;} .genericon {color: #3c5;} -.cat {margin: 0px 0 0 9%!important;} -.icon-box {width:25%; float: left;} +.cat {margin: 0px 0 0 9.3%!important;} +.icon-box {width:24.5%; float: left;} .icon-box p {text-align:center;} -.icon-row {clear:both; min-height:175px; width:90%; margin-left: 5%; margin-top:40px;} +.icon-row {clear:both; min-height:175px; width:85%; margin-left: 8%; margin-top:40px;} @media (max-width:768px) { .icon-box {width: 100%; clear:both;} .icon-row {min-height: 425px;} @@ -62,7 +62,7 @@ p {color: #302e2c;} .top h1, h1.search-cat {border-left: 5px solid #f36813; color: #1c6cb4; font-size: 1.8em; padding-left: 10px;} .top h1 span {display: inline-block;} .mid h2 {border-left: 5px solid #f36813; color:#1c6cb4; padding-left: 10px;} -#mid-home {margin-top: -50px;} +#mid-home {clear:both;} .bottom h3 {font-size: 1.2em; padding-top: 40px;} @@ -143,46 +143,36 @@ message { .records {margin-left: 0!important;} /* HOME */ -.haiti-map {width: 80%; margin: 0 0 0 10%; padding: 0;} -.haiti-map img {width: 50%; float: left; height: auto; margin: 0 0 40px 0; padding: 0;} - @media (max-width: 768px) { - .haiti-map img {clear: both; width: 90%!important; margin-left: 5%;} - .home-search-form {width: 80%!important; margin-left: 10%; clear:both;} - } -.map-spacing {height: 40px; clear: both;} - -.footnote {width: 100%; height:60px; margin-bottom: -125px;} -#french_footnote {height: 70px;} -.footnote .french {height: 70px!important;} -.footnote_left {width: 70%; float: left;} -.bottom-cta {width: 30%; float: left;} -.footnote {background: #eee; padding: 20px 0 30px 0;} -.footnote h3 {float: left; text-align: left; margin: 0 0 5px 10%;} -.footnote p {float:left; text-align: left; color: #333; margin-top: 0; margin-left: 10%;} -.footnote .btn {margin-top: 5px; text-align: center; margin-left: 13%} +.home-map {width: 38%!important; float: left!important; height: 300px!important; margin: 0 2% 0 0; padding: 0;} +@media (max-width: 767px) { + .home-map {width: 80%!important; float: left!important; height: 300px!important; margin: 0 0 20px 10%; padding: 0;} +} + +.headnote, .footnote {float: left; clear: both; width: 80%; margin: 10px 0 40px 10%; background: #eee; padding: 20px 0 20px 0;} +.footnote {padding-bottom:25px;} +.headnote_left, .footnote_left {width: 70%; float: left;} +.top-cta, .bottom-cta {width: 30%; float: left;} +.headnote h3, .footnote h3 {float: left; text-align: left; margin: 0 0 5px 10%; padding-top:0;} +.headnote p, .footnote p {float:left; text-align: left; color: #333; margin-top: 0; margin-left: 10%;} +.headnote .btn, .footnote .btn {margin-top: 10px; text-align: center; margin-left: 20%} + +@media (min-width:993px) { + .headnote .btn {width: 35%;} +} @media (max-width:992px) { - .footnote {height: 75px;} - .footnote .btn {margin-top: 20px;} - #french_bottom-cta .btn {margin-top:0;} } @media (max-width: 882px) { - #french_footnote {height: 95px} } @media (max-width:777px) { - .footnote {height: 100px;} } @media (max-width: 662px) { - #french_footnote {height: 125px;} -} -@media (max-width:475px) { - .footnote {height: 175px; margin-top: 40px;} - #french_footnote {height: 185px} - .footnote_left {width: 100%; clear:both;} - .footnote p, .footnote h3 {text-align: center;} - .bottom-cta {text-align: center; width: 100%; clear:both;} - .footnote .btn {margin-left: auto; margin-right: auto; margin-top: 0;} + .footnote_left, .headnote_left {width: 100%; clear:both;} + .footnote p, .footnote h3, .headnote h3, .headnote p {text-align: center;} + .bottom-cta, .top-cta {text-align: center; width: 100%; clear:both;} + .footnote .btn, .headnote .btn {margin-left: auto; margin-right: auto; margin-top: 0;} } +.children {width: 80%; margin-left: 10%;} /* SEARCH */ .left {text-align: left;} .search-map {width: 40%!important; float: left!important; height: 400px!important; margin: 0; padding: 0;} diff --git a/assets/css/responsive-nav.css b/assets/css/responsive-nav.css index 491ac29..e3f5cc7 100755 --- a/assets/css/responsive-nav.css +++ b/assets/css/responsive-nav.css @@ -94,22 +94,22 @@ body { @media screen and (min-width: 40em) { .nav-collapse li { - width: 16.66%; - *width: 16%; /* IE7 Hack */ - _width: 15%; /* IE6 Hack */ + width: 20%; + *width: 20%; /* IE7 Hack */ + _width: 19%; /* IE6 Hack */ } } .nav-collapse a { color: #fff; text-decoration: none; - width: 85%; + width: 88%; background: #f36813; padding: 0.7em 1em; float: left; } @media (max-width: 1149px) { - .nav-collapse a {width: 84%;} + .nav-collapse a {width: 86%;} .nav-collapse li a {min-height: 45px;} } diff --git a/templates/layouts/fr_legacy_admin.html b/templates/layouts/fr_legacy_admin.html index f98f106..b3c167e 100644 --- a/templates/layouts/fr_legacy_admin.html +++ b/templates/layouts/fr_legacy_admin.html @@ -30,7 +30,7 @@ diff --git a/templates/layouts/fr_legacy_base.html b/templates/layouts/fr_legacy_base.html index 1d1a492..bb255fb 100644 --- a/templates/layouts/fr_legacy_base.html +++ b/templates/layouts/fr_legacy_base.html @@ -38,16 +38,12 @@ .bottom {padding-bottom: 5px;} .genericon {display:none;} #wrapper {height:100%;} - p.home {width: 80%!important} .icon-box {width:100%;} .icon-box p {text-align:left;} .breadcrumbs {width: 100%;} .container {width: 100%;} - .index, .haiti-map, .search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;} - .haiti-map img {width: 100%;} - .index td {width: 300px!important;} - .button-left {width: 200px; font-size: 20px;} - .footnote {margin-bottom: 0px;} + .search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;} + .footnote {margin-bottom: 0;} @@ -55,7 +51,6 @@ @@ -130,12 +125,11 @@

Ann save timounn yo

diff --git a/templates/layouts/legacy_base.html b/templates/layouts/legacy_base.html index 9bd7dfb..dbf30ad 100644 --- a/templates/layouts/legacy_base.html +++ b/templates/layouts/legacy_base.html @@ -38,15 +38,11 @@ .bottom {padding-bottom: 5px;} .genericon {display:none;} #wrapper {height:100%;} - p.home {width: 80%!important} .icon-box {width:100%;} .icon-box p {text-align:left;} .breadcrumbs {width: 100%;} .container {width: 100%;} - .index, .haiti-map, .search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;} - .haiti-map img {width: 100%;} - .index td {width: 300px!important;} - .button-left {width: 200px; font-size: 20px;} + .search-map, .results-box {width: 70%; clear:both; float: left; margin-left: 5%;} .footnote {margin-bottom: 0;} @@ -129,12 +125,11 @@

Ann save timounn yo

diff --git a/templates/static_pages/en_index.html b/templates/static_pages/en_index.html index 97e0637..e98dd7c 100644 --- a/templates/static_pages/en_index.html +++ b/templates/static_pages/en_index.html @@ -20,222 +20,21 @@ {% block content %}
-
-

Organizations & Programs Map - A New Way to Discover Programs for Orphaned and Vulnerable Children

-

Begin by choosing a location and program to find the organizations that serve orphans and vulnerable children throughout Haiti. Refine your search results by using any combination of filters and keywords. For example, recommended keywords include organization name, city, street.

+

Welcome to “Sèvis Pwoteksyon timoun an Ayiti” website.

+
+

Under the Institute of Social Welfare and Research’ s coordination and leadership , this website provides an online directory of resources, projects, and services available for vulnerable children across the country.

+

It is also an excellent tool for the public, to identify and locate the organizations offering the services. This site includes organizations/programs that provide food and nutritional support, temporary shelter and care, psycho social support, formal and informal education, legal services, health care with a focus on mental health services for vulnerable children and their families.

+ +

It offers also the possibility of adding a newly created institution or who has not been yet identified.

+
+
+

Search for programs and services

+

Identify key agencies and the programs. Collect and share data to better serve children of Haiti.

+
+
+
Search
-
- map of haiti -
-
- - - - - - - - - - - - - - - - - - - - - - - - -
-
- -
-
+
@@ -256,7 +55,6 @@

Made With Collaboration In Mind

Make better decisions.

-
@@ -267,15 +65,52 @@

Share your organization and service information.

Suggest Services
+
+

Search Categories and Definitions

 +

Food and nutrition support

+

These services have the desired outcome of enhancing nutritional status and preventing deaths due to malnutrition among vulnerable children.

+

This site includes organizations that provide food and /or nutritional support to vulnerable children. Nutrition services will vary depending on whether the child is an infant, breastfeeding, receiving complementary feeding or more than 2 years old. Both the type of food and the age range that the support will be focused at will be documented in this document.

+

Impact areas: Children in households below the poverty line, Street children; abandoned children, Refugee and displaced children.

+

Shelter and care

+

These services have the desired outcome of ensuring that no child goes without shelter, clothing, access to clean safe water or basic personal hygiene, and that children have at least one adult who provides them with love and support.

+

This site includes organizations that assist families with vulnerable children by providing temporary shelters, rehabilitation of current shelters, or blankets and other essential toiletries.

+

Impact areas: Children in households below the poverty line, Children in households headed by children, youth, the elderly or women, Children in households where an adult is chronically ill, Children affected or infected by HIV/AIDS, Refugee and displaced children, Street children; abandoned children

+

Protection

+

These services either prevent or respond to child sexual and physical abuse. Protection services for vulnerable children can also look at services that support better placement of children in orphanages, reunification of children in orphanages back with their families and reunification of siblings.

+

This site includes organizations with interventions such as facilitating basic birth registration and identification necessary for long-term access to education, health care and social services; removing children from abusive situations into safe, temporary or permanent placements

+

Impact areas: Children victims of violence, Children victims of sexual abuse and exploitation, Children victims of trafficking, Child sex workers, Refugee and displaced children.

+

Healthcare

+

These services have the desired outcome of meeting the health needs of vulnerable children according to their age.

+

This site includes organizations that offer to vulnerable children for free or at a reduced cost. Health services might include immunizations, growth monitoring or care taker education on topics like breastfeeding and complimentary feeding for children under-fives. Other services that might exist are sick child health services or pediatric HIV treatment and care.

+

Impact areas: Children in households below the poverty line, Children in households where an adult is chronically ill, Children affected or infected by HIV/AIDS, Street children; abandoned children, Children with disabilities, Children victims of violence, Children victims of sexual abuse and exploitation, Children victims of trafficking, Children victims of the worst forms of child labor, Child sex workers, Refugee and displaced children.

+

Psychosocial support services (PSS)

+

These services have the desired outcome of ensuring that children have the human attachments necessary for normal development and that children can participate cooperatively in activities such as school, recreation and work with other children and adults. PSS also looks to support children beyond the normal development process. PSS supports vulnerable children and caretakers who have had strains on their lives. Examples of strains could include living with HIV, a family member with a chronic disease, a traumatic experience or abandonment.

+

This site will eventually include organizations that assist with referral to counseling where available and appropriate to include activities specific to HIV-positive youth; and rehabilitation/re-integration for children who are living outside of family care, support groups for caretakers such as mother feeding groups or a group of vulnerable teens getting together to discuss issues and have fun together. Organizations that provide training and support to frontline workers who are the “gatekeepers” – those most likely to come into contact with highly vulnerable children, including local NGO field staff, local volunteers, social workers, police brigade, school counselors and nurses, and staff of child residential care facilities; assist police in how to constructively and appropriately deal with highly vulnerable children who are in violation of the law.

+

Impact areas: Children in households below the poverty line, Children affected or infected by HIV/AIDS, Street children; abandoned children, Children with disabilities, Children victims of violence, Children victims of sexual abuse and exploitation, Children victims of trafficking, Children victims of the worst forms of child labor, Child sex workers, Refugee and displaced children, Children living in institutions (ex: orphanages, prisons, mental health facilities), Children in conflict with the law

+

Formal and informal education

+

These services have the desired outcome of ensuring that vulnerable children receive educational and vocational opportunities in accord with community norms and market-driven employment options.

+

This site includes that encourage access to all to formal education system for highly vulnerable children; and provide short-term, direct assistance to subsidize school-related costs (e.g., fees, books, uniforms), that have a school feeding program.

+

Impact areas: Children in households below the poverty line, Children who are married before the legally defined age, Refugee and displaced children.

+

Legal services

+

Protection, legal and otherwise, represents the wall of security needed by adolescents to enable them access to the provisions that ensure basic freedoms and rights.

+

This site includes organizations that provide legal and paralegal services for vulnerable children and caretakers. This would map legal assistance or support to access legal assistance to vulnerable children and their caretakers. Examples include for those in conflict with the law, for sexual or physical abuse cases, obtaining birth registration and certificate, or reporting a legal claim about child abduction or trafficking.

+

Impact areas: Children in conflict with the law, Children victims of violence, Children victims of sexual abuse and exploitation, Children victims of trafficking, Children victims of the worst forms of child labor, Child sex workers

+

Other services

+

If other key services are found during mapping activities or via another vulnerable children actor, they will be included.

+ {% endblock %} \ No newline at end of file diff --git a/templates/static_pages/fr_index.html b/templates/static_pages/fr_index.html index 75dd1b7..e3a0be7 100644 --- a/templates/static_pages/fr_index.html +++ b/templates/static_pages/fr_index.html @@ -19,224 +19,22 @@ {% block content %} -
-
-

Une carte des organisations et programmes - Une nouvelle façon de découvrir les programmes pour enfants orphelins et vulnérables

-

Commencez par choisir un emplacement et un programme pour trouver les organismes qui desservent les orphelins et les enfants vulnérables à travers Haïti. Affiner les résultats de recherche en utilisant une combinaison de filtres et de mots-clés. Par exemple, les mots-clés recommandées comprennent le nom de l'organisation, ville, rue.

+
+

Welcome to “Sèvis Pwoteksyon timoun an Ayiti” website.

+
+

Under the Institute of Social Welfare and Research’ s coordination and leadership , this website provides an online directory of resources, projects, and services available for vulnerable children across the country.

+

It is also an excellent tool for the public, to identify and locate the organizations offering the services. This site includes organizations/programs that provide food and nutritional support, temporary shelter and care, psycho social support, formal and informal education, legal services, health care with a focus on mental health services for vulnerable children and their families.

+ +

It offers also the possibility of adding a newly created institution or who has not been yet identified.

+
+
+

Search for programs and services

+

Identify key agencies and the programs. Collect and share data to better serve children of Haiti.

+
+
+
Search
 +
-
- map of haiti -
-
- - - - - - - - - - - - - - - - - - - - - - - - - -
-
- -
-
@@ -256,9 +54,8 @@

Fabriqué avec la collaboration à l'esprit.

Prendre de meilleures décisions d'améliorer les données.

-
-
+

Partagez votre organisation et informations de service.

Nous voulons avoir de vos nouvelles! Rejoignez notre vision afin de mieux servir les enfants en Haïti.

@@ -267,15 +64,45 @@

Partagez votre organisation et informations de service.

Proposer des Services
+
+

Recherche Catégories et définitions

 +

Alimentaire et de nutrition

+

Ces services ont le résultat souhaité d'améliorer l'état nutritionnel et la prévention des décès dus à la malnutrition chez les enfants vulnérables.

+

Ce site comprend des organisations qui fournissent de la nourriture et / ou un soutien nutritionnel aux enfants vulnérables. Les services de nutrition varient selon que l'enfant est un enfant, l'allaitement, l'alimentation complémentaire ou recevoir plus de 2 ans. Tant le type d'aliment et la tranche d'âge que l'aide se concentrera au seront documentées dans ce document.

+

Abris et de soins

+

Ces services ont le résultat souhaité d'assurer qu'aucun enfant ne va sans abri, vêtements, accès à l'eau potable ou l'hygiène personnelle de base, et que les enfants ont au moins un adulte qui leur donne l'amour et de soutien.

+

Ce site comprend des organisations qui aident les familles avec des enfants vulnérables en fournissant des abris temporaires, réhabilitation des abris actuels, ou des couvertures et d'autres articles de toilette essentiels.

+

Protection

+

Ces services prévenir ou répondre à l'enfant violence sexuelle et physique. Les services de protection pour les enfants vulnérables peuvent également examiner les services qui prennent en charge un meilleur placement des enfants dans les orphelinats, la réunification des enfants dans les orphelinats de retour avec leurs familles et la réunification de la fratrie.

+

Ce site comprend des organisations avec des interventions telles que faciliter l'enregistrement des naissances et l'identification de base nécessaires à l'accès à long terme à l'éducation, les soins de santé et des services sociaux; retirer les enfants de situations de violence dans la sécurité des placements, temporaires ou permanentes.

+

Soins de santé

+

Ces services ont le résultat souhaité de répondre aux besoins de santé des enfants vulnérables en fonction de leur âge.

+

Ce site comprend des organisations qui offrent aux enfants vulnérables gratuitement ou à un coût réduit. Les services de santé peuvent inclure les vaccinations, suivi de la croissance ou de soins preneur de l'éducation sur des sujets comme l'allaitement et gratuit pour les enfants de moins de cinq ans. Autres services qui peuvent exister sont les services de santé des enfants malades ou traitement pédiatrique et de soins du VIH.

+

Services de soutien psychosocial (PSS)

+

Ces services ont le résultat souhaité de se assurer que les enfants ont les attachements humains nécessaires pour le développement normal et que les enfants peuvent participer en collaboration à des activités telles que l'école, les loisirs et travailler avec d'autres enfants et les adultes. PSS cherche également à soutenir les enfants au-delà du processus de développement normal. PSS soutient les enfants et les gardiens qui ont eu souches sur leur vie vulnérables. Des exemples de souches pourraient inclure vivant avec le VIH, un membre de la famille avec une maladie chronique, une expérience traumatisante ou d'abandon.

+

Ce site sera éventuellement inclure des organisations qui aident à la saisine des conseils lorsqu'ils sont disponibles et approprié d'inclure des activités spécifiques pour les jeunes séropositifs; et la réhabilitation / réinsertion pour les enfants qui sont en dehors des soins de la famille, des groupes de soutien pour les gardiens vivent comme des groupes de mères nourrissant ou un groupe d'adolescents vulnérables se réunissent pour discuter de questions et se amuser ensemble. Les organismes qui offrent de la formation et du soutien aux travailleurs de première ligne qui sont les "gardiens" - les personnes les plus susceptibles d'entrer en contact avec des enfants très vulnérables, y compris le personnel local des ONG sur le terrain, les volontaires locaux, travailleurs sociaux, brigade de police, les conseillers scolaires et les infirmières, et le personnel des enfants résidentielle établissements de soins; aider la police dans la façon de traiter de manière constructive et appropriée avec les enfants très vulnérables qui sont en violation de la loi.

+

Éducation formelle et informelle

+

Ces services ont le résultat souhaité de se assurer que les enfants vulnérables reçoivent des possibilités d'éducation et de formation professionnelle en accord avec les normes communautaires et les possibilités d'emploi axées sur le marché.

+

Ce site comprend qui encouragent l'accès à tout système d'éducation formelle pour les enfants les plus vulnérables; et de fournir à court terme, une aide directe pour subventionner les coûts liés à l'école (par exemple, les frais, livres, uniformes), qui ont un programme d'alimentation scolaire.

+

Services juridiques

+

Protection, juridiques et autres, représente le mur de sécurité nécessaire par les adolescents pour leur permettre l'accès à des dispositions qui garantissent les libertés et droits fondamentaux.

+

Ce site comprend des organisations qui fournissent des services juridiques et parajuridiques pour les enfants et les gardiens vulnérables. Cela carte assistance juridique ou de soutien pour accéder à une assistance juridique aux enfants vulnérables et leurs soignants. Les exemples incluent pour ceux en conflit avec la loi, pour les cas d'abus sexuels ou physiques, l'obtention de l'enregistrement des naissances et le certificat ou déclaration d'un sinistre juridique au sujet de l'enlèvement d'enfants ou le trafic.

+

Autres services

+

Si d'autres services clés sont trouvés pendant les activités de cartographie ou par un autre acteur enfants vulnérables, ils seront inclus.

+
{% endblock %} \ No newline at end of file