From ca6bdbb39732d0b491d9f55c0fa1f1abbff9e865 Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Fri, 7 May 2021 05:32:50 +0200
Subject: Update the writing and projects sections w/styling

---
 app/assets/index.html | 105 ++++++++++++++++++++++++--------------------------
 app/base.styl         |  18 +++++++++
 app/print.styl        |  15 ++++++++
 3 files changed, 83 insertions(+), 55 deletions(-)

(limited to 'app')

diff --git a/app/assets/index.html b/app/assets/index.html
index 30a16ce..9f9cff5 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -134,8 +134,7 @@
               <a href="https://tools.ietf.org/html/rfc7519">(RFC7519: JWT)</a>.
             </li>
             <li>
-              Implemented the Two-Factor Authentication (<abbr title="Two-Factor Authentication">2FA</abbr>) for
-              user/client login.
+              Implemented the Two-Factor Authentication (<abbr>2FA</abbr>) for user/client login.
             </li>
             <li>Integrated other services like DocuSign, PostIdent,...</li>
             <li>Implemented day to day business/marketing/technical requirements.</li>
@@ -185,63 +184,59 @@
         </article>
       </article>
 
-      <article>
+      <article class="writing">
         <h1>Writing</h1>
-        <ul>
-          <li>
-            <h2>
-              <a href="https://www.toptal.com/ruby-on-rails/the-publish-subscribe-pattern-on-rails">
-                The Publish/Subscribe Pattern on Rails
-              </a>
-            </h2>
-            <p>
-              A published
-              <a href="https://www.toptal.com/ruby-on-rails/the-publish-subscribe-pattern-on-rails">blog post</a>
-              about implementing the Pub/Sub pattern in practice in Rails apps.
-            </p>
-          </li>
-          <li>
-            <h2>
-              <a href="https://www.toptal.com/abap/clean-code-and-the-art-of-exception-handling">
-                Clean Code and the Art of Exception Handling
-              </a>
-            </h2>
-            <p>
-              A published
-              <a href="https://www.toptal.com/abap/clean-code-and-the-art-of-exception-handling">blog post</a>
-              about different tactics and strategies for exception handling and how to use them to write cleaner code.
-            </p>
-          </li>
-        </ul>
+        <article>
+          <h2>
+            The Publish/Subscribe Pattern on Rails
+          </h2>
+          <p>
+            A
+            <a href="https://www.toptal.com/ruby-on-rails/the-publish-subscribe-pattern-on-rails">
+              Toptal published blog post
+            </a>
+            on implementing the <abbr title="Publish-Subscribe">Pub/Sub</abbr> pattern in practice in Rails apps.
+          </p>
+        </article>
+        <article>
+          <h2>
+            Clean Code and the Art of Exception Handling
+          </h2>
+          <p>
+            A
+            <a href="https://www.toptal.com/abap/clean-code-and-the-art-of-exception-handling">
+              Toptal published blog post
+            </a>
+            on different tactics and strategies for exception handling and how to employ them to write cleaner code.
+          </p>
+        </article>
       </article>
 
-      <article>
+      <article class="projects">
         <h1>Projects</h1>
-        <ul>
-          <li>
-            <h2>
-              <a href="https://sr.ht/~a14m/game-of-life/">
-                Conway's Game of Life
-              </a>
-            </h2>
-            <p>
-              A mono repo implementing different command line interfaces (<abbr>CLI</abbr>) for
-              <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">Game of Life</a> in multiple languages
-              (currently Ruby/Rust), and the automation for publishing updates to different package managers using a
-              git-ish workflow.
-            </p>
-          </li>
-          <li>
-            <h2>
-              <a href="http://a14m.me">
-                a14m.me
-              </a>
-            </h2>
-            <p>
-              This website/CV.
-            </p>
-          </li>
-        </ul>
+        <article>
+          <h2>
+            <a href="https://sr.ht/~a14m/game-of-life/">
+              Conway's Game of Life
+            </a>
+          </h2>
+          <p>
+            A mono-repo with different command line interface (<abbr>CLI</abbr>) implementations for the
+            <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">Game of Life</a> in multiple languages
+            (currently Ruby/Rust), with the automation for publishing updates to different package managers using a
+            git-ish workflow.
+          </p>
+        </article>
+        <article>
+          <h2>
+            <a href="http://a14m.me">
+              a14m.me
+            </a>
+          </h2>
+          <p>
+            The source code, and deployment scripts for this website/CV .
+          </p>
+        </article>
       </article>
 
       <article>
diff --git a/app/base.styl b/app/base.styl
index 76825be..a85c430 100644
--- a/app/base.styl
+++ b/app/base.styl
@@ -174,3 +174,21 @@ article {
     }
   }
 }
+
+.writing, .projects {
+  article {
+    // title
+    h2 {
+      margin-bottom: 0
+      font-size: 1.2em
+    }
+
+    // description
+    p {
+      margin-left: 1.2em
+      margin-right: 1.2em
+      margin-top: 0
+      margin-bottom: 1.5em
+    }
+  }
+}
diff --git a/app/print.styl b/app/print.styl
index 32c7c54..0d5915d 100644
--- a/app/print.styl
+++ b/app/print.styl
@@ -56,8 +56,23 @@ article {
   }
 
   article > .info {
+    // company
     h2 {
       margin-top: 0.8em
     }
   }
 }
+
+.writing, .projects {
+  article {
+    // title
+    h2 {
+      margin-top: 1.2em
+    }
+
+    // description
+    p {
+      margin-bottom: -0.4em
+    }
+  }
+}
-- 
cgit v1.2.3