Add emochi to portfolio

public_html/portfolio.html

@@ -70,10 +70,35 @@ <h2>Portfolio</h2>
         <div class="wrapper">
             <div class="inner">
                 <section class="features">
+                    <article>
+                        <div class="article-content" align="center">
+                            <img src="images/emochi-icon.png" class="app-icon-container"/>
+                            <h3 class="major">Emochi</h3>
+                            <p>A system-wide emoji picker for macOS, summoned just by typing a colon and an emoji name :partyingface: 🥳</p>
+                            <video width="100%"" controls>
+                                <source src="videos/emochi-demo.mp4" type="video/mp4">
+                                    Your browser does not support the video tag.
+                              </video>
+                            <a href="images/emochi-1.png"><figure><img src="images/emochi-1.png" width="100%" alt="..." loading="lazy"/></figure></a>
+                            <a href="images/emochi-2.png"><figure><img src="images/emochi-2.png" width="100%" alt="..." loading="lazy"/></figure></a>
+                            <a href="images/emochi-3.png"><figure><img src="images/emochi-3.png" width="100%" alt="..." loading="lazy"/></figure></a>
+                            <a href="images/emochi-4.png"><figure><img src="images/emochi-4.png" width="100%" alt="..." loading="lazy"/></figure></a>
+                            <br />
+                            <!-- <a href="https://apps.apple.com/us/app/recipe-nabber/id1602584893" target="_blank" style="border-bottom-style: none;"><img src="images/download-on-the-app-store-white.svg" width=75%/></a> -->
+                        </div>
+                        <div class="badge-container noselect">
+                            <hr/>
+                            <p class="badge">Swift 5.7</p>
+                            <p class="badge">StoreKit 2</p>
+                            <p class="badge">SwiftUI</p>
+                            <p class="badge">AppKit</p>
+                        </div>
+                    </article>
                     <article>
                         <div class="article-content" align="center">
                             <img src="images/recipe-nabber-icon.png" class="app-icon-container"/>
                             <h3 class="major"><a href="https://apps.apple.com/us/app/recipe-nabber/id1602584893" target="_blank">Recipe Nabber</a></h3>
+                            <p>A Safari extension for iOS that skips the life stories of recipe authors and renders only recipe content.</p>
                             <div class="flex-images-container">
                                 <a href="images/recipe-nabber1.webp"><figure><img src="images/recipe-nabber1.webp" class="tall-img" alt="..." loading="lazy"/></figure></a>
                                 <a href="images/recipe-nabber2.webp"><figure><img src="images/recipe-nabber2.webp" class="tall-img" alt="..." loading="lazy"/></figure></a>