Add help button on disconnected pages

htdocs/src/App.vue

@@ -76,6 +76,8 @@
           </b-nav-item-dropdown>
         </b-navbar-nav>
         <b-navbar-nav v-else class="ml-auto">
+          <h-help class="mr-2" variant="link" />
+
           <b-button variant="outline-dark" to="/join">
             <b-icon icon="person-plus-fill" aria-hidden="true" /> {{ $t('menu.signup') }}
           </b-button>

htdocs/src/components/hHelp.vue

@@ -31,7 +31,7 @@
     knowledge of the CeCILL license and that you accept its terms.
   -->
 <template>
-  <b-button size="sm" target="_blank" variant="primary" @click="openHelp">
+  <b-button size="sm" target="_blank" :variant="variant" @click="openHelp">
     <b-icon icon="question-circle-fill" :title="$t('common.help')" />
   </b-button>
 </template>
@@ -40,6 +40,13 @@
 export default {
   name: 'HHelp',
 
+  props: {
+    variant: {
+      type: String,
+      default: 'primary'
+    }
+  },
+
   methods: {
     openHelp () {
       window.open('https://help.happydns.org/' + encodeURIComponent(this.$i18n.locale) + '/pages/' + this.$router.history.current.name)