diff --git a/package-lock.json b/package-lock.json index 4221706..b9a8a97 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1050,11 +1050,11 @@ "cookie": "0.4.0", "cookie-signature": "1.0.6", "debug": "2.6.9", - "depd": "~2.0.0", - "on-headers": "~1.0.2", - "parseurl": "~1.3.3", + "depd": "2.0.0", + "on-headers": "1.0.2", + "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": { diff --git a/public/images/avatar-bk.png b/public/images/avatar-bk.png new file mode 100644 index 0000000..1b1c49d Binary files /dev/null and b/public/images/avatar-bk.png differ diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index f2d484b..537a95d 100644 --- a/public/stylesheets/style.css +++ b/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 */ \ No newline at end of file diff --git a/public/stylesheets/style.css.map b/public/stylesheets/style.css.map index 0d4b69e..c3ad89b 100644 --- a/public/stylesheets/style.css.map +++ b/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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" } \ No newline at end of file diff --git a/public/stylesheets/style.sass b/public/stylesheets/style.sass index 44cf1b4..64e2e56 100644 --- a/public/stylesheets/style.sass +++ b/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; + diff --git a/views/index.pug b/views/index.pug index a2c3217..2b7f82c 100644 --- a/views/index.pug +++ b/views/index.pug @@ -1,5 +1,32 @@ extends layout block content - h1= title - p Welcome to #{title} + div(class="row" id="page") + + 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")