サイト内リンクスの作成

juliecogley · Mar 15, 2024 · b94a06b · b94a06b
1 parent 943c430
commit b94a06b
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 21 deletions.
diff --git a/common.css b/common.css
@@ -49,8 +49,9 @@ body {
   width: 240px;
   }
 
-  .go-to-top{
+  .go-to-top,.go-to-works{
     text-decoration: none;
+    color: #212427;
   }
 
   .label .nakahara-nami{
@@ -152,6 +153,11 @@ body {
 
 	}
 
+  .header__navigation{
+text-decoration: none;
+  }
+
+
 	.none{
 		display: none;
 	}

diff --git a/index.html b/index.html
@@ -60,11 +60,11 @@
       <nav id="nav-content" class="header__navigation">
         <div class="nav-drawer__title none"></div>
         <ul>
-          <li><a class="nav-drawer__link-top none" href="#top">目　次</a></li>
-          <li><a href="#profile">プロフィール</a></li>
-          <li><a href="#works">作品集</a></li>
-          <li><a href="#kotobagaki">ことばがき</a></li>
-          <li><a href="#contact">お問い合わせ</a></li>
+          <li><a class="nav-drawer__link-top none" href="index.html">目　次</a></li>
+          <li><a href="profile.html">プロフィール</a></li>
+          <li><a href="works.html">作品集</a></li>
+          <li><a href="kotobagaki.html">ことばがき</a></li>
+          <li><a href="contact.html">お問い合わせ</a></li>
         </ul>
       </nav>
       </div>

diff --git a/profile.html b/profile.html
@@ -59,11 +59,11 @@
       <nav id="nav-content" class="header__navigation">
         <div class="nav-drawer__title none"></div>
         <ul>
-          <li><a class="nav-drawer__link-top none" href="#top">目　次</a></li>
-          <li><a href="#profile">プロフィール</a></li>
-          <li><a href="#works">作品集</a></li>
-          <li><a href="#kotobagaki">ことばがき</a></li>
-          <li><a href="#contact">お問い合わせ</a></li>
+          <li><a class="nav-drawer__link-top none" href="index.html">目　次</a></li>
+          <li><a href="profile.html">プロフィール</a></li>
+          <li><a href="works.html">作品集</a></li>
+          <li><a href="kotobagaki.html">ことばがき</a></li>
+          <li><a href="contact.html">お問い合わせ</a></li>
         </ul>
       </nav>
       </div>

diff --git a/works.html b/works.html
@@ -62,11 +62,11 @@
       <nav id="nav-content" class="header__navigation">
         <div class="nav-drawer__title none"></div>
         <ul>
-          <li><a class="nav-drawer__link-top none" href="#top">目　次</a></li>
-          <li><a href="#profile">プロフィール</a></li>
-          <li><a href="#works">作品集</a></li>
-          <li><a href="#kotobagaki">ことばがき</a></li>
-          <li><a href="#contact">お問い合わせ</a></li>
+          <li><a class="nav-drawer__link-top none" href="index.html">目　次</a></li>
+          <li><a href="profile.html">プロフィール</a></li>
+          <li><a href="works.html">作品集</a></li>
+          <li><a href="kotobagaki.html">ことばがき</a></li>
+          <li><a href="contact.html">お問い合わせ</a></li>
         </ul>
       </nav>
       </div>
@@ -78,6 +78,7 @@
     </section>
 
     <section class="section-works__wrapper">
+     <a class="go-to-works"  href="works1.html">
       <div class="section-works__index">
         <h2>そっと水をあげる</h2>
         <h3>Watering flowers,is it love or not?</h3>
@@ -99,6 +100,8 @@ <h3>Watering flowers,is it love or not?</h3>
           </defs>
           </svg>
       </div>
+      </a>
+      <a class="go-to-works"  href="works2.html">
       <div class="section-works__index">
         <h2>Imaginary melancholy</h2>
         <p>「小雨舞う　重いまぶたの裏側で」</p>
@@ -119,6 +122,8 @@ <h2>Imaginary melancholy</h2>
           </defs>
           </svg>
       </div>
+      </a>
+      <a class="go-to-works"  href="works3.html">
       <div class="section-works__index">
         <h2>今日の月、ひとつかみ</h2>
         <p>「やさしい誰か、壊れた冷蔵庫に本を積む」</p>
@@ -138,6 +143,8 @@ <h2>今日の月、ひとつかみ</h2>
           </defs>
           </svg>
       </div>
+    </a>
+    <a class="go-to-works"  href="works4.html">
       <div class="section-works__index">
         <h2>白露の朝、陽だまりをひとくち</h2>
         <p>「焼きたての　麺麭をひとくち」</p>
@@ -157,6 +164,8 @@ <h2>白露の朝、陽だまりをひとくち</h2>
           </defs>
           </svg>
       </div>
+    </a>
+    <a class="go-to-works"  href="works5.html">
       <div class="section-works__index">
         <h2>実</h2>
         <p>「私は、ある時、ある場所で、<br>
@@ -177,6 +186,8 @@ <h2>実</h2>
           </defs>
           </svg>
       </div>
+    </a>
+    <a class="go-to-works"  href="works6.html">
       <div class="section-works__index">
         <h2>行きしなに</h2>
         <p>「行きしなに　ふらっと立ち寄る<br>
@@ -196,6 +207,8 @@ <h2>行きしなに</h2>
             </defs>
             </svg>
       </div>
+    </a>
+    <a class="go-to-works"  href="works7.html">
       <div class="section-works__index">
         <h2>よるの森</h2>
         <p>「「いい夜」をあつめて<br>
@@ -217,6 +230,8 @@ <h2>よるの森</h2>
           </defs>
           </svg>
       </div>
+      </a>
+      <a class="go-to-works"  href="works7.html">
       <div class="section-works__index">
         <h2>目が眩む</h2>
         <p>「それは木であり、人であり、<br>
@@ -238,6 +253,7 @@ <h2>目が眩む</h2>
           </defs>
           </svg>
       </div>
+    </a>
     </section>
   </section>
   </main>

diff --git a/works1.html b/works1.html
@@ -61,11 +61,11 @@
       <nav id="nav-content" class="header__navigation">
         <div class="nav-drawer__title none"></div>
         <ul>
-          <li><a class="nav-drawer__link-top none" href="#top">目　次</a></li>
-          <li><a href="#profile">プロフィール</a></li>
-          <li><a href="#works">作品集</a></li>
-          <li><a href="#kotobagaki">ことばがき</a></li>
-          <li><a href="#contact">お問い合わせ</a></li>
+          <li><a class="nav-drawer__link-top none" href="index.html">目　次</a></li>
+          <li><a href="profile.html">プロフィール</a></li>
+          <li><a href="works.html">作品集</a></li>
+          <li><a href="kotobagaki.html">ことばがき</a></li>
+          <li><a href="contact.html">お問い合わせ</a></li>
         </ul>
       </nav>
     </div>