1
0
Fork 0

Merge branch 'Kyfront' into 'master'

Adding basic index navbar

See merge request LETU/LETU!7
This commit is contained in:
Ethanell 2020-10-15 20:05:54 +02:00
commit ed6f1e5e1a
6 changed files with 155 additions and 8 deletions

10
package-lock.json generated
View file

@ -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": {

BIN
public/images/avatar-bk.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 286 KiB

View file

@ -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 */

View file

@ -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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"
}

View file

@ -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;

View file

@ -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")