diff --git a/pom.xml b/pom.xml
index c5f356038d5bf56369b26653beccb30b862ba12a..87ace633c9ac79b8ba56f588f0fd12e7cbe9a67a 100644
--- a/pom.xml
+++ b/pom.xml
@@ -9,6 +9,8 @@
     <version>2.0.1</version>
     <name>BudgetMaster</name>
 
+    <packaging>war</packaging>
+
     <repositories>
         <repository>
             <id>release</id>
diff --git a/src/main/java/de/deadlocker8/budgetmaster/Main.java b/src/main/java/de/deadlocker8/budgetmaster/Main.java
index bb45665e96b92f7c2841fdf37a933f38d86daa87..93f091d5a038ecb426131fd4bd8beea8588de2ce 100644
--- a/src/main/java/de/deadlocker8/budgetmaster/Main.java
+++ b/src/main/java/de/deadlocker8/budgetmaster/Main.java
@@ -26,7 +26,12 @@ public class Main extends SpringBootServletInitializer implements ApplicationRun
 {
 	private final static Logger LOGGER = LoggerFactory.getLogger(Main.class);
 
-	public static void main(String[] args)
+	static
+	{
+		prepare(new String[0]);
+	}
+
+	private static Path prepare(String[] args)
 	{
 		Localization.setDelegate(new Localization.LocalizationDelegate()
 		{
@@ -50,6 +55,8 @@ public class Main extends SpringBootServletInitializer implements ApplicationRun
 		});
 		Localization.load();
 
+		ProgramArgs.setArgs(Arrays.asList(args));
+
 		Path applicationSupportFolder = SystemUtils.getApplicationSupportDirectoryPath(Localization.getString("folder"));
 		PathUtils.createDirectoriesIfNotExists(applicationSupportFolder);
 
@@ -70,6 +77,12 @@ public class Main extends SpringBootServletInitializer implements ApplicationRun
 			}
 		}
 
+		return applicationSupportFolder;
+	}
+
+	public static void main(String[] args)
+	{
+		Path applicationSupportFolder = prepare(args);
 		Path logPath = applicationSupportFolder.resolve("error.log");
 		SpringApplication.run(Main.class, "--logging.file=" + logPath.toString());
 	}
diff --git a/src/main/resources/static/js/main.js b/src/main/resources/static/js/main.js
index 7ce931084c678e812e2eeeed56d32f7399d2810a..afd86ee2e39e3103ba5786cc5cb850231d83c74c 100644
--- a/src/main/resources/static/js/main.js
+++ b/src/main/resources/static/js/main.js
@@ -17,7 +17,7 @@ $( document ).ready(function() {
     $("#selectAccount").on('change', function()
     {
         var accountID = $(this).val();
-        window.location = "/account/" + accountID + "/select";
+        window.location = rootURL + "/account/" + accountID + "/select";
     });
 
     if($("#login-password").length)
diff --git a/src/main/resources/templates/accounts/accounts.ftl b/src/main/resources/templates/accounts/accounts.ftl
index ff63275ec61b7185d2a00e3da0cbdb263ad08298..b310765f40bdd7dd67decd59ce7b5964d958a06b 100644
--- a/src/main/resources/templates/accounts/accounts.ftl
+++ b/src/main/resources/templates/accounts/accounts.ftl
@@ -2,6 +2,7 @@
     <head>
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "../navbar.ftl" as navbar>
@@ -15,7 +16,7 @@
                     </div>
                 </div>
                 <br>
-                <div class="center-align"><a href="/accounts/newAccount" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a></div>
+                <div class="center-align"><a href="<@s.url '/accounts/newAccount'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a></div>
                 <br>
                 <div class="container">
                     <table class="bordered">
@@ -24,8 +25,8 @@
                                 <tr>
                                     <td>${account.getName()}</td>
                                     <td>
-                                        <a href="/accounts/${account.getID()?c}/edit" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
-                                        <a href="/accounts/${account.getID()?c}/requestDelete" class="btn-flat no-padding text-color"><i class="material-icons left">delete</i></a>
+                                        <a href="<@s.url '/accounts/${account.getID()?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
+                                        <a href="<@s.url '/accounts/${account.getID()?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left">delete</i></a>
                                     </td>
                                 </tr>
                             </#if>
@@ -46,8 +47,8 @@
                     <p>${locale.getString("info.text.account.delete", currentAccount.getName(), currentAccount.getReferringTransactions()?size)}</p>
                 </div>
                 <div class="modal-footer background-color">
-                    <a href="/accounts" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
-                    <a href="/accounts/${currentAccount.getID()?c}/delete" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("info.button.account.delete")}</a>
+                    <a href="<@s.url '/accounts'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
+                    <a href="<@s.url '/accounts/${currentAccount.getID()?c}/delete'/>" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("info.button.account.delete")}</a>
                 </div>
             </div>
         </#if>
@@ -60,7 +61,7 @@
                     <p>${locale.getString("warning.text.account.delete", currentAccount.getName())}</p>
                 </div>
                 <div class="modal-footer background-color">
-                    <a href="/accounts" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("ok")}</a>
+                    <a href="<@s.url '/accounts'/>" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("ok")}</a>
                 </div>
             </div>
         </#if>
@@ -68,6 +69,6 @@
         <!--  Scripts-->
         <#import "../scripts.ftl" as scripts>
         <@scripts.scripts/>
-        <script src="/js/accounts.js"></script>
+        <script src="<@s.url '/js/accounts.js'/>"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/accounts/newAccount.ftl b/src/main/resources/templates/accounts/newAccount.ftl
index ad051018b326bd7e46d9588d122a74361ec45347..6243389ddce1887a53902c5044c02c4ff8669e23 100644
--- a/src/main/resources/templates/accounts/newAccount.ftl
+++ b/src/main/resources/templates/accounts/newAccount.ftl
@@ -2,6 +2,7 @@
     <head>
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "../navbar.ftl" as navbar>
@@ -16,7 +17,7 @@
                 </div>
                 <div class="container">
                     <#import "../validation.ftl" as validation>
-                    <form name="NewAccount" action="/accounts/newAccount" method="post">
+                    <form name="NewAccount" action="<@s.url '/accounts/newAccount'/>" method="post">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                         <input type="hidden" name="ID" value="<#if account.getID()??>${account.getID()?c}</#if>">
                         <input type="hidden" name="isSelected" value="<#if account.isSelected()??>${account.isSelected()?c}</#if>">
@@ -33,7 +34,7 @@
                         <#-- buttons -->
                         <div class="row hide-on-small-only">
                             <div class="col s6 right-align">
-                                <a href="/accounts" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/accounts'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col s6 left-align">
@@ -45,7 +46,7 @@
                         <div class="hide-on-med-and-up">
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <a href="/accounts" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                    <a href="<@s.url '/accounts'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                                 </div>
                             </div>
                             <div class="row center-align">
diff --git a/src/main/resources/templates/categories/categories.ftl b/src/main/resources/templates/categories/categories.ftl
index 93425193cf4f9504ffde16f7853858685cfcedde..51100be2361ed6fe975eb5dede177d069955196b 100644
--- a/src/main/resources/templates/categories/categories.ftl
+++ b/src/main/resources/templates/categories/categories.ftl
@@ -3,6 +3,7 @@
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster"/>
         <@header.style "categories"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "../navbar.ftl" as navbar>
@@ -18,7 +19,7 @@
                     </div>
                 </div>
                 <br>
-                <div class="center-align"><a href="/categories/newCategory" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.category.new")}</a></div>
+                <div class="center-align"><a href="<@s.url '/categories/newCategory'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.category.new")}</a></div>
                 <br>
                 <div class="container">
                     <table class="bordered">
@@ -34,9 +35,9 @@
                             </td>
                             <td>${categoryName}</td>
                             <td>
-                                <a href="/categories/${category.ID?c}/edit" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
+                                <a href="<@s.url '/categories/${category.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
                                 <#if (category.getType().name() == "CUSTOM")>
-                                    <a href="/categories/${category.ID?c}/requestDelete" class="btn-flat no-padding text-color"><i class="material-icons left">delete</i></a>
+                                    <a href="<@s.url '/categories/${category.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left">delete</i></a>
                                 </#if>
                             </td>
                         </tr>
@@ -56,8 +57,8 @@
                         <p>${locale.getString("info.text.category.delete", currentCategory.name)}</p>
                     </div>
                     <div class="modal-footer background-color">
-                        <a href="/categories" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
-                        <a href="/categories/${currentCategory.ID?c}/delete" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("delete")}</a>
+                        <a href="<@s.url '/categories'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
+                        <a href="<@s.url '/categories/${currentCategory.ID?c}/delete'/>" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("delete")}</a>
                     </div>
                 </div>
             </#if>
@@ -66,6 +67,6 @@
         <!--  Scripts-->
         <#import "../scripts.ftl" as scripts>
         <@scripts.scripts/>
-        <script src="/js/categories.js"></script>
+        <script src="<@s.url '/js/categories.js'/>"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/categories/newCategory.ftl b/src/main/resources/templates/categories/newCategory.ftl
index f05186905221621e863be498b6ed10625562da70..20704eb6a7a17331ae28d63097cef361654ddf78 100644
--- a/src/main/resources/templates/categories/newCategory.ftl
+++ b/src/main/resources/templates/categories/newCategory.ftl
@@ -4,6 +4,7 @@
         <@header.header "BudgetMaster"/>
         <@header.style "spectrum"/>
         <@header.style "categories"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "../navbar.ftl" as navbar>
@@ -20,7 +21,7 @@
                 </div>
                 <div class="container">
                     <#import "../validation.ftl" as validation>
-                    <form name="NewCategory" action="/categories/newCategory" method="post">
+                    <form name="NewCategory" action="<@s.url '/categories/newCategory'/>" method="post">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                         <input type="hidden" name="ID" value="<#if category.getID()??>${category.getID()?c}</#if>">
                         <input type="hidden" name="type" value="<#if category.getType()??>${category.getType()}</#if>">
@@ -65,7 +66,7 @@
                         <#-- buttons -->
                         <div class="row hide-on-small-only">
                             <div class="col s6 right-align">
-                                <a href="/categories" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/categories'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col s6 left-align">
@@ -77,7 +78,7 @@
                         <div class="hide-on-med-and-up">
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <a href="/categories" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                    <a href="<@s.url '/categories'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                                 </div>
                             </div>
                             <div class="row center-align">
@@ -96,7 +97,7 @@
         <!-- Scripts-->
         <#import "../scripts.ftl" as scripts>
         <@scripts.scripts/>
-        <script src="/js/spectrum.js"></script>
-        <script src="/js/categories.js"></script>
+        <script src="<@s.url '/js/spectrum.js'/>"></script>
+        <script src="<@s.url '/js/categories.js'/>"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/datePicker.ftl b/src/main/resources/templates/datePicker.ftl
index 269c5134ab974d189794fad8995b8d63d54b9c66..fb76cf5fbaa716522a1c68dd8dcef72d301b4e28 100644
--- a/src/main/resources/templates/datePicker.ftl
+++ b/src/main/resources/templates/datePicker.ftl
@@ -1,10 +1,11 @@
 <#macro datePicker fullDate target>
+    <#import "/spring.ftl" as s>
      <div class="container">
          <div class="section center-align">
-             <a href="/previousMonth?target=${target}" class="waves-effect text-color"><i class="material-icons icon-chevron">chevron_left</i></a>
+             <a href="<@s.url '/previousMonth?target=${target}'/>" class="waves-effect text-color"><i class="material-icons icon-chevron">chevron_left</i></a>
              <a href="#modalDate" class="waves-effect headline-date modal-trigger text-color datePicker-fixed-width">${helpers.getDateStringWithMonthAndYear(fullDate)}</a>
-             <a href="/nextMonth?target=${target}" class="waves-effect text-color"><i class="material-icons icon-chevron">chevron_right</i></a>
-             <a href="/today?target=${target}" class="waves-effect text-color"><i class="material-icons icon-today">event</i></a>
+             <a href="<@s.url '/nextMonth?target=${target}'/>" class="waves-effect text-color"><i class="material-icons icon-chevron">chevron_right</i></a>
+             <a href="<@s.url '/today?target=${target}'/>" class="waves-effect text-color"><i class="material-icons icon-today">event</i></a>
          </div>
      </div>
     <!-- modal to select specific month and year -->
@@ -30,7 +31,7 @@
         </div>
         <div class="modal-footer background-color">
             <a href="${target}" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
-            <a href="/setDate?target=${target}" id="buttonChooseDate" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("ok")}</a>
+            <a href="<@s.url '/setDate?target=${target}'/>" id="buttonChooseDate" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("ok")}</a>
         </div>
     </div>
 </#macro>
diff --git a/src/main/resources/templates/error/403.ftl b/src/main/resources/templates/error/403.ftl
index f527a82b976ecf0d0511f6498822e1f9ed166f4d..2524ea66ac41df28f13d7787a507199fae03c62e 100644
--- a/src/main/resources/templates/error/403.ftl
+++ b/src/main/resources/templates/error/403.ftl
@@ -3,6 +3,7 @@
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster - 403"/>
         <@header.style "login"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <main>
@@ -20,7 +21,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="/" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/error/404.ftl b/src/main/resources/templates/error/404.ftl
index e49deaf0201a52dd41f8c7644ccf717dafdb5bec..2df2e4dc7941bd0281591c325e6ebda857d2a60e 100644
--- a/src/main/resources/templates/error/404.ftl
+++ b/src/main/resources/templates/error/404.ftl
@@ -3,6 +3,7 @@
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster - 404"/>
         <@header.style "login"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <main>
@@ -20,7 +21,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="/" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/error/418.ftl b/src/main/resources/templates/error/418.ftl
index d38a8e15ac37cf0b4322a8fed5593b6dbbd96c9d..98348de917609a91ef0c7ba722d5b3161bb79420 100644
--- a/src/main/resources/templates/error/418.ftl
+++ b/src/main/resources/templates/error/418.ftl
@@ -3,6 +3,7 @@
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster - 418"/>
         <@header.style "login"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <main>
@@ -15,14 +16,14 @@
                             </span>
                             <div class="row">
                                 <div class="col s12 center-align">
-                                    <img id="teapot" src="/images/teapot.png">
+                                    <img id="teapot" src="<@s.url '/images/teapot.png'/>">
                                     <h1>418</h1>
                                     <h5>${locale.getString("errorpages.418")}</h5>
                                     <div>${locale.getString("errorpages.418.credits")}</div>
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="/" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/error/500.ftl b/src/main/resources/templates/error/500.ftl
index 7890e0089b61b897dc57614900463de8947dc27d..87e94e37b59f172e5f9221a4fa5d55b2ef7081f2 100644
--- a/src/main/resources/templates/error/500.ftl
+++ b/src/main/resources/templates/error/500.ftl
@@ -3,6 +3,7 @@
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster - 500"/>
         <@header.style "login"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <main>
@@ -20,7 +21,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="/" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/header.ftl b/src/main/resources/templates/header.ftl
index 061b7ccc2597aa948b80b142b08eb14668986672..9847bacc83ccab4f418b391e2615c9a8f760780d 100644
--- a/src/main/resources/templates/header.ftl
+++ b/src/main/resources/templates/header.ftl
@@ -1,17 +1,19 @@
 <#macro style name>
+        <#import "/spring.ftl" as s>
         <#if helpers.getSettings().isUseDarkTheme()>
-                <link type="text/css" rel="stylesheet" href=${"/css/dark/" + name + ".css"}/>
+                <link type="text/css" rel="stylesheet" href=<@s.url '${"/css/dark/" + name + ".css"}'/>/>
         <#else>
-                <link type="text/css" rel="stylesheet" href=${"/css/" + name + ".css"}/>
+                <link type="text/css" rel="stylesheet" href=<@s.url '${"/css/" + name + ".css"}'/>/>
         </#if>
 </#macro>
 
 <#macro header title>
+        <#import "/spring.ftl" as s>
         <title>${title}</title>
         <meta charset="UTF-8"/>
-        <link rel="stylesheet" href="/fontawesome-5.0.10/css/fontawesome-all.min.css">
+        <link rel="stylesheet" href="<@s.url '/fontawesome-5.0.10/css/fontawesome-all.min.css'/>">
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-        <link rel="stylesheet" href="/materialize-0.100.2/css/materialize.min.css">
+        <link rel="stylesheet" href="<@s.url '/materialize-0.100.2/css/materialize.min.css'/>">
         <@style "style"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <#global locale = static["de.thecodelabs.utils.util.Localization"]>
@@ -26,9 +28,10 @@
 </#macro>
 
 <#macro logo id classes>
+        <#import "/spring.ftl" as s>
         <#if helpers.getSettings().isUseDarkTheme()>
-                <img class="${classes}" id="${id}" src="/images/Logo_with_white_text_medium_res.png">
+                <img class="${classes}" id="${id}" src="<@s.url '/images/Logo_with_white_text_medium_res.png'/>">
         <#else>
-                <img class="${classes}" id="${id}" src="/images/Logo_with_text_medium_res.png">
+                <img class="${classes}" id="${id}" src="<@s.url '/images/Logo_with_text_medium_res.png'/>">
         </#if>
 </#macro>
\ No newline at end of file
diff --git a/src/main/resources/templates/import.ftl b/src/main/resources/templates/import.ftl
index 2d0e92c2f75289013af157878f2f64253118524e..602e7b24023fcbae66b31eac5639a0bc67edebe0 100644
--- a/src/main/resources/templates/import.ftl
+++ b/src/main/resources/templates/import.ftl
@@ -2,6 +2,7 @@
     <head>
         <#import "header.ftl" as header>
         <@header.header "BudgetMaster"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "navbar.ftl" as navbar>
@@ -17,7 +18,7 @@
                 </div>
                 <div class="container">
                     <#import "validation.ftl" as validation>
-                    <form name="Import" action="/settings/database/import" method="post" onsubmit="return validateForm()">
+                    <form name="Import" action="<@s.url '/settings/database/import'/>" method="post" onsubmit="return validateForm()">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
 
                         <table class="bordered">
@@ -38,7 +39,7 @@
                                     </td>
                                     <td class="import-text">${locale.getString("info.database.import.or")}</td>
                                     <td>
-                                        <a href="/accounts/newAccount" class="btn waves-effect waves-light budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a>
+                                        <a href="<@s.url '/accounts/newAccount'/>" class="btn waves-effect waves-light budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a>
                                     </td>
                                 </tr>
                             </#list>
@@ -54,7 +55,7 @@
                         <#-- buttons -->
                         <div class="row">
                             <div class="col m6 l4 offset-l2 right-align">
-                                <a href="/settings" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/settings'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col m6 l4 left-align">
@@ -71,6 +72,6 @@
         <!-- Scripts-->
         <#import "scripts.ftl" as scripts>
         <@scripts.scripts/>
-        <script src="/js/import.js"></script>
+        <script src="<@s.url '/js/import.js'/>"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/index.ftl b/src/main/resources/templates/index.ftl
index 38b8bac65e7565d49a61af33a54693a5512a6b99..cd917817c11773a7e41b5f2cad69d1da983f951b 100644
--- a/src/main/resources/templates/index.ftl
+++ b/src/main/resources/templates/index.ftl
@@ -2,6 +2,7 @@
     <head>
         <#import "header.ftl" as header>
         <@header.header "BudgetMaster"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "navbar.ftl" as navbar>
@@ -13,7 +14,7 @@
                     <#-- icon -->
                     <div class="row">
                         <div class="col s8 offset-s2 center-align">
-                            <a href="/about">
+                            <a href="<@s.url '/about'/>">
                                 <@header.logo "logo-home" "responsive-img"/>
                             </a>
                         </div>
@@ -22,14 +23,14 @@
 
                     <div class="row home-menu-flex">
                         <div class="col s12 m6 l4 center-align home-menu-cell">
-                            <a href="/accounts" class="home-menu-link budgetmaster-text-black">
+                            <a href="<@s.url '/accounts'/>" class="home-menu-link budgetmaster-text-black">
                                 <h1 class="center budgetmaster-grey-text"><i class="material-icons icon-budget">account_balance</i></h1>
                                 <h3 class="center budget">${locale.getString("menu.accounts")}</h3>
                                 <p class="text-grey">${locale.getString("home.menu.accounts")}</p>
                             </a>
                         </div>
                         <div class="col s12 m6 l4 center-align home-menu-cell">
-                            <a href="/transactions" class="home-menu-link budgetmaster-text-black">
+                            <a href="<@s.url '/transactions'/>" class="home-menu-link budgetmaster-text-black">
                                 <h1 class="center budgetmaster-baby-blue-text"><i class="material-icons icon-budget">list</i></h1>
                                 <h3 class="center budget">${locale.getString("menu.transactions")}</h3>
                                 <p class="text-grey">${locale.getString("home.menu.transactions")}</p>
@@ -62,14 +63,14 @@
                     <div class="row home-menu-flex">
                 </div>
                         <div class="col s12 m6 l4 center-align home-menu-cell">
-                            <a href="/categories" class="home-menu-link budgetmaster-text-black">
+                            <a href="<@s.url '/categories'/>" class="home-menu-link budgetmaster-text-black">
                                 <h1 class="center budgetmaster-orange-text"><i class="material-icons icon-budget">label</i></h1>
                                 <h3 class="center budget">${locale.getString("menu.categories")}</h3>
                                 <p class="text-grey">${locale.getString("home.menu.categories")}</p>
                             </a>
                         </div>
                         <div class="col s12 m6 l4 center-align home-menu-cell">
-                            <a href="/settings" class="home-menu-link budgetmaster-text-black">
+                            <a href="<@s.url '/settings'/>" class="home-menu-link budgetmaster-text-black">
                                 <h1 class="center budgetmaster-red-text"><i class="material-icons icon-budget">settings</i></h1>
                                 <h3 class="center budget">${locale.getString("menu.settings")}</h3>
                                 <p class="text-grey">${locale.getString("home.menu.settings")}</p>
diff --git a/src/main/resources/templates/login.ftl b/src/main/resources/templates/login.ftl
index 86a22cd628c3048683514b508a0719660dd3b9d5..fe3ad099d48cf6ace61bb2bd8728ae6a23130b28 100644
--- a/src/main/resources/templates/login.ftl
+++ b/src/main/resources/templates/login.ftl
@@ -3,6 +3,7 @@
         <#import "header.ftl" as header>
         <@header.header "BudgetMaster"/>
         <@header.style "login"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <main>
@@ -13,7 +14,7 @@
                             <span class="card-title">
                                 <div id="logo-container" class="center-align"><@header.logo "logo" ""/></div>
                             </span>
-                            <form action="/login" method="post">
+                            <form action="<@s.url '/login'/>" method="post">
                                 <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                                 <input type="hidden" name="username" value="Default">
 
diff --git a/src/main/resources/templates/navbar.ftl b/src/main/resources/templates/navbar.ftl
index 402065e28e35e63dff5acaca3da6742382cea8c2..ac86464d9753a0c3074d57eeef9add9ce31e7217 100644
--- a/src/main/resources/templates/navbar.ftl
+++ b/src/main/resources/templates/navbar.ftl
@@ -24,7 +24,7 @@
         <@itemWithIcon "about", "/about", locale.getString("menu.about"), "info", "budgetmaster-grey", activeID/>
 
         <@itemDivider/>
-        <@itemWithIcon "logout", "javascript:\" onclick=\"$('#logout-form').submit();\"", locale.getString("menu.logout") "lock", "budgetmaster-red", activeID/>
+        <@itemWithIconNoRootUrl "logout", "javascript:\" onclick=\"$('#logout-form').submit();\"", locale.getString("menu.logout") "lock", "budgetmaster-red", activeID/>
 
         <#if helpers.isUpdateAvailable()>
             <@itemDivider/>
@@ -35,7 +35,7 @@
     <div class="hide-on-large-only"><br></div>
 
     <#--logout form -->
-    <form class="hide" id="logout-form" action="/logout" method="post">
+    <form class="hide" id="logout-form" action="<@s.url '/logout'/>" method="post">
         <#if _csrf??>
             <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
             <input type="hidden" name="mess" value=<%=n%>
@@ -46,7 +46,8 @@
 
 <#macro itemLogo>
     <#import "header.ftl" as header>
-    <li><a href="/" class="waves-effect" id="nav-logo-container"><@header.logo "nav-logo" ""/></a></li>
+    <#import "/spring.ftl" as s>
+    <li><a href="<@s.url '/'/>" class="waves-effect" id="nav-logo-container"><@header.logo "nav-logo" ""/></a></li>
 </#macro>
 
 <#macro itemDivider>
@@ -77,10 +78,20 @@
 </#macro>
 
 <#macro itemPlain ID link text activeID>
-    <li <#if activeID == ID>class="active"</#if>><a href="${link}" class="waves-effect"><span class="nav-margin">${text}</span></a></li>
+    <#import "/spring.ftl" as s>
+    <li <#if activeID == ID>class="active"</#if>><a href="<@s.url '${link}'/>" class="waves-effect"><span class="nav-margin">${text}</span></a></li>
 </#macro>
 
 <#macro itemWithIcon ID link text icon activeColor activeID>
+    <#import "/spring.ftl" as s>
+    <#if activeID == ID>
+        <li class="active"><a href="<@s.url '${link}'/>" class="waves-effect no-padding"><div class="stripe ${activeColor}"></div><i class="material-icons">${icon}</i>${text}</a></li>
+    <#else>
+        <li><a href="<@s.url '${link}'/>" class="waves-effect"><i class="material-icons">${icon}</i>${text}</a></li>
+    </#if>
+</#macro>
+
+<#macro itemWithIconNoRootUrl ID link text icon activeColor activeID>
     <#if activeID == ID>
         <li class="active"><a href="${link}" class="waves-effect no-padding"><div class="stripe ${activeColor}"></div><i class="material-icons">${icon}</i>${text}</a></li>
     <#else>
@@ -89,7 +100,8 @@
 </#macro>
 
 <#macro itemUpdate link text icon>
-    <li><a href="${link}" class="waves-effect budgetmaster-update budgetmaster-text-update"><i class="material-icons" id="icon-update">${icon}</i>${text}</a></li>
+    <#import "/spring.ftl" as s>
+    <li><a href="<@s.url '${link}'/>" class="waves-effect budgetmaster-update budgetmaster-text-update"><i class="material-icons" id="icon-update">${icon}</i>${text}</a></li>
 </#macro>
 
 <#macro subListStart ID text icon activeColor activeID>
@@ -97,9 +109,9 @@
     <ul class="collapsible collapsible-accordion no-padding side-nav-sub">
         <li>
             <#if activeID?starts_with(ID)>
-                <a href="/charts" class="collapsible-header no-padding active"><div class="stripe ${activeColor}"></div><i class="material-icons">${icon}</i>${text}</a>
+                <a href="<@s.url '/charts'/>" class="collapsible-header no-padding active"><div class="stripe ${activeColor}"></div><i class="material-icons">${icon}</i>${text}</a>
             <#else>
-                <a href="/charts" class="collapsible-header nav-padding"><i class="material-icons">${icon}</i>${text}</a>
+                <a href="<@s.url '/charts'/>" class="collapsible-header nav-padding"><i class="material-icons">${icon}</i>${text}</a>
             </#if>
             <div class="collapsible-body">
                 <ul class="side-nav-sub">
diff --git a/src/main/resources/templates/scripts.ftl b/src/main/resources/templates/scripts.ftl
index 6b9baab0d93deb969c83f27cec90c465b35069cb..e17affebc45803416eabaa9749357e6b9583ee70 100644
--- a/src/main/resources/templates/scripts.ftl
+++ b/src/main/resources/templates/scripts.ftl
@@ -1,7 +1,11 @@
 <#macro scripts>
+<#import "/spring.ftl" as s>
 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
-<script src="/materialize-0.100.2/js/materialize.min.js"></script>
-<script src="/js/main.js"></script>
+<script src="<@s.url '/materialize-0.100.2/js/materialize.min.js'/>"></script>
+<script>
+    rootURL = "<@s.url ''/>"
+</script>
+<script src="<@s.url '/js/main.js'/>"></script>
 <script>
     accountPlaceholderName = "${locale.getString("account.all")}";
 </script>
diff --git a/src/main/resources/templates/settings.ftl b/src/main/resources/templates/settings.ftl
index 323d53148ecf3aaa52a2192b18817b1415b64602..671f546a9523aee97002a4cc6fb2ea09d2f2fe3d 100644
--- a/src/main/resources/templates/settings.ftl
+++ b/src/main/resources/templates/settings.ftl
@@ -2,6 +2,7 @@
     <head>
         <#import "header.ftl" as header>
         <@header.header "BudgetMaster"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "navbar.ftl" as navbar>
@@ -16,7 +17,7 @@
                 </div>
                 <div class="container">
                     <#import "validation.ftl" as validation>
-                    <form name="Settings" action="/settings/save" method="post">
+                    <form name="Settings" action="<@s.url '/settings/save'/>" method="post">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                         <input type="hidden" name="ID" value="${settings.getID()?c}">
 
@@ -116,7 +117,7 @@
                                     </tr>
                                     <tr>
                                         <td colspan="2">
-                                            <a href="/updateSearch" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">refresh</i>${locale.getString("settings.updates.search")}</a>
+                                            <a href="<@s.url '/updateSearch'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">refresh</i>${locale.getString("settings.updates.search")}</a>
                                         </td>
                                     </tr>
                                 </table>
@@ -145,34 +146,34 @@
                 </div>
                 <div class="row hide-on-small-only">
                     <div class="col m4 l4 center-align">
-                        <a href="/settings/database/requestImport" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_upload</i>${locale.getString("settings.database.import")}</a>
+                        <a href="<@s.url '/settings/database/requestImport'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_upload</i>${locale.getString("settings.database.import")}</a>
                     </div>
 
                     <div class="col m4 l4 center-align">
-                        <a href="/settings/database/requestExport" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_download</i>${locale.getString("settings.database.export")}</a>
+                        <a href="<@s.url '/settings/database/requestExport'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_download</i>${locale.getString("settings.database.export")}</a>
                     </div>
 
                     <div class="col m4 l4 center-align">
-                        <a href="/settings/database/requestDelete" class="waves-effect waves-light btn budgetmaster-red"><i class="material-icons left">delete_forever</i>${locale.getString("settings.database.delete")}</a>
+                        <a href="<@s.url '/settings/database/requestDelete'/>" class="waves-effect waves-light btn budgetmaster-red"><i class="material-icons left">delete_forever</i>${locale.getString("settings.database.delete")}</a>
                     </div>
                 </div>
 
                 <div class="hide-on-med-and-up">
                     <div class="row center-align">
                         <div class="col s12">
-                            <a href="/settings/database/requestImport" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_upload</i>${locale.getString("settings.database.import")}</a>
+                            <a href="<@s.url '/settings/database/requestImport'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_upload</i>${locale.getString("settings.database.import")}</a>
                         </div>
                     </div>
 
                     <div class="row center-align">
                         <div class="col s12">
-                            <a href="/settings/database/requestExport" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_download</i>${locale.getString("settings.database.export")}</a>
+                            <a href="<@s.url '/settings/database/requestExport'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">cloud_download</i>${locale.getString("settings.database.export")}</a>
                         </div>
                     </div>
 
                     <div class="row center-align">
                         <div class="col s12">
-                            <a href="/settings/database/requestDelete" class="waves-effect waves-light btn budgetmaster-red"><i class="material-icons left">delete_forever</i>${locale.getString("settings.database.delete")}</a>
+                            <a href="<@s.url '/settings/database/requestDelete'/>" class="waves-effect waves-light btn budgetmaster-red"><i class="material-icons left">delete_forever</i>${locale.getString("settings.database.delete")}</a>
                         </div>
                     </div>
                 </div>
@@ -186,7 +187,7 @@
                     <p>${locale.getString("info.header.text.database.delete")}</p>
                     <p>${locale.getString("info.text.database.delete", verificationCode)}</p>
 
-                    <form id="form-confirm-database-delete" action="/settings/database/delete" method="post">
+                    <form id="form-confirm-database-delete" action="<@s.url '/settings/database/delete'/>" method="post">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                         <input type="hidden" name="verificationCode" value="${verificationCode}"/>
 
@@ -199,7 +200,7 @@
                     </form>
                 </div>
                 <div class="modal-footer background-color">
-                    <a href="/settings" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
+                    <a href="<@s.url '/settings'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
                     <a class="modal-action modal-close waves-effect waves-light green btn-flat white-text" id="button-confirm-database-delete">${locale.getString("delete")}</a>
                 </div>
             </div>
@@ -210,7 +211,7 @@
                 <div class="modal-content">
                     <h4>${locale.getString("info.title.database.import.dialog")}</h4>
 
-                    <form id="form-database-import" method="POST" action="/settings/database/upload" enctype="multipart/form-data" accept-charset="UTF-8">
+                    <form id="form-database-import" method="POST" action="<@s.url '/settings/database/upload'/>" enctype="multipart/form-data" accept-charset="UTF-8">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                         <div class="file-field input-field">
                             <div class="btn budgetmaster-blue">
@@ -224,7 +225,7 @@
                     </form>
                 </div>
                 <div class="modal-footer background-color">
-                    <a href="/settings" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
+                    <a href="<@s.url '/settings'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
                     <a class="modal-action modal-close waves-effect waves-light green btn-flat white-text" id="button-confirm-database-import">${locale.getString("settings.database.import")}</a>
                 </div>
             </div>
@@ -237,7 +238,7 @@
                     <p>${locale.getString("error.text.database.import", errorImportDatabase)}</p>
                 </div>
                 <div class="modal-footer background-color">
-                    <a href="/settings" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("ok")}</a>
+                    <a href="<@s.url '/settings'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("ok")}</a>
                 </div>
             </div>
         </#if>
@@ -249,8 +250,8 @@
                     <p>${updateString}</p>
                 </div>
                 <div class="modal-footer background-color">
-                    <a href="/settings" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
-                    <a href="/performUpdate" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("settings.update.start")}</a>
+                    <a href="<@s.url '/settings'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
+                    <a href="<@s.url '/performUpdate'/>" class="modal-action modal-close waves-effect waves-light green btn-flat white-text">${locale.getString("settings.update.start")}</a>
                 </div>
             </div>
         </#if>
@@ -258,7 +259,7 @@
         <!-- Scripts-->
         <#import "scripts.ftl" as scripts>
         <@scripts.scripts/>
-        <script src="/js/spectrum.js"></script>
-        <script src="/js/settings.js"></script>
+        <script src="<@s.url '/js/spectrum.js'/>"></script>
+        <script src="<@s.url '/js/settings.js'/>"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/transactions/newTransaction.ftl b/src/main/resources/templates/transactions/newTransaction.ftl
index 1357b0bd11b313eea86dde57f155ecc7ba047434..265b45632f741b80ff550728bd19442d246540af 100644
--- a/src/main/resources/templates/transactions/newTransaction.ftl
+++ b/src/main/resources/templates/transactions/newTransaction.ftl
@@ -5,6 +5,7 @@
         <@header.style "transactions"/>
         <@header.style "datepicker"/>
         <@header.style "categories"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "../navbar.ftl" as navbar>
@@ -21,7 +22,7 @@
                 </div>
                 <div class="container">
                     <#import "../validation.ftl" as validation>
-                    <form name="NewTransaction" action="/transactions/newTransaction" method="post" onsubmit="return validateForm()">
+                    <form name="NewTransaction" action="<@s.url '/transactions/newTransaction'/>" method="post" onsubmit="return validateForm()">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                         <input type="hidden" name="ID" value="<#if transaction.getID()??>${transaction.getID()?c}</#if>">
                         <input type="hidden" name="isRepeating" value="${transaction.isRepeating()?c}">
@@ -296,7 +297,7 @@
                         <#-- buttons -->
                         <div class="row hide-on-small-only">
                             <div class="col s6 right-align">
-                                <a href="/transactions" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/transactions'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col s6 left-align">
@@ -308,7 +309,7 @@
                         <div class="hide-on-med-and-up">
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <a href="/categories" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                    <a href="<@s.url '/categories'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                                 </div>
                             </div>
                             <div class="row center-align">
@@ -355,7 +356,7 @@
         <!-- Scripts-->
         <#import "../scripts.ftl" as scripts>
         <@scripts.scripts/>
-        <script src="/js/spectrum.js"></script>
-        <script src="/js/transactions.js"></script>
+        <script src="<@s.url '/js/spectrum.js'/>"></script>
+        <script src="<@s.url '/js/transactions.js'/>"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/transactions/transactions.ftl b/src/main/resources/templates/transactions/transactions.ftl
index a1da1c68173650c8240d40e9e2a6fa828bc50dd9..08a9110277e6c6dea66febace5f5f144acd6ec2f 100644
--- a/src/main/resources/templates/transactions/transactions.ftl
+++ b/src/main/resources/templates/transactions/transactions.ftl
@@ -3,6 +3,7 @@
         <#import "../header.ftl" as header>
         <@header.header "BudgetMaster"/>
         <@header.style "categories"/>
+        <#import "/spring.ftl" as s>
     </head>
     <body class="budgetmaster-blue-light">
         <#import "../navbar.ftl" as navbar>
@@ -39,7 +40,7 @@
 
                     <#-- button new -->
                     <div class="row valign-wrapper">
-                        <div class="col s12 center-align"><a href="/transactions/newTransaction" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.transaction.new")}</a></div>
+                        <div class="col s12 center-align"><a href="<@s.url '/transactions/newTransaction'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.transaction.new")}</a></div>
                     </div>
 
                     <#-- transactions list -->
@@ -69,8 +70,8 @@
                                 </#if>
                                 <td>
                                     <#if (transaction.category.type.name() != "REST")>
-                                        <a href="/transactions/${transaction.ID?c}/edit" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
-                                        <a href="/transactions/${transaction.ID?c}/requestDelete" class="btn-flat no-padding text-color"><i class="material-icons left">delete</i></a>
+                                        <a href="<@s.url '/transactions/${transaction.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
+                                        <a href="<@s.url '/transactions/${transaction.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left">delete</i></a>
                                     </#if>
                                 </td>
                             </tr>
@@ -94,8 +95,8 @@
                         </#if>
                     </div>
                     <div class="modal-footer background-color">
-                        <a href="/transactions" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
-                        <a href="/transactions/${currentTransaction.ID?c}/delete" class="modal-action modal-close waves-effectwaves-light green btn-flat white-text">${locale.getString("delete")}</a>
+                        <a href="<@s.url '/transactions'/>" class="modal-action modal-close waves-effect waves-light red btn-flat white-text">${locale.getString("cancel")}</a>
+                        <a href="<@s.url '/transactions/${currentTransaction.ID?c}/delete'/>" class="modal-action modal-close waves-effectwaves-light green btn-flat white-text">${locale.getString("delete")}</a>
                     </div>
                 </div>
             </#if>
@@ -104,8 +105,8 @@
         <!--  Scripts-->
         <#import "../scripts.ftl" as scripts>
         <@scripts.scripts/>
-        <script src="/js/transactions.js"></script>
-        <script src="/js/datePicker.js"></script>
+        <script src="<@s.url '/js/transactions.js'/>"></script>
+        <script src="<@s.url '/js/datePicker.js'/>"></script>
         <script>document.cookie = "currentDate=${helpers.getDateString(currentDate)}";</script>
     </body>
 </html>
\ No newline at end of file