From 8ee4b3cbd7b8618d07bed9be133486139fe0520d Mon Sep 17 00:00:00 2001
From: shunsei <kimshun1227@icloud.com>
Date: Thu, 10 Oct 2024 01:48:10 +0900
Subject: [PATCH] Add Drizzle ORM

---
 assets/css/main.css          |   5 +++++
 assets/img/skill/drizzle.png | Bin 0 -> 1680 bytes
 index.html                   |  33 ++++++++++++++++++++++++++++-----
 3 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 assets/img/skill/drizzle.png

diff --git a/assets/css/main.css b/assets/css/main.css
index 2656845..85050cf 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -942,6 +942,11 @@ section,
   border-color: #fd7e14;
 }
 
+.btn-outline-yellow-green{
+  color: #b9c42f; /* yellow-green color */
+  border-color: #b9c42f;
+}
+
 /*--------------------------------------------------------------
 # Contact Section
 --------------------------------------------------------------*/
diff --git a/assets/img/skill/drizzle.png b/assets/img/skill/drizzle.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1df1007a1d16e4c7bb0b43e28599cf311c464fd
GIT binary patch
literal 1680
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
K#<3pem-G*B5+p<b

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 2a62a5c..81ea33a 100644
--- a/index.html
+++ b/index.html
@@ -581,7 +581,7 @@ <h5 class="card-title">Flask</h5>
                   </div>
                   <div class="col-8">
                     <h5 class="card-title">Hono</h5>
-                    <p class="card-text">★★★☆☆</p>
+                    <p class="card-text">★★★★☆</p>
                   </div>
                 </div>
               </div>
@@ -831,6 +831,30 @@ <h5 class="card-title">Docker</h5>
               </div>
             </div>
           </div>
+
+          <div class="col">
+            <div class="card" style="max-width: 540px;">
+              <!-- body -->
+              <div class="card-body">
+                <div class="row g-2">
+                  <div class="col-4">
+                    <img
+                      src="assets/img/skill/drizzle.png"
+                      class="img-fluid rounded-start d-block mx-auto" width="60" height="60" alt="drizzle"
+                    >
+                  </div>
+                  <div class="col-8">
+                    <h5 class="card-title">Drizzle ORM</h5>
+                    <p class="card-text">★★★★☆</p>
+                  </div>
+                </div>
+              </div>
+              <!-- footer -->
+              <div class="card-footer bg-white">
+                <span class="tag">趣味</span>
+              </div>
+            </div>
+          </div>
           
           <div class="col">
             <div class="card" style="max-width: 540px;">
@@ -910,7 +934,7 @@ <h5 class="card-title">GitHub Actions</h5>
                   </div>
                   <div class="col-8">
                     <h5 class="card-title">Prisma</h5>
-                    <p class="card-text">★★★★☆</p>
+                    <p class="card-text">★★★☆☆</p>
                   </div>
                 </div>
               </div>
@@ -953,7 +977,7 @@ <h5 class="card-title">Postman</h5>
                   </div>
                   <div class="col-8">
                     <h5 class="card-title">Supabase</h5>
-                    <p class="card-text">★★★★☆</p>
+                    <p class="card-text">★★★☆☆</p>
                   </div>
                 </div>
               </div>
@@ -1201,8 +1225,7 @@ <h5 class="card-title">KITCC Library</h5>
                     <button type="button" class="btn btn-outline-info">React</button>
                     <button type="button" class="btn btn-outline-danger">Hono</button>
                     <button type="button" class="btn btn-outline-orange">Cloudflare</button>
-                    <button type="button" class="btn btn-outline-secondary">Prisma</button>
-                    <button type="button" class="btn btn-outline-success">Supabase</button>
+                    <button type="button" class="btn btn-outline-yellow-green">Drizzle ORM</button>
                     <button type="button" class="btn btn-outline-secondary">GitHub Actions</button>
                   </p>
                 </div>