#48 spójniejsze nagłówki

components/Header.vue

@@ -0,0 +1,21 @@
+<template>
+    <header class="d-flex justify-content-between mb-3">
+        <h1 class="h4">
+            <nuxt-link to="/">
+                <Icon v="tags"/>
+                Zaimki.pl
+            </nuxt-link>
+        </h1>
+        <p :class="['text-' + align, 'mb-0']">
+            <nuxt-link to="/" class="btn btn-outline-primary btn-sm">
+                <Icon v="home"/>
+                Strona główna
+            </nuxt-link>
+        </p>
+    </header>
+</template>
+
+<script>
+    export default {
+    }
+</script>

components/Homepage.vue

@@ -1,16 +0,0 @@
-<template>
-    <p :class="['text-' + align, 'mb-0']">
-        <nuxt-link to="/" class="btn btn-outline-primary btn-sm">
-            <Icon v="home"/>
-            Strona główna
-        </nuxt-link>
-    </p>
-</template>
-
-<script>
-    export default {
-        props: {
-            align: { default: 'right' }
-        }
-    }
-</script>

pages/_.vue

@@ -1,11 +1,11 @@
 <template>
     <NotFound v-if="!selectedTemplate"/>
     <div class="container" v-else>
-        <Homepage/>
-        <h1>
+        <Header/>
+        <h2>
             <Icon v="tag"/>
             Moje zaimki to:
-        </h1>
+        </h2>
 
         <section>
             <div class="alert alert-primary">

pages/literatura.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="container">
-        <Homepage/>
-        <h1>
+        <Header/>
+        <h2>
             <Icon v="books"/>
             Niebinarna polszczyzna w tekstach kultury
-        </h1>
+        </h2>
 
         <LiteratureMenu all/>
 

pages/neutratywy.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="container">
-        <Homepage/>
-        <h1>
+        <Header/>
+        <h2>
             <Icon v="atom-alt"/>
             Słownik neutratywów
-        </h1>
+        </h2>
 
         <section>
             <p>