Merge branch 'Kyfront' into 'master'

Adding basic index navbar

See merge request LETU/LETU!7

package-lock.json

@@ -1050,11 +1050,11 @@
         "cookie": "0.4.0",
         "cookie-signature": "1.0.6",
         "debug": "2.6.9",
-        "depd": "~2.0.0",
+        "depd": "2.0.0",
-        "on-headers": "~1.0.2",
+        "on-headers": "1.0.2",
-        "parseurl": "~1.3.3",
+        "parseurl": "1.3.3",
         "safe-buffer": "5.2.0",
-        "uid-safe": "~2.1.5"
+        "uid-safe": "2.1.5"
       },
       "dependencies": {
         "depd": {
@@ -3663,7 +3663,7 @@
       "resolved": "https://registry.npmjs.org/uid-safe/-/uid-safe-2.1.5.tgz",
       "integrity": "sha512-KPHm4VL5dDXKz01UuEd88Df+KzynaohSL9fBh096KWAxSKZQDI2uBrVqtvRM4rwrIrRRKsdLNML/lnaaVSRioA==",
       "requires": {
-        "random-bytes": "~1.0.0"
+        "random-bytes": "1.0.0"
       }
     },
     "umzug": {

public/stylesheets/style.css

@@ -6,6 +6,9 @@ body {
   margin: 0;
   padding: 0; }
 
+h1 {
+  text-align: center; }
+
 h2 {
   color: #e0e0e0;
   margin-top: 0;
@@ -47,4 +50,59 @@ h2 {
 i {
   color: #00c0ff; }
 
+#panel {
+  background-color: #2a2a2a;
+  height: 100vh;
+  border-right: 2px solid #a1a1a1;
+  padding: 0; }
+
+.main {
+  background-color: #101010; }
+
+#navtop {
+  font-size: 30px; }
+  #navtop .maintitle {
+    font-size: 50px;
+    text-align: center;
+    margin: 0;
+    margin-top: 2vh; }
+  #navtop ul {
+    margin: 0;
+    text-align: right; }
+    #navtop ul li.active {
+      background: #00c0ff; }
+      #navtop ul li.active a {
+        color: black; }
+    #navtop ul li {
+      padding: 1.3vw;
+      border-top: 1px solid #101010;
+      background: linear-gradient(to right, #2a2a2a 50%, #00c0ff 50%) left;
+      background-size: 200%;
+      transition: .3s ease-out; }
+      #navtop ul li a {
+        color: #C5C6C7;
+        transition-duration: 0.3s; }
+    #navtop ul li:hover {
+      background-position: right;
+      cursor: pointer; }
+      #navtop ul li:hover a {
+        color: black; }
+
+#navprofile {
+  font-size: 25px;
+  padding-top: 4vh;
+  padding-bottom: 4vh;
+  margin: 0; }
+  #navprofile img {
+    width: 100%;
+    display: block;
+    margin: auto;
+    padding: 0.5vw; }
+  #navprofile p {
+    margin-top: 1vh;
+    margin-bottom: 0; }
+
+#page {
+  margin: 0; }
+
 /*# sourceMappingURL=style.css.map */

public/stylesheets/style.css.map

@@ -5,5 +5,5 @@
 		"style.sass"
 	],
 	"names": [],
-	"mappings": "AAQA,AAAA,IAAI,CAAC;EACH,OAAO,EAAE,IAAI;EACb,IAAI,EAAE,kDAAkD;EACxD,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAVV,OAAO;EAWb,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC,GAAG;;AAGf,AAAA,EAAE,CAAC;EACD,KAAK,EAdC,OAAO;EAeb,UAAU,EAAE,CAAC;EACb,UAAU,EAAE,MAAM,GAAG;;AAEvB,AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC;EAC3B,OAAO,EAAE,GAAG,GAAG;;AAEjB,AAAA,SAAS,CAAC;EACR,UAAU,EAAE,IAAI;EAChB,gBAAgB,EAxBV,OAAO;EAyBb,aAAa,EAAE,GAAG,GA2BqB;EA9BzC,AAIE,SAJO,CAIP,GAAG,CAAC;IACF,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,IAAI,GAAG;EAPnB,AAUI,SAVK,CASP,IAAI,CACF,KAAK,CAAC;IACJ,KAAK,EAhCH,OAAO;IAiCT,aAAa,EAAE,GAAG;IAClB,SAAS,EAAE,IAAI,GAAG;EAbxB,AAcI,SAdK,CASP,IAAI,CAKF,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,EAAe;IACnB,OAAO,EAAE,GAAG;IACZ,aAAa,EAAE,GAAG;IAClB,gBAAgB,EAzCV,OAAO;IA0Cb,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,OAAO;IACf,mBAAmB,EAAE,IAAI,GAAG;EA1BlC,AA2BI,SA3BK,CASP,IAAI,CAkBF,KAAK,CAAA,AAAA,IAAC,CAAK,QAAQ,AAAb,CAAc,MAAM,CAAC;IACzB,KAAK,EApDC,OAAO;IAqDb,gBAAgB,EApDd,OAAO;IAqDT,MAAM,EAAE,GAAG,CAAC,KAAK,CAtDX,OAAO,GAsDkB;;AAErC,AAAA,CAAC,CAAC;EACA,KAAK,EA1DG,OAAO,GA0DG"
+	"mappings": "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"
 }

public/stylesheets/style.sass

@@ -4,6 +4,7 @@ $dark1: #101010;
 $dark2: #2a2a2a;
 $light: #e0e0e0;
 $light2: #C5C6C7;
+$light3: #a1a1a1;
 
 
 body
@@ -14,6 +15,8 @@ body
   margin: 0;
   padding: 0;
 
+h1
+  text-align: center;
 
 h2
   color: $light;
@@ -57,3 +60,62 @@ h2
 
 i
   color: $primary;
+
+#panel
+  background-color: $dark2;
+  height: 100vh;
+  border-right: 2px solid $light3;
+  padding: 0;
+
+.main
+  background-color: $dark1;
+
+#navtop
+  font-size: 30px;
+  .maintitle
+    font-size: 50px;
+    text-align: center;
+    margin: 0;
+    margin-top: 2vh;
+  ul
+    margin: 0;
+    text-align: right;
+    li.active
+      background: $primary;
+      a
+        color: black;
+    li
+      padding: 1.3vw;
+      border-top: 1px solid $dark1;
+      background: linear-gradient(to right, $dark2 50%, $primary 50%) left;
+      background-size: 200%;
+      transition: .3s ease-out;
+
+      a
+        color: $light2;
+        transition-duration: 0.3s;
+    li:hover
+      background-position: right;
+      cursor: pointer;
+      a
+        color: black;
+
+#navprofile
+  font-size: 25px;
+  padding-top: 4vh;
+  padding-bottom: 4vh;
+  margin: 0;
+
+  img
+    width: 100%;
+    display: block;
+    margin: auto;
+    padding: 0.5vw;
+
+  p
+    margin-top: 1vh;
+    margin-bottom: 0;
+
+#page
+  margin: 0;
+

views/index.pug

@@ -1,5 +1,32 @@
 extends layout
 
 block content
-    h1= title
+    div(class="row" id="page")
-    p Welcome to #{title}
+
+        div(class="col m2" id="panel")
+            div(class="row" id="navprofile")
+                div(class="col s4")
+                    img(src="images/avatar-bk.png")
+                div(class="col s8")
+                    p Kezel Benoit
+                    p G4S3
+
+            div(id="navtop")
+                ul
+                    li(class="active")
+                        a Accueil
+                    li
+                        a Emploi du temps
+                    li
+                        a Notes
+                    li
+                        a Mail
+                    li
+                        a Claroline
+                    li
+                        a Vie scolaire et étudiante
+
+
+        div(class="col s10 main")
+            h1 Welcome Back Benoit !
+            div(class="home")