actus

app/assets/stylesheets/public.scss

@@ -29,14 +29,14 @@ a{
 }
 
 body{
-  font-family:Lato;
+  font-family:"Museo sans";
   font-weight:300;
   line-height:1.4em;
   text-align:justify;
   
   padding:0;
   margin:0;
-  font-size:14px;
+  font-size:15px;
   color:#333333;
   
   
@@ -572,6 +572,8 @@ article{
   
 }
 
+
+
 h1{
 
   color:#69952f;
@@ -614,4 +616,41 @@ h1{
   }
   
   
+}
+.articles_index{
+  
+  a{
+    color:inherit;
+    &:hover{
+      
+      color:inherit;
+      text-decoration:none;
+    }
+    
+    
+  }
+}
+
+
+.article_list{
+
+  .image{
+    width:200px;
+    float:left;
+    background: #757575 center center no-repeat;
+    background-size:100%;
+    background-size:cover;
+
+    overflow:hidden;
+    margin-bottom:5px;
+  }
+  .description{
+
+
+    margin-left:210px;
+    margin-bottom:5px;
+    
+  }
+  
+  
 }

app/views/public/articles/_index.html.haml

@@ -3,15 +3,16 @@
   -articles = @articles
     
   -if articles
-    .articles
+    .articles_index
       -articles.each do |article|
         %a{:href => public_article_path(:id => article.slug)}
-          .article
+          .article_list
             .image=image_tag article.image_file.file.large.medium.url if article.image_file
       
         
             .description
-              %h2=article.title
+              %h1=article.title
+              =simple_format article.description
           
         .clear
   #articles_pagination= paginate @articles