Add more details to projects and work

CSS are updated to avoid page breaking.  Future updates that break the
page might consider separate projects or work section to the second page

2 files changed, 62 insertions, 21 deletions

diff --git a/index.html b/index.html
index 956c7e8..1fceeca 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,11 @@
             <dt>Position</dt><dd>Back-end developer</dd>
             <dt>E-Mail</dt><dd><a class="email no-print" href="mailto:huyngo@disroot.org">huyngo@disroot.org</a></dd>
             <dt>Location</dt><dd>Hà Nội, Việt Nam<br>(prefer remote work)</dd>
+            <dt>Forges</dt>
+              <dd><a class="no-print verbatim-print" rel="me" href="https://git.sr.ht/~huyngo">https://git.sr.ht/~huyngo</a></dd>
+              <dd><a class="no-print verbatim-print" rel="me" href="https://github.com/Huy-Ngo">https://github.com/Huy-Ngo</a></dd>
+            <dt>Personal website</dt>
+              <dd><a class="no-print verbatim-print" rel="me" href="https://xrvs.net/">https://xrvs.net/</a></dd>
           </dl>
           <h2 id="certifications">Certifications</h2>
           <ul>
@@ -32,8 +37,8 @@
             <li>English (proficient)</li>
             <li>French (basic)</li>
           </ul>
-          <h2 id="knowledge">Knowledge</h2>
-          <dl id="skills">
+          <h2 id="tech">Technologies</h2>
+          <dl class="skills">
             <dt>Programming Languages</dt>
               <dd>Python</dd>
               <dd>Bash</dd>
@@ -45,14 +50,11 @@
             <dt>Systems</dt>
               <dd>NixOS</dd>
               <dd>Alpine Linux</dd>
-              <dd>Debian GNU/Linux</dd>
-              <dd>openBSD</dd>
             <dt>Databases</dt>
               <dd>MariaDB</dd>
               <dd>SQLite</dd>
               <dd>RethinkDB</dd>
               <dd>Redis</dd>
-              <dd>Elasticsearch</dd>
           </dl>
         </div>
         <div id="right">
@@ -68,35 +70,61 @@
           <ul>
             <li class="h-event">
               <time class="dt-start">2021-04</time> – <time class="dt-end">2021-07</time>:
-              Intern at <a class="no-print" rel="external nofollow" href="https://bizflycloud.vn/">Bizfly Cloud</a>, working on web mail service and related modules
+              <span class="event-summary">Intern at <a class="no-print" rel="external nofollow" href="https://bizflycloud.vn/">Bizfly Cloud</a></span>
+              <ul class="event-detail">
+                <li>Responsibilities: research and development</li>
+                <li>Domain: working on web mail service and related modules</li>
+                <li>Technologies: Python, Flask framework, Elasticsearch</li>
+              </ul>
             </li>
             <li class="h-event">
               <time class="dt-start">2021-11</time> – <time class="dt-end">present</time>:
-              Software Engineer at <a class="no-print" rel="external nofollow" href="https://cmcglobal.com.vn/">CMC Global</a>, working directly with a multi-national client
+              <span class="event-summary">Software Engineer at <a class="no-print" rel="external nofollow" href="https://cmcglobal.com.vn/">CMC Global</a></span>
+              <ul class="event-detail">
+                <li>Responsibilities: requirements clarification, backend implementation, basic data retrieval, mentoring and training new members</li>
+                <li>Domain: data-driven software</li>
+                <li>Technologies: Python, Django + <abbr>REST</abbr> framework, Celery, Redis, AWS, LocalSolver, React JS</li>
+              </ul>
             </li>
           </ul>
           <h2 id="projects">Other projects</h2>
           <ul>
             <li class="h-event">
               <time class="dt-start">2021-07</time> – <time class="dt-end">2022-07</time>:
-              Maintaining <a href="https://sr.ht/~cnx/ipwhl/">InterPlanetary Wheels (<abbr>IPWHL<abbr>)</a>,
-                  a platform-unique, singly-versioned Python package repositories backed by <a href="https://ipfs.tech/">InterPlanetary File System (<abbr>IPFS</abbr>)</a>
+              <span class="event-summary">Maintaining <a href="https://sr.ht/~cnx/ipwhl/"><abbr title="InterPlanetary Wheels">IPWHL<abbr></a></span>
+              <p class="event-description">
+                Singly-versioned Python built distributions backed by IPFS for security and reproducibility.
+              </p>
+              <ul class="event-detail">
+                <li>Responsibilities: packaging software</li>
+                <li>Technologies: Python, <abbr>IPFS</abbr>, shell scripts</li>
+              </ul>
             </li>
             <li class="h-event">
               <time class="dt-start">2020-11</time> – <time class="dt-end">2021-03</time>:
-              Developing <a href="https://github.com/Huy-Ngo/acanban/">acanban</a>, an experimental project management system in academic context
+              <span class="event-summary">Developing <a href="https://github.com/Huy-Ngo/acanban/">acanban</a></span>
+              <p class="event-description">
+                An experimental kanban-based project management system in academic context
+              </p>
+              <ul class="event-detail">
+                <li>Responsibilities: system design, backend implementation, packaging</li>
+                <li>Technologies: Python, Quart framework, Hypercorn, nginx, systemd</li>
+              </ul>
             </li>
             <li class="h-event">
               <time class="dt-start">2019-12</time> – <time class="dt-end">2020-10</time>:
-              Developing <a href="https://git.sr.ht/~cnx/palace">palace</a>, a 3D audio processing library in Python
+              <span class="event-summary">
+                Developing <a href="https://git.sr.ht/~cnx/palace"><abbr title="Pythonic Audio Library and Codecs Environment">palace</abbr></a>
+              </span>
+              <p class="event-description">
+                Palace is a 3D audio processing library in Python
+              </p>
+              <ul class="event-detail">
+                <li>Responsibilities: implementation, packaging and release</li>
+                <li>Technologies: Python, Cython</li>
+              </ul>
             </li>
           </ul>
-          <h2 id="links">Links</h2>
-          <ul>
-            <li>Forges: <a rel="me" href="https://git.sr.ht/~huyngo">SourceHut</a>, <a rel="me" href="https://github.com/Huy-Ngo">Github</a></li>
-            <li>Packages maintained on: <a class="no-print" rel="me" href="https://pkgs.alpinelinux.org/packages?maintainer=Ng%C3%B4+Ng%E1%BB%8Dc+%C4%90%E1%BB%A9c+Huy">Alpine Linux</a></li>
-            <li><a rel="me" href="https://xrvs.net/">Personal website</a></li>
-          </ul>
         </div>
       </div>
     </main>
diff --git a/style.css b/style.css
index fac3bc4..0d5c6f8 100644
--- a/style.css
+++ b/style.css
@@ -10,6 +10,10 @@
 		a { color: gold; }
 	}
 }
+
+a:hover {
+	text-decoration-style: wavy;
+}
 main {
 	margin: 0 auto;
 }
@@ -24,7 +28,6 @@ main {
 }
 
 .container #right {
-	margin-left: 1em;
 	grid-column: 2;
 }
 @media screen and (max-width: 900px) {
@@ -60,21 +63,31 @@ dd {
 	margin-left: 1.5rem;
 }
 
-#skills dd {
+li p {
+	margin: 0.2rem;
+}
+
+.skills dd {
 	display: inline-block;
 	border-bottom: 1px dashed gray;
 }
 
 @media screen {
-	main { max-width: 90em }
+	main { max-width: 70em }
+	.container #left {
+		max-width: 21em;
+	}
 }
 
 @media print {
 	nav, footer { display: none }
+	dl, p, li {
+		font-size: 0.9em;
+	}
 	a:not(.no-print)::after { content: " (" attr(href) ")"; }
+	.verbatim-print { font-family: monospace; }
 	a::after {
 		font-family: monospace;
-		font-size: 0.9rem;
 		color: initial;
 	}
 	a {