Changed order

frontend/app/components/parts/HeaderLinks.vue

@@ -36,14 +36,14 @@ function getToPath(targetKey: string): string {
             <span class="tab-sep">│</span>
             <span class="tab-label">/{{ $t('header.links.blog') }}</span>
         </NuxtLink>
-        <NuxtLink :to="getToPath('contact')" class="tui-tab" :class="{ 'tui-tab-active': isActive('contact') }">
-            <span class="tab-sep">│</span>
-            <span class="tab-label">/{{ $t('header.links.contact') }}</span>
-        </NuxtLink>
         <NuxtLink :to="getToPath('art')" class="tui-tab" :class="{ 'tui-tab-active': isActive('art') }">
             <span class="tab-sep">│</span>
             <span class="tab-label">/{{ $t('header.links.art') }}</span>
         </NuxtLink>
+        <NuxtLink :to="getToPath('contact')" class="tui-tab" :class="{ 'tui-tab-active': isActive('contact') }">
+            <span class="tab-sep">│</span>
+            <span class="tab-label">/{{ $t('header.links.contact') }}</span>
+        </NuxtLink>
     </div>
 </template>
 

frontend/app/pages/index.vue

@@ -320,13 +320,6 @@ const sectionTargets = {
       </Container>
     </section>
 
-    <section class="contact-section" id="scroll-contact">
-      <Container>
-        <h2 class="section-title">{{ t('pages.contact_heading') }}</h2>
-        <ContentRenderer v-if="contactMarkdown" :value="contactMarkdown"></ContentRenderer>
-      </Container>
-    </section>
-
     <section class="art-section" id="scroll-art">
       <Container>
         <h2 class="section-title">{{ t('pages.art_heading') }}</h2>
@@ -349,6 +342,13 @@ const sectionTargets = {
         </p>
       </Container>
     </section>
+
+    <section class="contact-section" id="scroll-contact">
+      <Container>
+        <h2 class="section-title">{{ t('pages.contact_heading') }}</h2>
+        <ContentRenderer v-if="contactMarkdown" :value="contactMarkdown"></ContentRenderer>
+      </Container>
+    </section>
   </FixedLayout>
   <Footer></Footer>
 </template>