front-updated

css/style.css

@@ -48,7 +48,7 @@ html, body
     height: 100%;
     width: 100%;
     margin: auto;
-    background-image: url("/media/lisbon.gif");
+    background-image: url("../media/lisboa.gif");
     background-repeat: repeat;
     background-color: black;
     display: table;
@@ -88,5 +88,6 @@ html, body
 }
 
 .content a:hover{
-    color: #282828;
+    color: black;
+    background-color: #dcdcdc;
 }

index.html

@@ -7,7 +7,6 @@
   <meta name="author" content="">
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link href="css/normalize.css" rel="stylesheet">
   <link href="css/style.css" rel="stylesheet">
 </head>
 
@@ -16,7 +15,7 @@
     <div class="inner">
       <div class="content">
         <h1>FREIXO</h1>
-        <a href="astrophotography/index.html">astrophotography</a>
+        <a href="astrophotography/">astrophotography</a>
         <a href="design/index.html">design</a>
         <a href="photography/index.html">photography</a>
         <a href="programming/index.html">programming</a>   

js/script.js

@@ -0,0 +1,10 @@
+var urls = $('.content a');
+var urlsbg = urls.css('background-color');
+var colors = ['#428577', '#ec8f3f', '#d5d4d5', '#2d6fdc', '#5e7270'];
+
+urls.hover(function () { //mouseover
+    var newcolor = colors[Math.floor(Math.random() * colors.length)];
+    $(this).css('background-color', newcolor);
+}, function () { //mouseout
+    $(this).css('background-color', urlsbg);
+});