Add Drizzle ORM

kimurash · Oct 9, 2024 · 8ee4b3c · 8ee4b3c
1 parent ee41231
commit 8ee4b3c
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 5 deletions.
diff --git 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
diff --git 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>