summary

juliecogley · Mar 20, 2024 · 5cc074a · 5cc074a
1 parent 2f17767
commit 5cc074a
Show file tree

Hide file tree

Showing 20 changed files with 753 additions and 863 deletions.
diff --git a/common.css b/common.css
diff --git a/contact.html b/contact.html
@@ -6,18 +6,18 @@
   <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes">
   <!-- Provide a short description of the page. -->
   <meta name="description" content="美術科、彫刻家　中原菜海のポートフォリオサイトです。">
-  <meta property="og:title" content="NakaharaNami's Portfolio"/>
+  <meta property="og:title" content="NakaharaNami's Portfolio">
   <meta property="og:site_name" content="NakaharaNami's Portfolio">
   <meta property="og:type" content="website">
   <meta property="og:locale" content="ja-JP">
   <meta property="og:image" content="ogp.jpg">
   <meta property="og:description" content="美術科、彫刻家　中原菜海のポートフォリオサイトです。">
-  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:card" content="summary">
   <title> NakaharaNami's Portfolio </title>
   <link rel="stylesheet" href="reset.css">
   <link rel="stylesheet" href="common.css">
   <link rel="stylesheet" href="contact.css">
-  <link href="favicon.ico" rel="icon" type="image/x-icon" />
+  <link href="favicon.ico" rel="icon" type="image/x-icon">
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -32,11 +32,11 @@
         <p class="nakahara-nami">
           <span class="n">N</span>
           <span class="another">akahara
-            <br />
+            <br>
           </span>
           <span class="n">N</span>
           <span class="another">ami
-            <br />PORTFOLIO</span>
+            <br>PORTFOLIO</span>
         </p>
       </a>
       </div>
@@ -71,8 +71,6 @@
       </header>
   <main class="main">
     <section class="section-contact__name">
-
-
       <div class="section-contact__name-text">
       <p>中原菜海のポートフォリオサイトにご訪問いただき、誠にありがとうございます。<br>
         展覧会・お仕事のご依頼やご相談、ご不明な点等ございましたら、<br>
@@ -84,60 +82,34 @@
     <iframe class="responsive-iframe"
      src="https://docs.google.com/forms/d/e/1FAIpQLScjM-RCJuAGgRXby3dmwI_YlcvQmiqQsCU7Y4sSyhe4sRiEyA/viewform?embedded=true" width="640" height="1203" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
   </section>
-     <!-- Provide a short description of the page. 
-    <form class="inquiry-form" action="inquiry.html">
-      <p>
-        <label for="form-name">お名前/name<span class="asterisk">*</span></label>
-        <input id="form-name" type="text" placeholder="（例）姓　名">
-      </p>
-      <p>
-        <label for="form-email">メール/mail<span class="asterisk">*</span></label>
-        <input id="form-email" type="email" placeholder="（例）[email protected]">
-      </p>
-      <p><label for="form_inquiry-kind">件名/title<span class="asterisk">*</span></label>
-        <textarea id="form_inquiry-detail" placeholder="（例）展覧会の開催について"></textarea>
-      </p>
-      <p>
-        <label for="form_inquiry-detail">
-          お問い合わせ内容/message<span class="asterisk">*</span></label>
-        <textarea id="form_inquiry-detail" placeholder="入力してください。"></textarea>
-      </p>
-      <p>
-        <input class="inquiry-form__privacy" id="form_privacy" type="checkbox">
-        <label class="small-label" for="form_privacy"><a class="form_inquiry-privacy-link" href="">プライバシーポリシー</a>に同意
-        </label>
-      </p>
-      <input class="inquiry-form__submit" type="submit" value="送信/send">
-    </form>
--->
+  </section>
+
   </main>
   <footer class="footer">
     <div class="footer-content-wrapper">
 <nav class="site-map">
-
+  <h2>目次</h2>
   <ul class="site-map__links">
-    <h2>目次</h2>
     <li><a  class="links" href="index.html">トップページ</a></li>
     <li><a  class="links"  href="profile.html">プロフィール</a></li>
     <li><a class="links" href="works.html">作品集</a></li>
     <li><a class="links" href="contact.html">ことばがき</a></li>
     <li><a class="links" href="contact.html">お問い合わせ</a></li>
   </ul>
-
+  <h2>SNS</h2>
   <ul class="site-map__links">
-    <h2>SNS</h2>
     <li><a  class="links" href="">instagram</a></li>
   </ul>
 </nav>
 
 <p class="nakahara-nami">
   <span class="n">N</span>
   <span class="another">akahara
-    <br />
+    <br>
   </span>
   <span class="n">N</span>
   <span class="another">ami
-    <br />PORTFOLIO</span>
+    <br>PORTFOLIO</span>
 </p>
 
 <small class="footer__copyright">

diff --git a/index.html b/index.html
@@ -6,26 +6,25 @@
   <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes">
   <!-- Provide a short description of the page. -->
   <meta name="description" content="美術科、彫刻家　中原菜海のポートフォリオサイトです。">
-  <meta property="og:title" content="NakaharaNami's Portfolio" />
+  <meta property="og:title" content="NakaharaNami's Portfolio">
   <meta property="og:site_name" content="NakaharaNami's Portfolio">
   <meta property="og:type" content="website">
   <meta property="og:locale" content="ja-JP">
   <meta property="og:image" content="ogp.jpg">
   <meta property="og:description" content="美術科、彫刻家　中原菜海のポートフォリオサイトです。">
-  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:card" content="summary">
   <title> NakaharaNami's Portfolio </title>
   <link rel="stylesheet" href="reset.css">
   <link rel="stylesheet" href="common.css">
   <link rel="stylesheet" href="top.css">
-  <link href="favicon.ico" rel="icon" type="image/x-icon" />
+  <link href="favicon.ico" rel="icon" type="image/x-icon">
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap" rel="stylesheet">
 </head>
 
 <body>
-
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
@@ -34,21 +33,14 @@
           <p class="nakahara-nami">
             <span class="n">N</span>
             <span class="another">akahara
-              <br />
+              <br>
             </span>
             <span class="n">N</span>
             <span class="another">ami
-              <br />PORTFOLIO</span>
+              <br>PORTFOLIO</span>
           </p>
         </a>
       </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
-      </div>
-    -->
     </div>
     <div class="contents-rectangle">
       <div class="contents-text">
@@ -197,7 +189,7 @@
         <img class="text3" src="photo/菜.svg" alt="na">
         <img class="text4" src="photo/海.svg" alt="mi">
       </div>
-       <!--  <div class="section-top__name-ruby">
+      <!--  <div class="section-top__name-ruby">
         <img class="ruby1" src="photo/なかはら.svg" alt="ruby1">
         <img class="ruby2" src="photo/なみ.svg" alt="ruby2">
       </div> -->
@@ -280,18 +272,16 @@
   <footer class="footer">
     <div class="footer-content-wrapper">
       <nav class="site-map">
-
+        <h2>目次</h2>
         <ul class="site-map__links">
-          <h2>目次</h2>
           <li><a class="links" href="index.html">トップページ</a></li>
           <li><a class="links" href="profile.html">プロフィール</a></li>
           <li><a class="links" href="works.html">作品集</a></li>
           <li><a class="links" href="kotobagaki.html">ことばがき</a></li>
           <li><a class="links" href="contact.html">お問い合わせ</a></li>
         </ul>
-
+        <h2>SNS</h2>
         <ul class="site-map__links">
-          <h2>SNS</h2>
           <li><a class="links" href="">instagram</a></li>
         </ul>
       </nav>
@@ -300,11 +290,11 @@ <h2>SNS</h2>
         <p class="nakahara-nami">
           <span class="n">N</span>
           <span class="another">akahara
-            <br />
+            <br>
           </span>
           <span class="n">N</span>
           <span class="another">ami
-            <br />PORTFOLIO</span>
+            <br>PORTFOLIO</span>
         </p>
       </div>
 

diff --git a/kotobagaki.css b/kotobagaki.css
@@ -1,8 +1,8 @@
 @charset "UTF-8";
 
 .main {
-	max-width: 1208px;
-	/*1160+pad24+24*/
+	max-width: 1108px;
+	/*1060+pad24+24*/
 	margin: 0 auto;
 }
 

diff --git a/kotobagaki.html b/kotobagaki.html
@@ -6,18 +6,18 @@
   <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes">
   <!-- Provide a short description of the page. -->
   <meta name="description" content="美術科、彫刻家　中原菜海のポートフォリオサイトです。">
-  <meta property="og:title" content="NakaharaNami's Portfolio"/>
+  <meta property="og:title" content="NakaharaNami's Portfolio">
   <meta property="og:site_name" content="NakaharaNami's Portfolio">
   <meta property="og:type" content="website">
   <meta property="og:locale" content="ja-JP">
   <meta property="og:image" content="ogp.jpg">
   <meta property="og:description" content="美術科、彫刻家　中原菜海のポートフォリオサイトです。">
-  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:card" content="summary">
   <title> NakaharaNami's Portfolio </title>
   <link rel="stylesheet" href="reset.css">
   <link rel="stylesheet" href="common.css">
   <link rel="stylesheet" href="kotobagaki.css">
-  <link href="favicon.ico" rel="icon" type="image/x-icon" />
+  <link href="favicon.ico" rel="icon" type="image/x-icon">
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -32,11 +32,11 @@
         <p class="nakahara-nami">
           <span class="n">N</span>
           <span class="another">akahara
-            <br />
+            <br>
           </span>
           <span class="n">N</span>
           <span class="another">ami
-            <br />PORTFOLIO</span>
+            <br>PORTFOLIO</span>
         </p>
       </a>
       </div>
@@ -86,7 +86,7 @@ <h2>なににでもなれるのではないか。</h2>
 			</div>
       </section>
 
-      <section class="section-kotobagaki1__poem">
+      <div class="section-kotobagaki1__poem">
       <p>「こんなところ、秩序のある世界のように見えて</p><br>
         <p>まだ言葉にできていないことを無理やり言いくるめているだけだ。」</p><br>
         <p>しかしまた、抗えない何かは、自然としてそこにあることも事実である。</p><br><br>
@@ -105,35 +105,33 @@ <h2>なににでもなれるのではないか。</h2>
         <p>そこにあなたはいる。</p><br>
         <p>あなたは、わたしである。</p><br>
   <p class="date">二〇二四年　二月</p><br>
-      </section>
+      </div>
   </main>
   <footer class="footer">
     <div class="footer-content-wrapper">
 <nav class="site-map">
-
+  <h2>目次</h2>
   <ul class="site-map__links">
-    <h2>目次</h2>
     <li><a  class="links" href="index.html">トップページ</a></li>
     <li><a  class="links"  href="profile.html">プロフィール</a></li>
     <li><a class="links" href="works.html">作品集</a></li>
     <li><a class="links" href="kotobagaki.html">ことばがき</a></li>
     <li><a class="links" href="contact.html">お問い合わせ</a></li>
   </ul>
-
+  <h2>SNS</h2>
   <ul class="site-map__links">
-    <h2>SNS</h2>
     <li><a  class="links" href="">instagram</a></li>
   </ul>
 </nav>
 
 <p class="nakahara-nami">
   <span class="n">N</span>
   <span class="another">akahara
-    <br />
+    <br>
   </span>
   <span class="n">N</span>
   <span class="another">ami
-    <br />PORTFOLIO</span>
+    <br>PORTFOLIO</span>
 </p>
 
 <small class="footer__copyright">

diff --git a/profile.css b/profile.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 .main {
 	max-width: 1208px;
-	/*1160+pad24+24*/
+	/*1060+pad50+50*/
 	margin: 0 auto;
 }
 
@@ -61,7 +61,7 @@ margin-bottom: 0px;
 justify-content: space-between;
 	}
 
-	.test{
+	.section-profile__name-container{
 		width: 50%;
 	border-right: 1px solid #212427;