diff --git a/built/views/DE/account/home.pug b/built/views/DE/account/home.pug
index 44b1036490d1cfc8440d123dd3e0b82b00434fb5..9177b49ce3df7152a945e396a37cd3211b7d527f 100644
--- a/built/views/DE/account/home.pug
+++ b/built/views/DE/account/home.pug
@@ -36,10 +36,6 @@ html(lang="de")
                                         a(class="nav-link pl-0" href="/account/security")
                                             i(class="fa fa-lock fa-fw")
                                             span(class="d-none d-md-inline") Sicherheitseinstellungen
-                                li(class="nav-item")
-                                    a(class="nav-link pl-0" href="/account/services")
-                                        i(class="fa fa-tasks fa-fw")
-                                        span(class="d-none d-md-inline") Projekte und Dienste
                                 li(class="nav-item")
                                     a(class="nav-link pl-0 color_red" href="/logout")
                                         i(class="fa fa-sign-out-alt fa-fw")
diff --git a/built/views/DE/account/newInformation.pug b/built/views/DE/account/newInformation.pug
index f9d6212119d530e6f0e08985428c7d417dc30541..68ef2d89d87a4925c962e4aad5549f2018ce19a8 100644
--- a/built/views/DE/account/newInformation.pug
+++ b/built/views/DE/account/newInformation.pug
@@ -8,8 +8,9 @@ html(lang="de")
     link(rel="stylesheet", type="text/css", href="/css/m4lab.css")
     link(rel="stylesheet", type="text/css", href="/css/m4lab-mobile.css")
     link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.8.2/css/all.css", integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay", crossorigin="anonymous")
+    script(src="https://unpkg.com/vue@3")
   body
-    div(class="container")
+    div(id="app" class="container")
         div(class="row min-vh-100 flex-column flex-md-row")
             aside(class="col-12 col-md-3 p-0 flex-shrink-1")
                 nav(class="navbar navbar-expand flex-md-column flex-row align-items-start py-2")
@@ -27,10 +28,6 @@ html(lang="de")
                                     a(class="nav-link pl-0" href="/account/security")
                                         i(class="fa fa-lock fa-fw")
                                         span(class="d-none d-md-inline") Sicherheitseinstellungen
-                            li(class="nav-item")
-                                a(class="nav-link pl-0" href="/account/services")
-                                    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")
                                 a(class="nav-link pl-0" href="/logout" style="color:red;")
                                     i(class="fa fa-sign-out-alt fa-fw")
@@ -67,8 +64,10 @@ html(lang="de")
                         div(class='form-group row')
                             label(for="name", class="col-sm-2") Name
                             div(class="col-sm-8")
-                                input#name(name="name", type="text", class="form-control", placeholder="Name", maxlength="75" required)
-                                p(id="nameInfo" class="font-italic font-weight-light") <small>Ihre Webseite wird unter folgender URL veröffentlicht: <strong>https://transfer.hft-stuttgart.de/pages/#{gitlabUsername}/<span id="websiteName"></span></strong></small>
+                                input#name(name="name", type="text", :value="websiteName", @input="onInput", class="form-control", placeholder="Name", maxlength="75" required)
+                                p(v-if="websiteName" class="font-italic font-weight-light")
+                                    <small>Ihre Webseite wird unter folgender URL veröffentlicht: <strong>https://transfer.hft-stuttgart.de/pages/#{gitlabUsername}/{{ websiteURL }}/home</strong></small>
+                                p(v-else)
                         div(class="form-group row")
                             label(for="description", class="col-sm-2") Beschreibung
                             div(class="col-sm-8")
@@ -102,22 +101,22 @@ html(lang="de")
     script(src="/js/headfoot.js")
     script(src="/js/mobile.js")
     script.
-        // website URL
-        function showWebsiteURL() {
-            if ($("#name").val()) {
-                $("#nameInfo").show()
-                let webName = $("#name").val().toLowerCase().replace(/\s/g, '-')
-                document.getElementById("websiteName").innerText = webName+"/home/"
-            }
-            else {
-                $("#nameInfo").hide()
-            }
-        }
-        $('#name').on('input',function(e){
-            showWebsiteURL()
-        })
-        showWebsiteURL()
-
         $("form").submit(function(){
             $.LoadingOverlay("show")
-        }); 
\ No newline at end of file
+        });
+    script.
+        const { createApp } = Vue
+        createApp({
+            data() {
+                return {
+                    websiteName: '',
+                    websiteURL: ''
+                }
+            },
+            methods: {
+                onInput(e) {
+                    this.websiteName = e.target.value
+                    this.websiteURL = this.websiteName.toLowerCase().replace(/\s/g, '-')
+                }
+            }
+        }).mount('#app')
\ No newline at end of file
diff --git a/built/views/DE/account/profile.pug b/built/views/DE/account/profile.pug
index 0be1cde7d3b380283dbd79fadb5b022816020dde..54d824aa7ca547f93e4a6ec54a06a7cae8e5ad0e 100644
--- a/built/views/DE/account/profile.pug
+++ b/built/views/DE/account/profile.pug
@@ -27,10 +27,6 @@ html(lang="de")
                                     a(class="nav-link pl-0" href="/account/security")
                                         i(class="fa fa-lock fa-fw")
                                         span(class="d-none d-md-inline") Sicherheitseinstellungen
-                            li(class="nav-item")
-                                a(class="nav-link pl-0" href="/account/services")
-                                    i(class="fa fa-tasks fa-fw")
-                                    span(class="d-none d-md-inline") Projekte und Dienste
                             li(class="nav-item")
                                 a(class="nav-link pl-0 color_red" href="/logout")
                                     i(class="fa fa-sign-out-alt fa-fw")
diff --git a/built/views/DE/account/security.pug b/built/views/DE/account/security.pug
index 0ebfc3b25a196a3065898bd14e7d87b02337c840..f2852078d336dcccab45d933b91f011483fd7fa3 100644
--- a/built/views/DE/account/security.pug
+++ b/built/views/DE/account/security.pug
@@ -30,10 +30,6 @@ html(lang="de")
                                 a(class="nav-link pl-0" href="#")
                                     i(class="fa fa-lock fa-fw color_black")
                                     span(class="d-none d-md-inline color_black") Sicherheitseinstellungen
-                            li(class="nav-item")
-                                a(class="nav-link pl-0" href="/account/services")
-                                    i(class="fa fa-tasks fa-fw")
-                                    span(class="d-none d-md-inline") Projekte und Dienste
                             li(class="nav-item")
                                 a(class="nav-link pl-0 color_red" href="/logout")
                                     i(class="fa fa-sign-out-alt fa-fw")
diff --git a/built/views/DE/account/services.pug b/built/views/DE/account/services.pug
index 09d0eefd54ac0bb3f73915655c66514c04faf3bb..53ebfbc81432dd047d7283f974414ba47e29546a 100644
--- a/built/views/DE/account/services.pug
+++ b/built/views/DE/account/services.pug
@@ -27,10 +27,6 @@ html(lang="de")
                                     a(class="nav-link pl-0" href="/account/security")
                                         i(class="fa fa-lock fa-fw")
                                         span(class="d-none d-md-inline") Sicherheitseinstellungen
-                            li(class="nav-item")
-                                a(class="nav-link pl-0" href="#")
-                                    i(class="fa fa-tasks fa-fw color_black")
-                                    span(class="d-none d-md-inline color_black") Projekte und Dienste
                             li(class="nav-item")
                                 a(class="nav-link pl-0 color_red" href="/logout")
                                     i(class="fa fa-sign-out-alt fa-fw")
diff --git a/built/views/DE/account/updateInformation.pug b/built/views/DE/account/updateInformation.pug
index 44f7a83cb9b2f0fdb54ea993ad9d4afafda248c3..f01526a6af2165562c1e23f9f0528cff07b80335 100644
--- a/built/views/DE/account/updateInformation.pug
+++ b/built/views/DE/account/updateInformation.pug
@@ -27,10 +27,6 @@ html(lang="de")
                                     a(class="nav-link pl-0" href="/account/security")
                                         i(class="fa fa-lock fa-fw")
                                         span(class="d-none d-md-inline") Sicherheitseinstellungen
-                            li(class="nav-item")
-                                a(class="nav-link pl-0" href="/account/services")
-                                    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")
                                 a(class="nav-link pl-0" href="/logout" style="color:red;")
                                     i(class="fa fa-sign-out-alt fa-fw")