IUT_Informatique/letu
Archived
1
0
Fork 0
Code Activity

Adding responsive

Browse source
This commit is contained in:
Kezel Benoit 2020-12-12 18:38:03 +01:00
parent 7f7fed1f0a
commit 0966d2c17b
5 changed files with 81 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
sass/style.sass
View file

@ -71,16 +71,8 @@ h2
i i
color: $primary color: $primary
#panel
background-color: $dark2
height: 100vh
border-right: 2px solid $light3
padding: 0
position: fixed
#main #main
background-color: $dark1 background-color: $dark1
margin-left: 16vw
#navtop #navtop
font-size: 22px font-size: 22px
@ -130,11 +122,11 @@ i
cursor: pointer cursor: pointer
.student .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 .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 .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 #page
margin: 0 margin: 0
@ -513,3 +505,11 @@ div#visible + div
border-top-right-radius: 50px border-top-right-radius: 50px
border-top-left-radius: 50px border-top-left-radius: 50px
#slide-out
background-color: $dark2
a
color: white
font-size: 20px
#hamburger
position: fixed

2
views/pages/edt.pug
View file

@ -2,7 +2,7 @@ extends ../template/navbar
block content block content
- 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:""}}]; - 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 div.detailsedt#visibl
p Maths p Maths
p S26 p S26
p Mr. Jaloux p Mr. Jaloux

2
views/pages/viescol.pug
View file

@ -1,7 +1,7 @@
extends ../template/navbar extends ../template/navbar
block content block content
div.managesub#visible div.managesub#visibl
p.topicname Tick the topics you would like to see in your news feed p.topicname Tick the topics you would like to see in your news feed
form form
p p

11
views/template/layout.pug
View file

@ -7,13 +7,14 @@ html
link(rel="stylesheet", href="/stylesheets/style.css") link(rel="stylesheet", href="/stylesheets/style.css")
script(src="/socket.io/socket.io.js") script(src="/socket.io/socket.io.js")
body body
- var student = false - let student = true
- var teacher = true - let teacher = false
- var admin = false - let admin = false
div(class="row" id="page") div(class="row" id="page")
div(class="col s2" id="panel")
block navbar block navbar
div(class="col s10" id="main") div(class="col s12" id="main")
block content block content
script(src="/javascripts/main.js") script(src="/javascripts/main.js")
script(src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js") script(src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js")
script.
M.AutoInit();

83
views/template/navbar.pug
View file

@ -1,54 +1,65 @@
extends layout extends layout
block navbar block navbar
ul#slide-out.sidenav
if student === true if student === true
div(id="navprofile" class="student") li
p Kezel Benoit .user-view.student
p G4S3 p
a(id="logout") Logout span.white-text.name Benoit Kezel
if teacher === true p
div(id="navprofile" class="teacher") span.white-text.name G4S3
p Kezel Benoit p
a(id="logout") Logout span.white-text.email benoit.kezel@etu.univ-lyon1.fr
if admin === true
div(id="navprofile" class="admin")
p Kezel Benoit
a(id="logout") Logout
div(id="navtop") li
ul a(href="/" class="waves-effect") Home
if student === true li
a(href="/edt" class="waves-effect") Planning
li(class="active") li(class="active")
a(href="/") Home a(href="/marks" class="waves-effect") Marks
li li
a(href="/edt") Planning a(href="https://mail.univ-lyon1.fr/owa/" class="waves-effect") Mail
li li
a(href="/marks") Marks a(href="https://clarolineconnect.univ-lyon1.fr/" class="waves-effect") Claroline
li li
a(href="https://mail.univ-lyon1.fr/owa/") Mail a(href="/viescol" class="waves-effect") School and student life
li
a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline
li
a(href="/viescol") School and student life
if teacher === true if teacher === true
li
.user-view.teacher
p(href='#name')
span.white-text.name Benoit Kezel
p(href='#email')
span.white-text.email benoit.kezel@etu.univ-lyon1.fr
li
a(href="/" class="waves-effect") Home
li
a(href="/edt" class="waves-effect") Planning
li(class="active") li(class="active")
a(href="/") Home a(href="/marks" class="waves-effect") Marks
li li
a(href="/edt") Planning a(href="https://mail.univ-lyon1.fr/owa/" class="waves-effect") Mail
li li
a(href="/marks") Marks a(href="https://clarolineconnect.univ-lyon1.fr/" class="waves-effect") Claroline
li li
a(href="https://mail.univ-lyon1.fr/owa/") Mail a(href="/viescol" class="waves-effect") School and student life
li
a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline Connect
li
a(href="/viescol") School and student life
if admin === true if admin === true
li
.user-view.admin
p(href='#name')
span.white-text.name Benoit Kezel
p(href='#email')
span.white-text.email benoit.kezel@etu.univ-lyon1.fr
li
a(href="/" class="waves-effect") Home
li(class="active") li(class="active")
a Accueil a(href="/marks" class="waves-effect") Marks
li li
a Notes a(href="/viescol" class="waves-effect") School and student life
li li
a Vie scolaire et étudiante a(href="/viescol" class="waves-effect") Profil Edition
li
a Gestion des profils a.sidenav-trigger(href='#' data-target='slide-out')#hamburger
i.material-icons.medium menu