add dg card + multi button styling

Author: Lamby777

Diff for: src/css/portfolio.scss

@@ -23,6 +23,8 @@ body {
 
     & a.btn {
         margin-top: auto;
+        border: 4px solid black;
+        margin-bottom: 1vw;
     }
 }
 

Diff for: src/public/img/portfolio/dialogical.png

@@ -34,7 +34,7 @@
                             clicks properly, and I wanted to learn how to make GTK apps
                             as well, so this was the perfect way to solve 2 problems.
                         </p>
-                        <a href="https://github.com/Lamby777/windot" class="btn btn-primary">Source</a>
+                        <a href="https://github.com/Lamby777/windot" class="btn btn-carbon">Source</a>
                     </div>
                 </div>
             </div>
@@ -49,7 +49,24 @@
                             crate that allows you to create desktop applications using
                             web technologies.
                         </p>
-                        <a href="https://github.com/Lamby777/tq-launcher" class="btn btn-primary">Source</a>
+                        <a href="https://github.com/Lamby777/tq-launcher" class="btn btn-carbon">Source</a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card project-card">
+                    <img src="/public/img/portfolio/dialogical.png" class="project-img" height="250" alt="dialogical">
+                    <div class="card-body">
+                        <h5 class="card-title">dialogical</h5>
+                        <p class="card-text">
+                            A domain-specific language (DSL) I created to solve the
+                            surprisingly complex task of creating dialogue trees for my
+                            own game P/E/T/S 2037. It supports some minor metaprogramming
+                            stuff using inline scripts that can take actions like
+                            importing other files or linking certain names to voice IDs.
+                        </p>
+                        <a href="https://crates.io/crates/dialogical" class="btn btn-carbon">Crate</a>
+                        <a href="https://github.com/Lamby777/dialogical" class="btn btn-carbon">Source</a>
                     </div>
                 </div>
             </div>