更新

index.html

@@ -34,15 +34,15 @@
       </a>
       <div class="db dtc-l v-mid w-100 w-75-l tc tr-l sitefont-100">
         <a class="link dim dark-gray f6 f5-l dib mr3 mr4-l white" href="https://julie.cogley.jp" title="Personal Site"
-          target="_blank">JULIE COGLEY PORTFOLIO</a>
+          target="_blank"><span class="site-title">JULIE COGLEY PORTFOLIO</span></a>
       </div>
     </nav>
     <div data-name="component">
       <article class="cf pa3 mw9 center">
         <header class="fl w-100 w-50-l pa3-m pa4-l mb3 mb5-l">
           <h1 class="lh-title f3 b mt0 sitefont-700">
             コグレー珠里<br>
-            <span class="black-40">こぐれーじゅり</span>
+            <span class="gray">こぐれーじゅり</span>
             <p>■長所</span><br>
               <span class="dark-blue">行動力×継続力</span><br><br>
               <span class="gray">やってみよう！と決断したら、恐れずに環境を変えるための努力を継続することができます。</span>
@@ -61,55 +61,64 @@ <h1 class="lh-title f3 b mt0 sitefont-700">
             <h3 class="f4 bold center mw6 sitefont-700">制作実績</h3>
             <p class="f6 lh-copy measure">
             <ul class="list pl0 ml0 center mw6 ba b--light-silver br2">
-              <li class="ph3 pv3 bb b--light-silver"><a href="/portfolio/nn-2024" target="_blank">芸術家・中原菜海様のポートフォリオサイト</a>
+              <li class="ph3 pv3 bb b--light-silver"><a class="past-work" href="/portfolio/nn-2024" target="_blank">芸術家・中原菜海様のポートフォリオサイト</a>
               </li>
-              <li class="ph3 pv3 bb b--light-silver"><a href="https://github.com/juliecogley/julie_portfolio"
+              <li class="ph3 pv3 bb b--light-silver"><a class="past-work" href="https://github.com/juliecogley/julie_portfolio"
                   target="_blank">本サイトのギットハブ</a></li>
             </ul>
             </p>
           </div>
           <div class="fl w-100 w-50-m w-25-l pa3-m pa4-l">
             <h3 class="f4 bold center mw6 sitefont-700">プロフィール</h3>
-            <p class="f6 lh-copy measure">
+            <p class="f6 lh-copy measure"> <span class="gray">
               1997年に神奈川県横浜市で生まれ、育ちました。<br><br>
               2016年に早稲田大学へ入学し、芸術・文化・心理学や語学等、幅広く学びました。<br><br>
               2020年には『社会に貢献できる人材になりたい』という想いから東京都庁へ入庁し、総務人事事務、栄典やマイナンバー関係事務、防災関連の広報を担当しました。<br>
               現職でマイナンバー関係のチラシを制作した経験から、デザインに興味を持ち、2023年にデジタルハリウッドスタジオのwebデザイナー専攻コースにてデザインとコーデイングを学びました。<br>
+            </span>
             </p>
           </div>
           <div class="fl w-100 w-50-m w-25-l pa3-m pa4-l">
             <h3 class="f4 bold center mw6 sitefont-700">使用ツール＆使用言語</h3>
             <p class="f6 lh-copy measure">
               <span class="dark-blue">■ツール</span><br>
+              <span class="gray">
               ・Adobe Illustrator<br>
               ・Adobe Photoshop<br>
               ・Dreamweaver<br>
               ・VSCode<br>
-              ・Figma<br>
-              <br>
+              ・Figma<br><br>
+              </span>
               <span class="dark-blue">■使用言語</span><br>
+              <span class="gray">
               ・HTML<br>
               ・CSS<br>
               ・Javascript<br>
               <br><br>
+            </span>
               <span class="dark-blue">■勉強中！</span><br>
+              <span class="gray">
               ・プログラミング（Java、C言語）
-            </p>
+            </span>
           </div>
           <div class="fl w-100 w-50-m w-25-l pa3-m pa4-l">
             <h3 class="f4 bold center mw6 sitefont-700">特技＆趣味</h3>
             <p class="f6 lh-copy measure">
-              ■特技<br>
+              <span class="dark-blue">■特技</span><br>
+              <span class="gray">
               ・水泳<br>
               9年間、水泳をやっていました。得意種目は平泳ぎで、横浜市の水泳大会に出場した経験があります。持久力には自信があります！
               <br>
               ・音楽<br>
               中学校、高校、大学で合計10年間、パーカッションとドラムを演奏していました。POP、ROCK、R＆B、ラテン、スカ、レゲエ等、様々なジャンルの音楽の演奏経験があります。<br><br>
-              ■趣味・好きなもの<br>
+             </span>
+              <span class="dark-blue">■趣味・好きなもの</span><br>
+              <span class="gray">
               絵画、アニメ・ホラー映画鑑賞、ドライフラワー作り、お話を考えること<br>
               <br>
               小さい頃から色鉛筆や油絵を使って絵を描くことが好きでした。
-              デジタルハリウッドの課題として、絵コンテを提出した際は、オリジナルの絵コンテを作成しました。  
+              デジタルハリウッドの課題として、絵コンテを提出した際は、オリジナルの絵コンテを作成しました。 
+              </span> 
             </p>
           </div>
         </section>

index_assets/style.css

@@ -133,14 +133,11 @@ github.com style (c) Vasily Polovnyov <[email protected]>
     .hljs-strong {
     font-weight: bold;
     }
-    .ph3 pv3 bb b--light-silver{
+    .past-work{
     list-style: none;
     text-decoration: none;
-    color: #030303;
-    }
-    .list pl0 ml0 center mw6 ba b--light-silver br2{
-      list-style: none;
-      text-decoration: none;
-      color: #030303;
-
-    }
+    color: #777;
+    }
+.site-title{
+font-weight: 400;
+}