diff --git a/.gitignore b/.gitignore
index 187adb2..c054e11 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-/nbproject/
\ No newline at end of file
+/nbproject/
+/assets/img/
\ No newline at end of file
diff --git a/assets/css/animate.css b/assets/css/animate.css
new file mode 100644
index 0000000..fc5152c
--- /dev/null
+++ b/assets/css/animate.css
@@ -0,0 +1,24 @@
+.animated {
+  animation-duration: 1s;
+  animation-fill-mode: both; }
+
+@keyframes slideInDown {
+  from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible; }
+  to {
+    transform: translate3d(0, 0, 0); } }
+.slideInDown {
+  animation-name: slideInDown; }
+
+@keyframes slideOutUp {
+  from {
+    transform: translate3d(0, 0, 0); }
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0); } }
+.slideOutUp {
+  animation-name: slideOutUp;
+  animation-duration: 0.5s; }
+
+/*# sourceMappingURL=animate.css.map */
diff --git a/assets/css/animate.css.map b/assets/css/animate.css.map
new file mode 100644
index 0000000..ae848b4
--- /dev/null
+++ b/assets/css/animate.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,SAAU;EACR,kBAAkB,EAAE,EAAE;EACtB,mBAAmB,EAAE,IAAI;;AAG3B,sBASC;EARC,IAAK;IACH,SAAS,EAAE,wBAAwB;IACnC,UAAU,EAAE,OAAO;EAGrB,EAAG;IACD,SAAS,EAAE,oBAAoB;AAInC,YAAa;EACX,cAAc,EAAE,WAAW;;AAG7B,qBASC;EARC,IAAK;IACH,SAAS,EAAE,oBAAoB;EAGjC,EAAG;IACD,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,wBAAwB;AAIvC,WAAY;EACV,cAAc,EAAE,UAAU;EAC1B,kBAAkB,EAAE,IAAI",
+"sources": ["sass/app/animate.scss"],
+"names": [],
+"file": "animate.css"
+}
diff --git a/assets/css/app.css.map b/assets/css/app.css.map
deleted file mode 100644
index 7382eab..0000000
--- a/assets/css/app.css.map
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-"version": 3,
-"mappings": "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",
-"sources": ["sass/app/app.scss"],
-"names": [],
-"file": "app.css"
-}
diff --git a/assets/css/app.css b/assets/css/desktop.css
similarity index 94%
rename from assets/css/app.css
rename to assets/css/desktop.css
index dfe8503..68fd45a 100644
--- a/assets/css/app.css
+++ b/assets/css/desktop.css
@@ -88,7 +88,7 @@ main {
   width: 100%;
   height: 100%;
   padding: 30px 0 0 0;
-  background: linear-gradient(to right top, #8e44ad, #3498db); }
+  background: url("../img/wallpapers/background_desktop.png"); }
 
 .screensaver {
   position: fixed;
@@ -97,7 +97,7 @@ main {
   z-index: 400;
   width: 100%;
   height: 100%;
-  background: linear-gradient(#24C6DC 10%, #514A9D 90%) whitesmoke;
+  background-image: url("../img/wallpapers/background_screensaver.png");
   text-align: center;
   color: whitesmoke;
   font-weight: 300; }
@@ -116,11 +116,8 @@ main {
   .screensaver > .unlock {
     position: absolute;
     top: 75%;
-    left: 50%;
-    transform: translateX(-50%);
-    text-shadow: 0 0 5px whitesmoke;
-    color: rgba(255, 255, 255, 0.5);
-    animation: flash 1500ms ease infinite alternate; }
+    left: 51%;
+    transform: translateX(-50%); }
 
 @keyframes flash {
   0% {
@@ -227,4 +224,4 @@ a {
         margin: 0.3rem 0 0 0;
         overflow: hidden; }
 
-/*# sourceMappingURL=app.css.map */
+/*# sourceMappingURL=desktop.css.map */
diff --git a/assets/css/desktop.css.map b/assets/css/desktop.css.map
new file mode 100644
index 0000000..f74a1d0
--- /dev/null
+++ b/assets/css/desktop.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["sass/app/desktop.scss"],
+"names": [],
+"file": "desktop.css"
+}
diff --git a/assets/css/sass/app/animate.scss b/assets/css/sass/app/animate.scss
new file mode 100644
index 0000000..8d138a7
--- /dev/null
+++ b/assets/css/sass/app/animate.scss
@@ -0,0 +1,35 @@
+.animated {
+  animation-duration: 1s;
+  animation-fill-mode: both;
+}
+
+@keyframes slideInDown {
+  from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  animation-name: slideInDown;
+}
+
+@keyframes slideOutUp {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  animation-name: slideOutUp;
+  animation-duration: 0.5s;
+}
\ No newline at end of file
diff --git a/assets/css/sass/app/app.scss b/assets/css/sass/app/desktop.scss
similarity index 94%
rename from assets/css/sass/app/app.scss
rename to assets/css/sass/app/desktop.scss
index bd684c4..04e3817 100644
--- a/assets/css/sass/app/app.scss
+++ b/assets/css/sass/app/desktop.scss
@@ -6,9 +6,11 @@
 
 // THEMING VARIABLES
 
-$desktopBackground: linear-gradient(to right top, #8e44ad, #3498db);
+//https://wiki.debian.org/DebianArt/Themes/softWaves?action=AttachFile&do=view&target=attachment_wallpaper.png
+$desktopBackground: url("../img/wallpapers/background_desktop.png");
 
-$screensaverBackground: linear-gradient(#24C6DC 10%, #514A9D 90%) whitesmoke;
+//https://wiki.debian.org/DebianArt/Themes/DotsAndStars
+$screensaverBackground: url("../img/wallpapers/background_screensaver.png");
 
 $headerBackground: rgba(255, 255, 255, 0.3);
 
@@ -150,7 +152,7 @@ main {
   z-index: 400;
   width: 100%;
   height: 100%;
-  background: $screensaverBackground;
+  background-image: $screensaverBackground;
   text-align: center;
   color: whitesmoke;
   font-weight: 300;
@@ -175,11 +177,8 @@ main {
   > .unlock {
     position: absolute;
     top: 75%;
-    left: 50%;
+    left: 51%;
     transform: translateX(-50%);
-    text-shadow: 0 0 5px whitesmoke;
-    color: rgba(255, 255, 255, 0.5);
-    animation: flash 1500ms ease infinite alternate;
   }
 }
 
diff --git a/assets/img/wallpapers/background_desktop.png b/assets/img/wallpapers/background_desktop.png
new file mode 100644
index 0000000..e3841b2
Binary files /dev/null and b/assets/img/wallpapers/background_desktop.png differ
diff --git a/assets/img/wallpapers/background_screensaver.png b/assets/img/wallpapers/background_screensaver.png
new file mode 100644
index 0000000..8823a95
Binary files /dev/null and b/assets/img/wallpapers/background_screensaver.png differ
diff --git a/assets/js/app.js b/assets/js/app.js
index 11051a9..1536e75 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -17,17 +17,13 @@ function setTime(ts) {
 setTime(Date.now());
 
 $('.screensaver').on('click', function () {
-  $(this).fadeOut(500);
-});
-
-$('#menu').hide();
-
-$('#header-menu').on('click', function () {
-  $('#menu').fadeIn(500);
-});
-
-$('.menu-item').on('click', function () {
-  $('#menu').fadeOut(500);
+  if($(this).hasClass('animated') == false){
+      $(this).addClass('animated');
+  }
+  if($(this).hasClass('slideInDown')){
+      $(this).removeClass('slideInDown');
+  }
+  $(this).addClass("slideOutUp");
 });
 
 function Window(settings) {
@@ -86,31 +82,3 @@ function Window(settings) {
     });
   }
 }
-
-var w = new Window({
-  top: 50,
-  left: 20,
-  title: 'Home',
-  close: true,
-  draggable: true,
-  content: [
-    { type: 'folder', icon: 'file', text: 'Documents' },
-    { type: 'folder', icon: 'music', text: 'Music' },
-    { type: 'folder', icon: 'camera', text: 'Pictures' },
-    { type: 'folder', icon: 'video-camera', text: 'Videos' }
-  ]
-});
-
-var w = new Window({
-  top: 300,
-  left: 250,
-  title: 'Project Pillow',
-  close: true,
-  draggable: true,
-  content: [
-    { type: 'file', icon: 'file-pdf-o', text: 'specs.pdf' },
-    { type: 'file', icon: 'file-excel-o', text: 'plan.xls' },
-    { type: 'file', icon: 'file-archive-o', text: 'stuff.zip' },
-    { type: 'file', icon: 'file-code-o', text: 'project.js' }
-  ]
-});
diff --git a/index.html b/index.html
index 31766d4..64c212a 100644
--- a/index.html
+++ b/index.html
@@ -5,51 +5,23 @@
         <meta charset="UTF-8">
         <link rel="stylesheet" href="assets/css/normalize.css">
         <link rel="stylesheet" href="assets/css/font-awesome.css">
-        <link rel="stylesheet" href="assets/css/app.css">
+        <link rel="stylesheet" href="assets/css/animate.css">
+        <link rel="stylesheet" href="assets/css/desktop.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
     </head>
     <body>
-        <header><span id="header-menu">Menu</span><span id="header-settings">Settings</span>
+        <header>
           <time class="time" style="float: right">time</time>
           <time class="date" style="float: right">date</time>
         </header>
-        <div id="menu">
-          <div class="menu-content">
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-          </div>
-          <div class="menu-footer">
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-            <div class="menu-item"><i class="fa fa-cube"></i>
-              <p>Item</p>
-            </div>
-          </div>
-        </div>
+        
         <main></main>
         <div class="screensaver">
           <div class="content">
             <time class="time">time</time>
             <time class="date">date</time>
           </div>
-          <div class="unlock">click to unlock</div>
+          <div class="unlock">Cliquez pour déverouiller</div>
         </div>
         <script src="assets/js/jquery-3.2.1.min.js"></script>
         <script src="assets/js/app.js"></script>