SDFIdk · kbevers · Jan 13, 2024 · Jan 11, 2024 · Jan 11, 2024 · Jan 11, 2024
diff --git a/.gitignore b/.gitignore
@@ -14,4 +14,13 @@ package-lock.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
-!.vscode/*.code-snippets
+!.vscode/*.code-snippets
+Dockerfile-prod
+Dockerfile-test
+Jenkinsfile.prod
+Jenkinsfile.test
+nginx.prod.conf
+nginx.test.conf
+swarm.prod.yml
+SecHeaders.conf
+swarm.test.yml
diff --git a/index.html b/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html lang="">
+<html lang="da">
   <head data-theme="light">
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
     <link rel="shortcut icon" type="image/png" href="./KroneLogo Alle.png"/>
     <title>SDFI Koordinattransformation</title>
     <script defer id="CookieConsent" src=https://policy.app.cookieinformation.com/uc.js data-culture="DA" type="text/javascript"></script>

diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
         "ol": "6.14.1",
         "proj4": "2.8.0",
         "sanitize.css": "13.0.0",
+        "sass": "^1.69.7",
         "skraafoto-saul": "^2.1.0",
         "vue": "3.2.31",
         "vue-router": "4.0.14",

diff --git a/src/components/coordinatetransformation/CoordinateInputField.vue b/src/components/coordinatetransformation/CoordinateInputField.vue
@@ -11,7 +11,7 @@
             class="input-segment" 
             :class="{degreesInput: CrsIsDegrees}">
 
-            <input id="degreesInput"
+            <input name="degreesInput"
                 class="coordinate-input"
                 :class="{degreesInput: props.format == 'degrees', metresInput: props.format == 'minutes', secondsInput: props.format == 'seconds'}"
                 step="0.0001"
@@ -26,7 +26,7 @@
         <span class="input-segment"
             :class="{degreesInput: CrsIsDegrees}"
             v-show="props.CrsIsDegrees && (props.format == 'minutes' || props.format == 'seconds')">
-            <input id="minutesInput"
+            <input name="minutesInput"
                 class="coordinate-input"
                 :class="{degreesInput: props.format == 'degrees', metresInput: props.format == 'minutes', secondsInput: props.format == 'seconds'}"
                 v-model=props.minutes[element]
@@ -37,7 +37,7 @@
         </span>
 
         <span class="input-segment" :class="{degreesInput: props.CrsIsDegrees}" v-show="props.CrsIsDegrees && props.format == 'seconds'">
-            <input id="secondsInput"
+            <input name="secondsInput"
                 class="coordinate-input"
                 :class="{degreesInput: props.format == 'degrees', metresInput: props.format == 'minutes', secondsInput: props.format == 'seconds'}"
                 v-model=props.seconds[element]

diff --git a/src/components/coordinatetransformation/CrsSelector.vue b/src/components/coordinatetransformation/CrsSelector.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="crs-selection-wrapper">
         <select id='crs-select'
+            name='crs-select'
             :class="{ isSelected: outputSelected }" 
             v-model="currentlySelected"
             @change="emit('crsSelected', currentlySelected)">

diff --git a/src/components/coordinatetransformation/InputCard.vue b/src/components/coordinatetransformation/InputCard.vue
@@ -1,7 +1,7 @@
 <template >
     <div class="input-card">
         <section>
-            <h3>Input</h3>
+            <h3 class="InputTitle">Input</h3>
 
             <CrsSelector :inOrOut="'in'" @crs-selected="inputCrsChanged"/>
 
@@ -40,6 +40,7 @@
                     <ArrowIcon :direction="'angle'"/>
                     <span class="height-field">
                         <input
+                            name="degreesInput"
                             :class="{degreesInput: false}"
                             v-model=heightInMeters
                             step="0.0001"
@@ -52,7 +53,7 @@
             <div class="footer">
                 <!-- DAWA -->
                 <div class="searchbar">
-                    <input class="searchbar-input" id="dawa-autocomplete-input"/>
+                    <input class="searchbar-input" id="dawa-autocomplete-input" name="dawa-autocomplete-input"/>
                     <SearchIcon/>
                 </div>
                 <!-- DMS selector, bør komme i sin egen komponent -->
@@ -424,6 +425,9 @@ input:focus {
     display: inline-flex;
     align-items: center;
 }
+.InputTitle{
+    color: var(--sort)
+}
 @media screen and (max-width: 1180px) {
     .footer {
         display: inline-flex;

diff --git a/src/components/coordinatetransformation/OutputCard.vue b/src/components/coordinatetransformation/OutputCard.vue
@@ -1,6 +1,6 @@
 <template>
     <section class="output-card">
-        <h3>Output</h3>
+        <h3 class="OutputTitle">Output</h3>
         <CrsSelector :inOrOut="'out'" @crsSelected="onCrsSelect"/>
 
         <div class="transformed-coordinates"  :class="{ hasTransformed: hasTransformed }">
@@ -302,6 +302,9 @@ input[type='radio'] {
     display: inline-flex;
     flex-grow: 1;
 }
+.OutputTitle{
+    color: var(--sort)
+}
 .radiogroup {
     display: inline-flex;
     flex-wrap: nowrap;

diff --git a/src/components/shared/header/Header.vue b/src/components/shared/header/Header.vue
@@ -9,15 +9,15 @@
         <nav v-if='width > minWidth'>
             <ul >
                 <li>
-                    <router-link to='/Denmark'>Danmark</router-link>
+                    <router-link class='Denmark' to='/Denmark'>Danmark</router-link>
                 </li>
                 <li>
-                    <router-link to='/Greenland'>Grønland</router-link>
+                    <router-link class='Greenland' to='/Greenland'>Grønland</router-link>
                 </li>
                 <li>
-                    <router-link to='/About'>Om Koordinattransformation</router-link>
+                    <router-link class='About' to='/About'>Om Koordinattransformation</router-link>
                 </li>
-            </ul>
+            </ul>r
         </nav>
         <!-- VERTICAL NAVBAR (NÅR SKÆRMEN ER MEGET SMAL) -->
         <nav class="ds-nav-vertical" v-if='verticalMenuIsOpen'>
@@ -52,3 +52,14 @@ const handleResize = () => { width.value = window.innerWidth }
 
 onMounted(() => window.addEventListener('resize', handleResize))
 </script>
+
+<style scoped>
+.nav-container {
+  /* Add any other styles for nav-container as needed */
+}
+
+.nav-container ul li a {
+  color: black;
+  opacity: 1; /* Set opacity to 1 for no transparency */
+}
+</style>
diff --git a/src/views/About.vue b/src/views/About.vue
@@ -33,7 +33,7 @@ h1, h2, h3, h4, h5, h6 {
   margin: 1.25rem;
 }
 h1 {
-  font-size: 30px;
+  font-size: 1.875rem;
 }
 h3 {
   margin: 1.5rem 1.25rem;