summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--index.html109
-rw-r--r--style.css85
2 files changed, 194 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c3d6bf6
--- /dev/null
+++ b/index.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <title>Ngô Ngọc Đức Huy</title>
+    <meta name="viewport" content="width=device-width,minimum-scale=1" />
+    <link rel="stylesheet" href="style.css"/>
+    <link rel="vcs-git" href="https://git.sr.ht/~huyngo/web-cv/"/>
+    <link rel="canonical" href="https://xrvs.net/cv/"/>
+    <link rel="shortcut icon" href="data:," />
+    <link rel="me" href="https://fosstodon.org/@huy_ngo"/>
+  </head>
+  <body>
+    <main class="h-resume">
+      <h1>Ngô Ngọc Đức Huy</h1>
+      <div class="container">
+        <div id="left">
+          <h2>Basic info</h2>
+          <dl class="p-contact h-card">
+            <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>
+          </dl>
+          <h2 id="certifications">Certifications</h2>
+          <ul>
+            <li><abbr>IELTS</abbr>: 6.5</li>
+            <li><abbr>TCF</abbr>: 363/B1</li>
+          </ul>
+          <h2 id="languages">Languages</h2>
+          <ul>
+            <li>Vietnamese (native)</li>
+            <li>English (proficient)</li>
+            <li>French (basic)</li>
+          </ul>
+          <h2 id="knowledge">Knowledge</h2>
+          <dl id="skills">
+            <dt>Programming Languages</dt>
+              <dd>Python</dd>
+              <dd>Bash</dd>
+              <dd>JavaScript</dd>
+              <dd>Go</dd>
+            <dt>Frameworks</dt>
+              <dd>Django</dd>
+              <dd>Flask</dd>
+            <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">
+          <h2 id="education">Education</h2>
+          <ul>
+            <li class="h-event">
+              <time class="dt-start">2018-09</time> – <time class="dt-end">2021-09</time>:
+              Bachelor degree at <a rel="external nofollow" href="https://usth.edu.vn">University of Science and Technology of Hanoi (<abbr>USTH</abbr>)</a>
+              in Information and Communication Technology, funded by <abbr>USTH</abbr> scholarship
+            </li>
+          </ul>
+          <h2 id="experience">Work experience</h2>
+          <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
+            </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
+            </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>
+            </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
+            </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
+            </li>
+          </ul>
+          <h2 id="links">Links</h2>
+          <ul>
+            <li><a rel="me" href="https://git.sr.ht/~huyngo">SourceHut</a></li>
+            <li><a rel="me" href="https://github.com/Huy-Ngo">Github</a></li>
+            <li><a rel="me" href="https://xrvs.net/">Personal Website</a></li>
+          </ul>
+        </div>
+      </div>
+    </main>
+    <footer>
+      Copyright 2022 Ngô Ngọc Đức Huy, licensed <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0</a>;
+      inspired by <a href="https://lanodan.eu">Haelwenn (lanodan) Monnier</a>'s résumé;
+      This is also done to work well in paper/PDF export.
+    </footer>
+  </body>
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..1195923
--- /dev/null
+++ b/style.css
@@ -0,0 +1,85 @@
+:root {
+	font-family: serif;
+	text-rendering: optimizelegibility;
+	font-kerning: normal;
+	color-scheme: light dark;
+}
+/* <https://github.com/whatwg/html/issues/5426#issuecomment-607286557> */
+@supports (color-scheme: light dark) {
+	@media (prefers-color-scheme: dark) {
+		a { color: gold; }
+	}
+}
+main {
+	margin: 0 auto;
+}
+
+.container {
+	display: grid;
+	grid-template-columns: 1fr 2fr;
+}
+
+.container #left {
+	grid-column: 1;
+}
+
+.container #right {
+	margin-left: 1em;
+	grid-column: 2;
+}
+@media screen and (max-width: 900px) {
+	.container {
+		display: table
+	}
+}
+
+
+
+code { font-family: monospace }
+
+.h-event .p-summary { display: inline-table }
+
+h1,h2,h3,h4,h5,h6 {
+	font-family: sans-serif;
+	font-kerning: auto;
+}
+
+dt {
+	font-weight: bold;
+}
+
+h1,h2 {
+	display: table;
+	padding: 0.25ex 0.5em;
+}
+
+h1 { border-bottom: 2pt solid }
+h2 { border-bottom: 1pt solid }
+
+dd {
+	margin-left: 1.5rem;
+}
+
+#skills dd {
+	display: inline-block;
+	border-bottom: 1px dashed gray;
+}
+
+@media screen {
+	main { max-width: 90em }
+}
+
+@media print {
+	nav, footer { display: none }
+	a:not(.no-print)::after { content: " (" attr(href) ")"; }
+	a::after {
+		font-family: monospace;
+		font-size: 0.9rem;
+		color: blue;
+	}
+	a {
+		text-decoration: none;
+		color: initial;
+	}
+	section { page-break-inside: avoid }
+}