Add projects, CV, remove notes

public/styles/post.css

@@ -1,16 +1,10 @@
 @import './common.css';
 
 main {
-  display: flex;
-  flex-direction: column;
-  justify-items: center;
-  align-items: center;
   padding: 2rem 0;
-  width: 100%;
-  max-width: 100vw;
 }
 
-main > h1 {
+main>h1 {
   font-size: 3rem;
   line-height: 3rem;
   margin-bottom: 0;
@@ -19,21 +13,22 @@ main > h1 {
 }
 
 @media (max-width: 768px) {
-  main > h1 {
+  main>h1 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-main > .meta {
+main>.meta {
   font-style: italic;
 }
 
-main > h1, main > .meta {
+main>h1,
+main>.meta {
   text-align: center;
 }
 
-main > hr {
+main>hr {
   border: none;
   height: 1px;
   background-color: lightgray;
@@ -44,7 +39,11 @@ main > hr {
 
 article {
   width: 100%;
-  max-width: 35rem;
+  max-width: 42rem;
+}
+
+article p {
+  width: 100%;
 }
 
 article .secret-link {
@@ -57,16 +56,15 @@ article .secret-link {
   zoom: .6;
 } */
 
-main > h1,
-main > .meta,
-article > p,
-article > h2,
-article > h3,
-article > h4,
-article > h5,
-article > h6,
-article.asciidoctor .paragraph
-{
+main>h1,
+main>.meta,
+article>p,
+article>h2,
+article>h3,
+article>h4,
+article>h5,
+article>h6,
+article.asciidoctor .paragraph {
   margin-left: 1rem;
   margin-right: 1rem;
 }
@@ -97,10 +95,12 @@ blockquote {
   background-color: rgba(0, 0, 0, 0.025);
 }
 
-pre[class*="language-"], pre.highlight {
+pre[class*="language-"],
+pre.highlight {
   width: 100%;
   box-sizing: border-box;
   max-width: 100vw;
+  font-size: 1rem !important;
 }
 
 pre.highlight {
@@ -114,17 +114,17 @@ code {
   /* padding: 0 0.25rem; */
 }
 
-article.asciidoctor .exampleblock {
-  width: 100%;
-  box-sizing: border-box;
-  max-width: 100vw;
-  padding: 0.5rem 1rem;
-  background-color: rgba(0, 0, 0, 0.05);
+.header-anchor {
+  opacity: 0;
 }
 
-article.asciidoctor .listingblock > .title {
-  font-style: italic;
-  margin-bottom: -0.5rem;
+h1:hover>.header-anchor,
+h2:hover>.header-anchor,
+h3:hover>.header-anchor,
+h4:hover>.header-anchor,
+h5:hover>.header-anchor,
+h6:hover>.header-anchor {
+  opacity: 1;
 }
 
 details {
@@ -187,7 +187,8 @@ table {
   border-spacing: 0;
 }
 
-th, td {
+th,
+td {
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   padding: 1rem;
 }