avance en recetario , añadida route que había borrado sin querer a receta detalle

fuel/app/config/routes.php

@@ -31,6 +31,8 @@ return array(
     'menussaludables'               =>'menussaludables/lista/index',
     'menussaludables-menu'          =>'menussaludables/menu/index',
 
+    'receta-detalle'                =>'receta/index',
+
     'recetario'                     =>'recetario/index',
 
 

fuel/app/views/recetario/filters.twig

@@ -4,16 +4,19 @@
     </div>
 
     <div class="container-box-border-box">
-        <div id="btn-show-filter-recetario" class="text-right mt-arrow-filters ">
+
+        <!--flecha desplegable filtros-->
+        <div id="btn-show-filter-recetario" class="text-right mt-arrow-filters pointer">
             <i class="fa fa-angle-down fa-2x" id="arrow-filters"> </i>
         </div>
+        <!--contenido desplegable filtros-->
         <div class="hidden" id="content-filter-recetario">
             <div class="row mt20">
-                {% for i in 0..11 %}
+                    {% for i in 1..12 %}
                         <div class="col-md-4">
                             <div class="form-group text-center">
-                            <label class="switch" for="checkbox_{{ i }}">
-                                <input type="checkbox" id="checkbox_{{ i }}" />
+                                <label class="switch" for="switch_filter_{{ i }}">
+                                    <input type="checkbox" id="switch_filter_{{ i }}" />
                                     <div class="slider round"></div>
                                 </label>
                                 <p>filtro {{ i }}</p>
@@ -27,6 +30,7 @@
                 </div>
             </div>
         </div>
+
     </div>
 </div>
 

fuel/app/views/recetario/index.twig

@@ -8,11 +8,15 @@
         </div>
     </div>
     <!--contenido-->
-    <div class="container mt20" >
-
+    <div class="container mt20">
+        <div>
             {% include 'filters.twig' %}
+        </div>
 
+        <div>
             {% include 'list.twig' %}
+        </div>
+
 
     </div>
 {% endblock %}

fuel/app/views/recetario/list.twig

-listado
+{% for i in 0..11 %}
\ No newline at end of file
+    <!--item lista, una receta-->
+    <div class="receta-and-articulo-item-list pointer" style="background-image:url('assets/img/receta/receta.jpg')">
+        <a href="receta-detalle">
+            <div class="black-overlay">
+                <div class="text-receta-and-articulo-item-list">
+                    <h2><b>Titulo receta</b></h2>
+                    <p>Frase especial de receta</p>
+                </div>
+            </div>
+        </a>
+    </div>
+
+{% endfor %}
\ No newline at end of file

public/assets/css/custom.css

@@ -520,6 +520,26 @@ a:focus {
     margin-top:-40px;
 }
 
+.receta-and-articulo-item-list{
+    background-size:cover;
+    height:200px;
+    width:100%;
+
+}
+.text-receta-and-articulo-item-list{
+color:#fff;
+}
+
+.black-overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    z-index: 9;
+}
+
 
 
 /*-*-*-*---*-*-*--*-*-*--*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*RESPONSIVE-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*/