style(footer): adapt footer

mapswipe · Apr 23, 2024 · b7c551e · b7c551e
1 parent 41bf9fb
commit b7c551e
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 8 deletions.
diff --git a/.env b/.env
@@ -1,6 +1,6 @@
 VITE_BASE_URL=
 VITE_PRIVACY_POLICY_URL='https://mapswipe.org/{locale}/privacy/'
-VITE_IMPRINT_URL='https://heigit.org/imprint/'
+VITE_IMPRINT_URL=
 VITE_APP_LOGO='./img/mapswipe-white.svg'
 VITE_PROJECTS_FALLBACK_IMAGE="./img/map-pin-600x400.jpg"
 
@@ -22,5 +22,6 @@ VITE_THEME_LIGHT_NEUTRAL="#272727"
 
 # App Attribution
 VITE_APP_NAME="MapSwipe4Web"
-VITE_APP_ATTRIBUTION_TITLE='Heidelberg Institute for Geoinformation Technology | HeiGIT gGmbH'
+VITE_APP_WEBSITE_URL="https://mapswipe.org"
+VITE_APP_ATTRIBUTION_TITLE='HeiGIT gGmbH'
 VITE_APP_ATTRIBUTION_URL='https://heigit.org'
diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
@@ -18,6 +18,10 @@ export default defineComponent({
       const appAttributionUrl = import.meta.env.VITE_APP_ATTRIBUTION_URL
       return appAttributionUrl
     },
+    appWebsiteUrl() {
+      const appWebsiteUrl = import.meta.env.VITE_APP_WEBSITE_URL
+      return appWebsiteUrl
+    },
     imprintUrl() {
       const url = import.meta.env.VITE_IMPRINT_URL
       return url
@@ -36,16 +40,21 @@ export default defineComponent({
     <p class="text-center m-auto">
       <span>
         © {{ currentYear }}
-        <strong> &nbsp;{{ appName }} </strong>
+        <strong>
+          <a target="_blank" :title="appName" :href="appWebsiteUrl">
+            {{ appName }}
+          </a>
+        </strong>
       </span>
-      <span>
-        &nbsp;| {{ $t('appFooter.servicesDevelopedBy') }}
+      <span v-if="appAttributionTitle">
+        |
         <strong>
           <a target="_blank" :title="appAttributionTitle" :href="appAttributionUrl">
             {{ appAttributionTitle }}
           </a>
-        </strong> </span
-      ><br />
+        </strong>
+      </span>
+      &nbsp; &nbsp;
       <span>
         <strong>
           <a
@@ -59,7 +68,13 @@ export default defineComponent({
         </strong>
         &nbsp; &nbsp;
         <strong>
-          <a class="link" :title="$t('appFooter.imprint')" :href="imprintUrl" target="_blank">
+          <a
+            v-if="imprintUrl"
+            class="link"
+            :title="$t('appFooter.imprint')"
+            :href="imprintUrl"
+            target="_blank"
+          >
             {{ $t('appFooter.imprint') }}
           </a>
         </strong>