From faab6f4ff1531523bfece042e2ce71536bea7c93 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sat, 9 Nov 2019 21:54:07 -0800
Subject: [PATCH] Update CSS for CV

---
 css/style.css   |  7 ++++++-
 resume.html     | 51 +++++++++++++++++++++++++++++++++++++++++++------
 scss/style.scss | 10 +++++++++-
 3 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index 900ab55..db2c2db 100644
--- a/css/style.css
+++ b/css/style.css
@@ -80,8 +80,13 @@ main {
 div.section-content {
   margin-left: 20px; }
 
-div.position-location {
+div.position, div.project-container {
+  margin-bottom: 15px; }
+
+div.position-location, div.project-quip {
   color: #4d4c4c; }
 
 section {
   page-break-inside: avoid; }
+  section.page-padding {
+    padding-top: 15px; }
diff --git a/resume.html b/resume.html
index e2e5905..a57ba6d 100644
--- a/resume.html
+++ b/resume.html
@@ -47,38 +47,77 @@
             </div>
             <section>
                 <h1>Projects</h1>
-                <div class="horizontal-list section-content">
+                <div class="section-content">
+                    <div class="project-container">
+                        <a class="project-link" href="https://danilafe.com">
+                            <h2>danilafe.com</h2>
+                            <i data-feather="link" class="project-link-icon"></i>
+                        </a>
+                        <div class="project-quip">Blog containing a series on compiler development</div>
+                        <ul>
+                            <li>Teaches compiler development from the bottom up using common technologies such as Flex,
+                                Bison and LLVM.</li>
+                            <li>Provides complete implementation of the compiler at each stage of the process,
+                                encouraging experimentation and understanding.</li>
+                            <li>Contains 25,000+ words in 9+ posts, each with an associated compiler version.</li>
+                        </li>
+                    </div>
                     <div class="project-container">
                         <a class="project-link" href="https://github.com/DanilaFe/pegasus">
                             <h2>pegasus</h2>
                             <i data-feather="link" class="project-link-icon"></i>
                         </a>
-                        LALR parser generator for the C and Crystal languages.
+                        <div class="project-quip">LALR parser generator for the C and Crystal languages.</div>
+                        <ul>
+                            <li>Provides a set of programs for creating LALR(1) parsers.</li>
+                            <li>Supports the C and Crystal languages, exposing an API for the implementation of parsers for
+                                other languages.</li>
+                            <li>Generates parsers with diverse functionalities, from building parse trees to using
+                                semantic actions.</li>
+                            <li>Defines a generic syntax for semantic actions to maximize code reuse.</li>
+                        </li>
                     </div>
                     <div class="project-container">
                         <a class="project-link" href="https://github.com/DanilaFe/chalk">
                             <h2>chalk</h2>
                             <i data-feather="link" class="project-link-icon"></i>
                         </a>
-                        Compiler from a small language into CHIP-8 bytecode.
+                        <div class="project-quip">Compiler from a small language into CHIP-8 bytecode.</div>
+                        <ul>
+                            <li>Employs a Crystal implementation of parser combinators to parse language.</li>
+                            <li>Compiles code to intermediate assembly language, then to CHIP-8 bytecode.</li>
+                            <li>Supports in-text representation of sprites for easy editing.</li>
+                        </li>
                     </div>
                     <div class="project-container">
                         <a class="project-link" href="https://github.com/DanilaFe/abcs">
                             <h2>abcs</h2>
                             <i data-feather="link" class="project-link-icon"></i>
                         </a>
-                        Calculator program with a complete embedded programming language.
+                        <div class="project-quip">Calculator program with a complete embedded programming language.</div>
+                        <ul>
+                            <li>Interfaces with GNU MPFR to perform arbitrary precision aritmetic.</li>
+                            <li>Provides complete language supporting parametric polymorphism, partial function
+                                application and higher order functions.</li>
+                            <li>Uses hand-written parser to allow for the definition of arbitrary operators
+                                at runtime.</li>
+                        </ul>
                     </div>
                     <div class="project-container">
                         <a class="project-link" href="https://github.com/DanilaFe/Scylla">
                             <h2>scylla</h2>
                             <i data-feather="link" class="project-link-icon"></i>
                         </a>
-                        Elm-based purely functional front end for the Matrix chat protocol.
+                        <div class="project-quip">Elm-based purely functional front end for the Matrix chat protocol.</div>
+                        <ul>
+                            <li>Defines a purely functioal reactive web interface using the Model-Update-View architecture.</li>
+                            <li>Employs lazy evaluation to optimize common operations.</li>
+                            <li>Implements part of the Matrix standard for open source, decentralized communication.</li>
+                        </ul>
                     </div>
                 </div>
             </section>
-            <section>
+            <section class="page-padding">
                 <h1>Technical Experience</h1>
 
                 <div class="section-content">
diff --git a/scss/style.scss b/scss/style.scss
index fcd054d..5dd192b 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -108,10 +108,18 @@ div.section-content {
     margin-left: 20px;
 }
 
-div.position-location {
+div.position, div.project-container {
+    margin-bottom: 15px;
+}
+
+div.position-location, div.project-quip {
     color: lighten($color-text, 30%);
 }
 
 section {
     page-break-inside: avoid;
+
+    &.page-padding {
+        padding-top: 15px;
+    }
 }