Qiitaアナリティクス追加

ishi720 · Dec 17, 2024 · ef9d839 · ef9d839
1 parent d3f5d71
commit ef9d839
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -490,6 +490,10 @@ img {
   background: #838eb7;
 }
 
+.works__lang--python {
+  background: #3874a5;
+}
+
 .works__lang--photoshop {
   background: #00c2f7;
 }
@@ -806,7 +810,7 @@ img {
 .about {
   /* 背景を画像にする際は以下を編集 */
   /* background: url(../images/about.png) no-repeat center center; */
-  background: #f7f7f7;
+  background: #fff;
   background-size: cover;
 }
 
@@ -837,7 +841,7 @@ img {
   color: #636363;
   /* 背景を画像にする際は以下を編集 */
   /* background: url(../images/contact.png) no-repeat center center; */
-  background: #fff;
+  background: #f7f7f7;
   background-size: cover;
 }
 

diff --git a/index.html b/index.html
@@ -184,6 +184,25 @@ <h3 class="works__title">コイントスの統計</h3>
                       </p>
                     </div>
                   </a>
+
+                  <!-- Qiitaアナリティクス -->
+                  <a
+                    href="https://qiita-api-sample.onrender.com/"
+                    class="works__link col-md-4 js-fadein--queue"
+                    target="_blank"
+                  >
+                  <p class="works__img">
+                    <img src="./assets/images/qiita_analytics.png" alt="" />
+                  </p>
+                  <div class="works__box">
+                    <h3 class="works__title">Qiitaアナリティクス</h3>
+                    <p class="works__url">https://qiita-api-sample.onrender.com/</p>
+                    <div class="works__lang"><span class="works__lang--js">Javascript</span><span class="works__lang--python">Python</span></div>
+                    <p class="works__txt">
+                      Qiitaの記事を日付ごとの「いいね」数でグラフ化しました。
+                    </p>
+                  </div>
+                  </a>
                 </div>
               </div>
             </div>