services.pug 3.12 KB
Newer Older
Rosanny Sihombing's avatar
Rosanny Sihombing committed
1
doctype html
2
html(lang="de")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
3
4
5
6
7
8
9
  head
    title= "User Profile"
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no")
    link(rel="stylesheet", type="text/css", href="https://transfer.hft-stuttgart.de/css/bootstrap/bootstrap.css")
    link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.8.2/css/all.css", integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay", crossorigin="anonymous")
  body
10
    div(class="container")
11
        div(class="row min-vh-100 flex-column flex-md-row")
12
            aside(class="col-12 col-md-3 p-0 flex-shrink-1")
13
14
15
16
                nav(class="navbar navbar-expand flex-md-column flex-row align-items-start py-2")
                    div(class="collapse navbar-collapse")
                        ul(class="flex-md-column flex-row navbar-nav w-100 justify-content-between")
                            li(class="nav-item")
17
                                a(class="nav-link pl-0 text-nowrap" href="/")
18
19
                                    span(class="font-weight-bold" style="color:black;") #{user.firstname} #{user.lastname}
                            li(class="nav-item")
20
                                a(class="nav-link pl-0" href="/profile")
21
22
23
                                    i(class="fa fa-user fa-fw")
                                    span(class="d-none d-md-inline") Benutzerprofil
                            li(class="nav-item")
24
                                a(class="nav-link pl-0" href="/security")
25
26
27
                                    i(class="fa fa-lock fa-fw")
                                    span(class="d-none d-md-inline") Sicherheitseinstellungen
                            li(class="nav-item")
28
                                a(class="nav-link pl-0" href="/services")
29
30
31
                                    i(class="fa fa-tasks fa-fw" style="color:black;")
                                    span(class="d-none d-md-inline" style="color:black;") Projekte und Dienste
                            li(class="nav-item")
32
                                a(class="nav-link pl-0" href="/logout" style="color:red;")
33
34
35
                                    i(class="fa fa-sign-out-alt fa-fw")
                                    span(class="d-none d-md-inline") Logout
            main(class="col bg-faded py-3 flex-grow-1")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
36
                p Auf dieser Seite werden in Zukunft Funktionen bereitgestellt, um Ihre Beteiligung an Projekten und Aktivierung von Diensten zu organisieren. Diese Funktionen stehen zurzeit aber noch nicht zur Verfügung.
37
                
Rosanny Sihombing's avatar
Rosanny Sihombing committed
38
39
40
41
42
43
    // jQuery
    script(src="https://code.jquery.com/jquery-3.3.1.min.js")
    script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js", integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1", crossorigin="anonymous")
    // Bootstrap
    script(src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous")
    // M4_LAB
44
    script(src="https://m4lab.hft-stuttgart.de/js/headfoot.js")