minor improvements:

- page titles - favicon - background logo
2 months ago · 94c70eae16
22 changed files with 78 additions and 11 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@ -2,9 +2,9 @@
				@@ -2,9 +2,9 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Svelte</title>
+    <title>Umbrella</title>
    <style id="usercss"></style>
  </head>
  <body>
--- a/frontend/public/favicon.ico
+++ b/frontend/public/favicon.ico
--- a/frontend/public/umbrella100px.png
+++ b/frontend/public/umbrella100px.png
--- a/frontend/src/routes/bookmark/Index.svelte
+++ b/frontend/src/routes/bookmark/Index.svelte
@ -95,6 +95,10 @@
				@@ -95,6 +95,10 @@
    onMount(loadBookmarks);
 </script>

+<svelte:head>
+    <title>Umbrella – {t('bookmarks')}</title>
+</svelte:head>
+
 <svelte:window {onscroll} />
 <fieldset>
    <legend>{t('Bookmarks')}</legend>
--- a/frontend/src/routes/company/Editor.svelte
+++ b/frontend/src/routes/company/Editor.svelte
@ -58,9 +58,12 @@
				@@ -58,9 +58,12 @@
        if (success) caption = t('saved');
        btnEnabled = true;
    }
-
 </script>

+<svelte:head>
+    <title>Umbrella – {t('company')}: {company?.name}</title>
+</svelte:head>
+
 <fieldset>
 {#if company}
    <legend>{t('edit_object',{object:company.name})}</legend>
--- a/frontend/src/routes/company/Index.svelte
+++ b/frontend/src/routes/company/Index.svelte
@ -63,6 +63,10 @@
				@@ -63,6 +63,10 @@
    onMount(loadCompanies)
 </script>

+<svelte:head>
+    <title>Umbrella – {t('companies')}</title>
+</svelte:head>
+
 <fieldset>
    <legend>
        {t('companies')}
--- a/frontend/src/routes/document/List.svelte
+++ b/frontend/src/routes/document/List.svelte
@ -76,6 +76,10 @@
				@@ -76,6 +76,10 @@
    onMount(loadCompanies);
 </script>

+<svelte:head>
+    <title>Umbrella – {t('documents')}</title>
+</svelte:head>
+
 <fieldset>
    <legend>{selected_company ? t( 'docs_of_company',{company:selected_company.name}) : t('document_list')}</legend>
    {#if error}
--- a/frontend/src/routes/document/View.svelte
+++ b/frontend/src/routes/document/View.svelte
@ -129,6 +129,10 @@
				@@ -129,6 +129,10 @@
    onMount(loadDoc);
 </script>

+<svelte:head>
+    <title>Umbrella – {t('document')} {doc?.number}</title>
+</svelte:head>
+
 {#if error}
 <span class="error">{error}</span>
 {/if}
--- a/frontend/src/routes/notes/Index.svelte
+++ b/frontend/src/routes/notes/Index.svelte
@ -76,6 +76,10 @@
				@@ -76,6 +76,10 @@
    loadNotes(loadNotes)
 </script>

+<svelte:head>
+    <title>Umbrella – {t('notes')}</title>
+</svelte:head>
+
 <svelte:window {onscroll} />
 {#if error}
 <span class="error">{error}</span>
--- a/frontend/src/routes/project/Kanban.svelte
+++ b/frontend/src/routes/project/Kanban.svelte
@ -194,6 +194,10 @@
				@@ -194,6 +194,10 @@
    onMount(load);
 </script>

+<svelte:head>
+    <title>Umbrella – {project?.name}</title>
+</svelte:head>
+
 {#if project}
 <h1 onclick={ev => router.navigate(`/project/${project.id}/view`)}>{project.name}</h1>
 {/if}
--- a/frontend/src/routes/project/List.svelte
+++ b/frontend/src/routes/project/List.svelte
@ -62,6 +62,10 @@
				@@ -62,6 +62,10 @@
    onMount(loadProjects);
 </script>

+<svelte:head>
+    <title>Umbrella – {t('Projects')}</title>
+</svelte:head>
+
 {#if error}
 <span class="error">{error}</span>
 {/if}
--- a/frontend/src/routes/project/View.svelte
+++ b/frontend/src/routes/project/View.svelte
@ -142,6 +142,10 @@
				@@ -142,6 +142,10 @@
    onMount(loadProject);
 </script>

+<svelte:head>
+    <title>Umbrella – {project?.name}</title>
+</svelte:head>
+
 {#if error}
 <span class="error">{error}</span>
 {/if}
--- a/frontend/src/routes/search/Search.svelte
+++ b/frontend/src/routes/search/Search.svelte
@ -76,9 +76,12 @@
				@@ -76,9 +76,12 @@
    }

    $effect(() => doSearch(key))
-
 </script>

+<svelte:head>
+    <title>Umbrella – {t('search')}: {key}</title>
+</svelte:head>
+
 <fieldset class="search">
    <legend>{t('search')}</legend>
    {#if error}
--- a/frontend/src/routes/task/Add.svelte
+++ b/frontend/src/routes/task/Add.svelte
@ -122,6 +122,9 @@
				@@ -122,6 +122,9 @@
    onMount(load);
 </script>

+<svelte:head>
+    <title>Umbrella – {t('add_object',{object:t('task')})}</title>
+</svelte:head>

 <fieldset>
    <legend>{t('add_object',{object:t('task')})}</legend>
--- a/frontend/src/routes/task/Index.svelte
+++ b/frontend/src/routes/task/Index.svelte
@ -96,6 +96,10 @@
				@@ -96,6 +96,10 @@
    onMount(load);
 </script>

+<svelte:head>
+    <title>Umbrella – {t('tasks')}</title>
+</svelte:head>
+
 <fieldset>
    <legend>{loading ? t('loading_object',{object:t('task_list')}) : t('task_list')}</legend>
    {#if error}
--- a/frontend/src/routes/task/View.svelte
+++ b/frontend/src/routes/task/View.svelte
@ -170,6 +170,10 @@
				@@ -170,6 +170,10 @@
    }
 </script>

+<svelte:head>
+    <title>Umbrella – {t('task')}: {task?.name}</title>
+</svelte:head>
+
 {#if error}
 <span class="error">{error}</span>
 {/if}
--- a/frontend/src/routes/time/Index.svelte
+++ b/frontend/src/routes/time/Index.svelte
@ -142,6 +142,10 @@
				@@ -142,6 +142,10 @@
    onMount(loadTimes);
 </script>

+<svelte:head>
+    <title>Umbrella – {t('timetracking')}</title>
+</svelte:head>
+
 <h1>{t('timetracking')}</h1>
 {#if error}
 <span class="error">{error}</span>
--- a/frontend/src/routes/user/User.svelte
+++ b/frontend/src/routes/user/User.svelte
@ -12,6 +12,10 @@
				@@ -12,6 +12,10 @@
    if (redirect && user.name) location.href = redirect;
 </script>

+<svelte:head>
+    <title>Umbrella – {t('user')}: {user?.name}</title>
+</svelte:head>
+
 <h1>{t('user_module')}</h1>

 <Profile />
--- a/web/src/main/resources/web/css/basic.css
+++ b/web/src/main/resources/web/css/basic.css
@ -11,6 +11,11 @@ body{
				@@ -11,6 +11,11 @@ body{
 	margin-top: 25px;
 	font-family: sans-serif;
 	position: relative;
+    background-color: #0f3a09;
+    background-image: url('/umbrella100px.png');
+    background-repeat: no-repeat;
+    background-position: right top;
+
 }
 code{
 	display: inline-block;
@ -535,10 +540,6 @@ table #preview-source{
				@@ -535,10 +540,6 @@ table #preview-source{
 	}
 }

-
-body{
-	background: #0f3a09;
-}
 a{
 	color: #0c0061;
 }
--- a/web/src/main/resources/web/css/bloodshed.css
+++ b/web/src/main/resources/web/css/bloodshed.css
@ -9,9 +9,12 @@ a {
				@@ -9,9 +9,12 @@ a {
 }
 body {
    font-family: sans;
-    background: black;
    color: red;
    margin: 0 0 40px 0;
+    background-color: black;
+    background-image: url('/umbrella100px.png');
+    background-repeat: no-repeat;
+    background-position: 98% 70px;
 }

 fieldset {
--- a/web/src/main/resources/web/css/default.css
+++ b/web/src/main/resources/web/css/default.css
@ -10,9 +10,12 @@ a {
				@@ -10,9 +10,12 @@ a {

 body {
    font-family: sans;
-    background: black;
    color: orange;
    margin: 0 0 40px 0;
+    background-color: black;
+    background-image: url('/umbrella100px.png');
+    background-repeat: no-repeat;
+    background-position: 98% 70px;
 }

 fieldset {
--- a/web/src/main/resources/web/css/winter.css
+++ b/web/src/main/resources/web/css/winter.css
@ -10,9 +10,12 @@ a {
				@@ -10,9 +10,12 @@ a {

 body {
    font-family: sans;
-    background: white;
    color: navy;
    margin: 0 0 40px 0;
+    background-color: white;
+    background-image: url('/umbrella100px.png');
+    background-repeat: no-repeat;
+    background-position: 98% 70px;
 }

 fieldset {