fix: update

Author: surajsharma

index.html

@@ -23,8 +23,27 @@ <h1><span>inversepolarity</span></h1>
       </div>
     </header>
     <main class="main-grid">
+
+      <div class="project-card">
+        <h2 class="project-norc">forever</h2>
+        <p>
+          eternal planner for android
+        </p>
+        <a href="https://github.com/inversepolarity/forever">github</a>
+      </div>
+
+
+      <div class="project-card">
+        <h2 class="project-norc">kalki</h2>
+        <p>
+          jetpack compose instrumentation and control
+        </p>
+        <a href="https://github.com/inversepolarity/kalki">docs</a>
+        <a href="https://github.com/inversepolarity/kalki">github</a>
+      </div>
+
       <div class="project-card">
-        <h2>skiboard</h2>
+        <h2 class="project-alpha">skiboard</h2>
         <p>
           an advanced android keyboard for developers and power users, based on
           <a
@@ -99,7 +118,7 @@ <h2>uncl</h2>
       </div>
 
       <div class="project-card">
-        <h2>richpip</h2>
+        <h2 class="project-abandon">richpip</h2>
         <p>
           De-Googled Picture-in-Picture Chrome Extension (with subtitle support)
         </p>

ip.css

@@ -526,6 +526,29 @@ body {
   text-decoration: underline;
 }
 
+.project-norc{
+  background:yellow;
+  color:black;
+  width: fit-content;
+}
+
+.project-alpha{
+  background:lightblue;
+  color:black;
+  width: fit-content;
+}
+
+.project-beta{
+  background:pink ;
+  color:black;
+  width: fit-content;
+}
+
+.project-abandon{
+  background:lightgrey;
+  color:black;
+  width: fit-content;
+}
 
 .links{
   display: flex;