Merge pull request #22 from LabPLC/new_landing

New landing page and some style changes. Closes #11 Closes #19 Closes #20
LabPLC · Mar 6, 2015 · 10ce34a · 10ce34a
2 parents 79c4bb4 + 5f2f0b1
commit 10ce34a
Show file tree

Hide file tree

Showing 8 changed files with 91 additions and 41 deletions.
diff --git a/ckanext/labplc/fanstatic/styles/ckanext-labplc.css b/ckanext/labplc/fanstatic/styles/ckanext-labplc.css
@@ -665,7 +665,11 @@ h5 {
   font-size: 18px;
 }
 .primary .module-content .search-form .search-input button i {
-  color: #ffffff;
+  color: #4d4d4d;
+}
+.search-form .search-input.search-giant input {
+  font-size: 15px;
+  padding: 7px;
 }
 .primary .module-content > .form-actions {
   margin-left: 0;
@@ -687,6 +691,9 @@ h5 {
 .media-view.hovered .banner {
   background-color: #333333;
 }
+.bottom-yellow {
+  border-bottom: 3px solid #fce900;
+}
 /* Groups */
 .groups.wrapper {
   background-color: #ffffff;
@@ -863,9 +870,20 @@ strong.count {
   float: right;
 }
 /* Home */
+.festival-datos.module-content.box {
+  margin-top: 2em;
+}
+.lab-photo {
+  background: url("/images/fondolab.jpg");
+  height: 600px;
+  background-position: -171px -19px;
+}
 .hero {
   overflow: hidden;
 }
+.hero a {
+  font-weight: 700;
+}
 .hero .map {
   position: absolute;
   width: 100%;
@@ -913,6 +931,7 @@ strong.count {
 }
 .search-form .search-input {
   border: solid 2px #333333;
+  width: 65%;
 }
 .box {
   border: none;

diff --git a/ckanext/labplc/fanstatic/styles/less/ckanext-labplc.less b/ckanext/labplc/fanstatic/styles/less/ckanext-labplc.less
@@ -590,8 +590,13 @@ h1,h2,h3,h4,h5{
   font-size: 18px;
 }
 .primary .module-content .search-form .search-input button i {
-  color: @dark;
+  color: lighten(@secondary,10%);
+}
+.search-form .search-input.search-giant input {
+  font-size: 15px;
+  padding: 7px;
 }
+
 .primary .module-content > .form-actions {
 	margin-left:0;
 	margin-right:0;
@@ -614,8 +619,12 @@ h1,h2,h3,h4,h5{
   background-color:  @secondary;
 }
 
+.bottom-yellow{
+  border-bottom: 3px solid @lab-yellow;
+}
 
 /* Groups */
+
 .groups.wrapper {
 	background-color:@light;
 }
@@ -741,9 +750,21 @@ strong.count {
 }
 
 /* Home */
+.festival-datos.module-content.box{
+  margin-top: 2em;
+}
+.lab-photo{
+  background: url("/images/fondolab.jpg");
+  height: 600px;
+  background-position: -171px -19px;
+}
+
 .hero {
 	overflow:hidden;
 }
+.hero a{
+  font-weight: 700;
+}
 .hero .map {
 	position:absolute;
 	width:100%;
@@ -769,6 +790,7 @@ strong.count {
 }
 .search-form .search-input {
   border: solid 2px @secondary;
+  width:65%;
 }
 
 .box {

diff --git a/ckanext/labplc/public/images/fondolab.jpg b/ckanext/labplc/public/images/fondolab.jpg
diff --git a/ckanext/labplc/templates/header.html b/ckanext/labplc/templates/header.html
@@ -40,7 +40,6 @@
                 ('home', _('Home')),
                 ('search', _('Datasets')),
                 ('organizations_index', _('Organizations')),
-                ('group_index', _('Groups')),
                 ('home_api', _('API')),
                 ('tutorials', _('Tutoriales')),
                 ) }}

diff --git a/ckanext/labplc/templates/home/index.html b/ckanext/labplc/templates/home/index.html
@@ -7,54 +7,33 @@
 {% endblock %}
 
 {% block content %}
-  <div role="main" class="hero">
+  <div role="main" class="hero lab-photo">
   <div class="container">
     <div class="row row1">
-      <div class="span8 col1">
-        <div class="module-content box">
+      <div class="span4 col1">
+        <div class="festival-datos module-content box">
           <header>
 
-              <h1 class="page-heading">¡Bienvenidos!</h1>
+              <h4 class="page-heading">BIENVENIDOS AL FESTIVAL DE DATOS DE LA CIUDAD DE MÉXICO</h4>
               <p>
-                El Laboratorio de Datos nace de la inquietud de generar una cultura de consumo de datos generados en
-                  las distintas Secretarías del Gobierno del Distrito Federal y tiene como objetivo principal el
-                  desarrollo de las herramientas necesarias para que estos datos se convierta en información útil tanto
-                  para la ciudadanía en general como para las distintas entidades de gobierno, empresas, emprendedores,
-                  asociaciones civiles, académicos, etc.
+                El Laboratorio de Datos es el repositorio de <a href="/dataset"> datasets</a> y
+                  <a href="/apis">API</a> proporcionados por las <a href="/organization">entidades</a> participantes
+                  en esta segunda edición de HackCDMX.
+                </p>
+              <p>
+                Aquí encontrarás todos los recursos digitales necesarios para desarrollar tus proyectos.
+                  Incluimos también algunos tutoriales que te ayudarán a entender y usar los datasets y herramientas.
+              </p>
+              <p>
+                Para más información acerca de los formatos de participación y entregables, revisa
+                  la sección de <a href="http://hack.labcd.mx/retos/">Retos</a> en <a href="http://hack.labcd.mx">hack.labcd.mx</a>.
               </p>
-              <p>Conoce más acerca del Laboratorio de Datos y te invitamos a participar activamente en el grupo de
-                  discusión del Laboratorio de Datos.
+              <p>
+                ¡Mucha suerte!
               </p>
           </header>
-            <section class="featured media-overlay hidden-phone">
-              <h2 class="media-heading">Placeholder image</h2>
-                <a class="media-image" href="#">
-                  <img src="{{ h.url_for_static('/base/images/placeholder-group.png') }}" alt="Placeholder" width="420" height="220" />
-                </a>
-            </section>
         </div>
       </div>
-      <div class="span2 col2">
-        <h2>Datasets</h2>
-            <ul>
-                <li>Histórico de viajes de Ecobici</li>
-                <li>Egresos hospitalarios</li>
-                <li>Mercados Públicos</li>
-                <li>Reporte Vial</li>
-                <li>Histórico de verificaciones vehiculares</li>
-                <li>Concesiones de Taxis</li>
-                <li>Red Automática de Monitoreo Atmosférico</li>
-            </ul>
-      </div>
-      <div class="span2 col2">
-
-        <h2>Iconografía</h2>
-            <ul>
-             <li>Iconografía del Transporte</li>
-             <li>Iconografía de Dependencias del GDF</li>
-            </ul>
-
-      </div>
     </div>
   </div>
 </div>

diff --git a/ckanext/labplc/templates/organization/index.html b/ckanext/labplc/templates/organization/index.html
@@ -10,4 +10,27 @@
     <li class="active">/{% link_for _('Organizations'), controller='organization', action='index' %}</li>
   </ol>
   {{ super() }}
+{% endblock %}
+
+{% block primary_content_inner %}
+  {% block organizations_search_form %}
+    {% snippet 'snippets/search_form.html', type='organization', query=c.q, sorting_selected=c.sort_by_selected, count=c.page.item_count, placeholder=_('Search organizations...'), show_empty=request.params, no_bottom_border=true if c.page.items %}
+  {% endblock %}
+  {% block organizations_list %}
+    {% if c.page.items or request.params %}
+      {% if c.page.items %}
+        {% snippet "organization/snippets/organization_list.html", organizations=c.page.items %}
+      {% endif %}
+    {% else %}
+      <p class="empty">
+        {{ _('There are currently no organizations for this site') }}.
+        {% if h.check_access('organization_create') %}
+          {% link_for _('How about creating one?'), controller='organization', action='new' %}</a>.
+        {% endif %}
+      </p>
+    {% endif %}
+  {% endblock %}
+  {% block page_pagination %}
+    {{ c.page.pager() }}
+  {% endblock %}
 {% endblock %}
diff --git a/ckanext/labplc/templates/organization/snippets/organization_item.html b/ckanext/labplc/templates/organization/snippets/organization_item.html
@@ -2,4 +2,8 @@
 {% ckan_extends %}
 
 {% block image %}
+{% endblock %}
+
+{% block title %}
+    <h4 class="media-heading bottom-yellow">{{ organization.display_name }}</h4>
 {% endblock %}
diff --git a/ckanext/labplc/templates/snippets/organization.html b/ckanext/labplc/templates/snippets/organization.html
@@ -0,0 +1,4 @@
+{% ckan_extends %}
+
+{% block image %}
+{% endblock %}