Merge pull request #119 from enpitut2020/develop

mainにマージしたいです

components/GraphSvg.vue

@@ -140,32 +140,37 @@
         </g>
       </svg>
     </div>
-    <div class="card legend">
-      <p class="is-size-5">グラフの見方</p>
+    <button class="button is-primary help_button" v-if="isHiddenHelp" @mouseover="isHiddenHelp=false">
+      <span class="icon is-small">
+        <font-awesome-icon icon="question" />
+      </span>
+    </button>
+    <div class="card legend" v-else @mouseleave="isHiddenHelp=true">
+      <p class="is-size-5">このページのみかた</p>
       <div class="content">
         <div class="level block-list">
           <div class="level-item has-text-left">
             <p>
               <svg class="color-sample" viewBox="0 0 100 100">
                 <circle cx="50" cy="50" r="50" class="target-tag" />
               </svg>
-              今見ているタグ
+              いま見てる趣味
             </p>
           </div>
           <div class="level-item has-text-left">
             <p>
               <svg class="color-sample" viewBox="0 0 100 100">
                 <circle class="relative-tags" cx="50" cy="50" r="50" />
               </svg>
-              関連があるタグ
+              好きかもしれない趣味
             </p>
           </div>
           <div class="level-item has-text-left">
             <p>
               <svg class="color-sample" viewBox="0 0 100 100">
                 <circle class="random-tags" cx="50" cy="50" r="50" />
               </svg>
-              関連がないタグ
+              知らなそうな趣味
             </p>
           </div>
         </div>
@@ -200,6 +205,7 @@ export default {
       viewBoxWidth: 1500,
       viewBoxHeight: 1500,
       scatteredNodes: null,
+      isHiddenHelp: true,
     };
   },
   computed: {
@@ -363,13 +369,21 @@ circle {
   fill: #f38181;
 }
 
+.help_button {
+  padding: 1em;
+  position: fixed;
+  bottom: 2em;
+  left: 2em; 
+}
+
 .legend {
   padding: 1em;
   position: fixed;
   bottom: 2em;
   left: 2em;
 }
 
+
 .color-sample {
   vertical-align: middle;
   width: 1em;

components/Navbar.vue

@@ -1,8 +1,8 @@
 <template>
-  <nav class="navbar is-primary">
+  <nav class="navbar is-primary is-fixed-top">
     <div class="navbar-brand">
-      <a class="navbar-item" href="#">
-        <!-- <img src="logo.png" alt="" /> -->
+      <a class="navbar-item" href="/">
+        <img src="/logo.png" alt="" />
       </a>
       <div
         class="navbar-burger burger"

consts/graphParameters.js

@@ -2,7 +2,7 @@ export default {
   // ノードの半径
   RADIUS: 100,
   // ノードと1つ外側のノードの間の距離
-  DISTANCE: 350,
+  DISTANCE: 420,
   // ターゲットノードに表示する2行の文字列の中心からのずらし幅
   TEXT_SHIFT_HEIGHT: 15,
   // ノード間をつなぐ線の幅

pages/_nodeId/_articleId.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="section">
+  <section class="section mt-5">
     <div class="container is-max-desktop">
       <nuxt-link :to="'/' + currentTagId + '/list'">記事一覧へ戻る</nuxt-link>
       <h1 class="title mt-3 mb-0">{{ title }}</h1>
@@ -70,17 +70,18 @@
         <div class="column">
           <input v-model="inputComment" class="input" placeholder="コメント" />
         </div>
-        <div class="level"></div>
-        <div class="column has-text-right">
-          <button
-            :disabled="isNoComment"
-            type="button"
-            class="button"
-            :class="{ 'is-primary': !isNoComment }"
-            @click="submit"
-          >
-            コメントする
-          </button>
+        <div class="level">
+          <div class="column has-text-right">
+            <button
+              :disabled="isNoComment"
+              type="button"
+              class="button"
+              :class="{ 'is-primary': !isNoComment }"
+              @click="submit"
+            >
+              コメントする
+            </button>
+          </div>
         </div>
       </div>
       <ul>

pages/_nodeId/list.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="section">
+  <section class="section mt-5">
     <div class="container is-max-desktop">
       <nuxt-link :to="`/${targetTag.id}/graph`">趣味探しに戻る</nuxt-link>
       <h1 class="title mt-3">

pages/drafts/new.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <section class="section">
+    <section class="section mt-5">
       <div class="container is-max-desktop">
         <h1 class="title"><font-awesome-icon icon="pen-nib" /> 趣味を書く</h1>
-        <h2 class="subtitle">沼る記事を書こう！的な文</h2>
+        <h2 class="subtitle">自分の好きな趣味をみんなに広めるのだぁ</h2>
         <div class="field">
           <label class="label"
             >タイトル<span style="color: #f38181"> *</span></label
@@ -74,7 +74,7 @@
               v-model="content"
               :toolbars="markdownOption"
               language="ja"
-              placeholder="記事を書いてね！"
+              placeholder="記事を書くのだぁ！マークダウン形式が使えるのだぁ！"
               class="mavon-editor"
             />
           </div>

plugins/fontawesome.js

@@ -13,6 +13,7 @@ const solid = [
   "faPlus",
   "faFileAlt",
   "faProjectDiagram",
+  "faQuestion",
 ];
 
 // ここに追記するだけ