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/layout/menu.twig

@@ -5,7 +5,7 @@
             <div class="row mt20">
                 <div class="col-xs-2 text-left">
                     <a  type="button" id="trigger-overlay" >
-                        <i class="fa fa-bars fa-2x  line-height-60  color-menu-personalizado"></i>
+                        <i class="fa fa-bars fa-2x line-height-60 color-menu-personalizado"></i>
                     </a>
                 </div>
                 <div class="col-xs-10 text-right">

fuel/app/views/recetario/filters.twig

@@ -4,22 +4,25 @@
     </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 %}
-                    <div class="col-md-4">
-                        <div class="form-group text-center">
-                            <label class="switch" for="checkbox_{{ i }}">
-                                <input type="checkbox" id="checkbox_{{ i }}" />
-                                <div class="slider round"></div>
-                            </label>
-                            <p>filtro {{ i }}</p>
+                    {% for i in 1..12 %}
+                        <div class="col-md-4">
+                            <div class="form-group text-center">
+                                <label class="switch" for="switch_filter_{{ i }}">
+                                    <input type="checkbox" id="switch_filter_{{ i }}" />
+                                    <div class="slider round"></div>
+                                </label>
+                                <p>filtro {{ i }}</p>
+                            </div>
                         </div>
-                    </div>
-                {% endfor %}
+                    {% endfor %}
             </div>
             <div class="row">
                 <div class="col-md-6 col-md-offset-6">
@@ -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>
 
-        {% include 'filters.twig' %}
+        <div>
+            {% include 'list.twig' %}
+        </div>
 
-        {% include 'list.twig' %}
 
     </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-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*/