diff --git a/sass/style.sass b/sass/style.sass
index 4af3869..eab44b6 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -71,16 +71,8 @@ h2
 i
   color: $primary
 
-#panel
-  background-color: $dark2
-  height: 100vh
-  border-right: 2px solid $light3
-  padding: 0
-  position: fixed
-
 #main
   background-color: $dark1
-  margin-left: 16vw
 
 #navtop
   font-size: 22px
@@ -130,11 +122,11 @@ i
     cursor: pointer
 
 .student
-  background: radial-gradient(circle, rgb(1, 79, 116) 20%, rgb(15, 15, 99) 100%)
+  background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%)
 .teacher
-  background: radial-gradient(circle, rgb(5, 116, 1) 20%, rgb(11, 68, 10) 100%)
+  background-image: radial-gradient( circle farthest-corner at -1% 57.5%,  rgba(19,170,82,1) 0%, rgba(0,102,43,1) 90% )
 .admin
-  background: radial-gradient(circle, rgb(116, 74, 1) 20%, rgb(99, 42, 15) 100%)
+  background-image: radial-gradient( circle farthest-corner at 7.2% 19%,  rgba(120,0,0,1) 0%, rgba(239,75,75,1) 100.2% )
 
 #page
   margin: 0
@@ -219,6 +211,7 @@ h3
   .midi
     td
       height: 10vh
+      cursor: auto
   th
     background-color: $secondary
     text-align: center
@@ -234,6 +227,7 @@ h3
     td
       border-bottom: 1px solid white
   td
+    cursor: pointer
     text-align: center
     font-size: 15px
     background-color: $medium
@@ -489,6 +483,37 @@ div#visible + div
     margin: auto
     cursor: pointer
 
+.detailsedt
+  z-index: 1
+  display: none
+  position: fixed
+  top: 20vh
+  left: 30%
+  background-color: $dark2
+  width: 40%
+  border-radius: 50px
+  border: 1px solid $light3
+  p
+    font-size: 20px
+    padding: 5px
+    color: white
+    margin: 0
+    text-align: center
+  p:first-child
+    font-size: 25px
+    background-color: $secondary
+    border-top-right-radius: 50px
+    border-top-left-radius: 50px
+
+#slide-out
+  background-color: $dark2
+  a
+    color: white
+    font-size: 20px
+
+#hamburger
+  position: fixed
+
 #notvisible
   display: none
 
diff --git a/views/pages/edt.pug b/views/pages/edt.pug
index ace08ac..028d26c 100644
--- a/views/pages/edt.pug
+++ b/views/pages/edt.pug
@@ -1,87 +1,100 @@
 extends ../template/navbar
 
 block content
-    table(id="edttable")
-        tr
-            th Monday
-            th Tuesday
-            th Wednesday
-            th Thursday
-            th Friday
-        tr
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-        tr
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-        tr(class="midi")
-            td
-            td
-            td
-            td
-            td
-        tr
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-        tr
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-            td
-                p Maths
-                p S26
-    div(class="row" id="edtweek")
-        div(class="col s3 offset-s1")
-            i(class="large material-icons") fast_rewind
-        div(class="col s4")
-            h3 Week of the 02/11/2020
-        div(class="col s3")
-            i(class="large material-icons") fast_forward
\ No newline at end of file
+    - let variable = [{name:"",ue:{id:0,name:""},teachers:[{id:0,firstName:"",lastName:""}],location:[""],dateStart:Date,dateEnd:Date,group:{id:0,number:0,promotion:{id:0,name:""}},promotion:{id:0,name:""}}];
+    div.detailsedt#visibl
+        p Maths
+        p S26
+        p Mr. Jaloux
+        p G4S3
+        p 08h à 10h
+        p UE------------
+
+    div
+        table(id="edttable")
+            tr
+                th Monday
+                th Tuesday
+                th Wednesday
+                th Thursday
+                th Friday
+            tr
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+            tr
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+            tr(class="midi")
+                td
+                td
+                td
+                td
+                td
+            tr
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+            tr
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+                td
+                    p Maths
+                    p S26
+
+        div(class="row" id="edtweek")
+            div(class="col s3 offset-s1")
+                i(class="large material-icons") fast_rewind
+            div(class="col s4")
+                h3 Week of the 02/11/2020
+            div(class="col s3")
+                i(class="large material-icons") fast_forward
+
+
diff --git a/views/pages/viescol.pug b/views/pages/viescol.pug
index e3efa17..ffc10ed 100644
--- a/views/pages/viescol.pug
+++ b/views/pages/viescol.pug
@@ -1,7 +1,7 @@
 extends ../template/navbar
 
 block content
-    div.managesub#visible
+    div.managesub#visibl
         p.topicname Tick the topics you would like to see in your news feed
         form
             p
diff --git a/views/template/layout.pug b/views/template/layout.pug
index 825a399..bb707d2 100644
--- a/views/template/layout.pug
+++ b/views/template/layout.pug
@@ -7,13 +7,14 @@ html
     link(rel="stylesheet", href="/stylesheets/style.css")
     script(src="/socket.io/socket.io.js")
   body
-    - let student = false
-    - let teacher = true
+    - let student = true
+    - let teacher = false
     - let admin = false
     div(class="row" id="page")
-      div(class="col s2" id="panel")
-        block navbar
-      div(class="col s10" id="main")
+      block navbar
+      div(class="col s12" id="main")
         block content
   script(src="/javascripts/main.js")
   script(src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js")
+  script.
+    M.AutoInit();
diff --git a/views/template/navbar.pug b/views/template/navbar.pug
index 99b6c62..b2b64b7 100644
--- a/views/template/navbar.pug
+++ b/views/template/navbar.pug
@@ -1,57 +1,68 @@
 extends layout
 
 block navbar
-    if session.user.permissions === 1
-        div(id="navprofile" class="student" onclick="profilRedirect()")
-            p=session.user.firstName + " " + session.user.lastName
-            if session.user.Groups[session.user.Groups.length-1].number.startsWith("G")
-                p=session.user.Groups[session.user.Groups.length-1].number + session.user.Groups[session.user.Groups.length-1].Semester.name
-            else
-                p=session.user.Groups[session.user.Groups.length-1].Semester.name + " " + session.user.Groups[session.user.Groups.length-1].number
-            a(id="logout") Logout
-    if session.user.permissions === 2
-        div(id="navprofile" class="teacher" onclick="profilRedirect()")
-            p=session.user.firstName + " " + session.user.lastName
-            a(id="logout") Logout
-    if session.user.permissions === 3
-        div(id="navprofile" class="admin" onclick="profilRedirect()")
-            p=session.user.firstName + " " + session.user.lastName
-            a(id="logout") Logout
+    ul#slide-out.sidenav
+        if student === true
+            li
+                .user-view.student
+                    p
+                        span.white-text.name=session.user.firstName + " " + session.user.lastName
+                    p
+                        if session.user.Groups[session.user.Groups.length-1].number.startsWith("G")
+                            span.white-text.name=session.user.Groups[session.user.Groups.length-1].number + session.user.Groups[session.user.Groups.length-1].Semester.name
+                        else
+                            span.white-text.name=session.user.Groups[session.user.Groups.length-1].Semester.name + " " + session.user.Groups[session.user.Groups.length-1].number
+                    p
+                        span.white-text.email=session.user.email
 
-    div(id="navtop")
-        ul
-            if student === true
-                li(class="active")
-                    a(href="/") Home
-                li
-                    a(href="/edt") Planning
-                li
-                    a(href="/marks") Marks
-                li
-                    a(href="https://mail.univ-lyon1.fr/owa/") Mail
-                li
-                    a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline
-                li
-                    a(href="/viescol") School and student life
-            if teacher === true
-                li(class="active")
-                    a(href="/") Home
-                li
-                    a(href="/edt") Planning
-                li
-                    a(href="/marks") Marks
-                li
-                    a(href="https://mail.univ-lyon1.fr/owa/") Mail
-                li
-                    a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline Connect
-                li
-                    a(href="/viescol") School and student life
-            if admin === true
-                li(class="active")
-                    a Accueil
-                li
-                    a Notes
-                li
-                    a Vie scolaire et étudiante
-                li
-                    a Gestion des profils
+            li
+                a(href="/" class="waves-effect") Home
+            li
+                a(href="/edt" class="waves-effect") Planning
+            li(class="active")
+                a(href="/marks" class="waves-effect") Marks
+            li
+                a(href="https://mail.univ-lyon1.fr/owa/" class="waves-effect") Mail
+            li
+                a(href="https://clarolineconnect.univ-lyon1.fr/" class="waves-effect") Claroline
+            li
+                a(href="/viescol" class="waves-effect") School and student life
+
+        if teacher === true
+            li
+                .user-view.teacher
+                    p(href='#name')
+                        span.white-text.name=session.user.firstName + " " + session.user.lastName
+                    p(href='#email')
+                        span.white-text.email=session.user.email
+            li
+                a(href="/" class="waves-effect") Home
+            li
+                a(href="/edt" class="waves-effect") Planning
+            li(class="active")
+                a(href="/marks" class="waves-effect") Marks
+            li
+                a(href="https://mail.univ-lyon1.fr/owa/" class="waves-effect") Mail
+            li
+                a(href="https://clarolineconnect.univ-lyon1.fr/" class="waves-effect") Claroline
+            li
+                a(href="/viescol" class="waves-effect") School and student life
+
+        if admin === true
+            li
+                .user-view.admin
+                    p(href='#name')
+                        span.white-text.name=session.user.firstName + " " + session.user.lastName
+                    p(href='#email')
+                        span.white-text.email=session.user.email
+            li
+                a(href="/" class="waves-effect") Home
+            li(class="active")
+                a(href="/marks" class="waves-effect") Marks
+            li
+                a(href="/viescol" class="waves-effect") School and student life
+            li
+                a(href="/viescol" class="waves-effect") Profil Edition
+
+    a.sidenav-trigger(href='#' data-target='slide-out')#hamburger
+        i.material-icons.medium menu
\ No newline at end of file