better home

app/assets/javascripts/application.js

@@ -11,3 +11,11 @@
 // about supported directives.
 //
 //= require_tree .
+
+
+$(document).ready(function(){
+  var msnry = new Masonry( '#infos', {
+    columnWidth: 180,
+    itemSelector: '.card'
+  });
+});

app/assets/stylesheets/application.css

@@ -8,7 +8,35 @@ a {
   color:black;
 }
 
-a:hover{
-  background-color: black;
-  color: white;
+p:hover{
+  background-color: green;
+}
+.card:hover{
+  background-color: green;
+}
+
+.card{
+  color: black;
+  width: 200px;
+  float: left;
+  border: 2px solid green;
+  margin: 10px;
+  padding: 25px;
+  font-size: 22px;
+  text-align: center;
+  box-shadow: 8px 8px 3px #1a54027a;
+}
+.date{
+  font-size: 14px;
+  color: gray;
+  padding-top: 15px
+}
+
+
+#nav{
+  display: inline-block;
+  width: 100%;
+  text-align: center;
+  padding: 10px;
+  font-size: 19px
 }