Add blog post

src/assets/styles/components/_content.scss

@@ -164,9 +164,13 @@
 				padding-left: 0.4444444em;
 			}
 
+			& > li p:first-of-type {
+				margin-bottom: 0.5rem;
+			}
+
 			& > li > p {
-				margin-top: 1.5rem;
-				margin-bottom: 1.5rem;
+				margin-top: 0px;
+				margin-bottom: 0.75rem;
 			}
 
 			li {

src/pages/work-tags.njk

@@ -6,7 +6,6 @@ pagination:
   alias: tag
   addAllPagesToCollections: true
   filter:
-    - all
     - works
     - worksbyyear
     - selected

src/writing/giving-back-to-community/2019-10-07-index.md

@@ -21,7 +21,7 @@ Back in English class, I remember very well when the teacher commented on what I
 From his comment, I was intrigued and started to take many opportunities to share by becoming a scout instructor (yes, I am a scout!), leading a computer organization, speaking in front of many people, and being a workshop facilitator. This is a photo of me sharing about the process of UI Design in the industry, the event located in Tegal, Central Java.
 
 <figure>
-        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizar-tegal-invofest_s4henw.jpg" alt="Workshop at Tegal, Jawa Tengah" /> 
+        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizarnur.com/afnizar-tegal-invofest_s4henw.jpg" alt="Workshop at Tegal, Jawa Tengah" /> 
         <figcaption>Workshop at Tegal, Jawa Tengah</figcaption>
 </figure>
 

src/writing/growing-list-of-indonesian-designer-portfolio-2020/2020-04-16-index.md

@@ -0,0 +1,57 @@
+---
+title: Growing List of Indonesian Designer Portfolio 2020
+description: An inspiring and useful reference for your next portfolio.
+tags: ["portfolio", "indonesian", "designer", "product-design"]
+---
+
+Portfolio is an important thing for designer. It helps communicate how designer work and the output of the work. Recruiter is always referred to the portfolio of designer if a team want to work with the designer or not. For me personally, portfolio is a place in the corner of the internet that you can do anything you want. Experimenting things or just showcase your work. It’s totally awesome to see someone sharing their experience and process of creating things.
+
+It’s a bit rare for Indonesian designer has a standalone portfolio site, but when I see it one, I really love their initiative. Because creating portfolio are about investing a lot of things(time and energy). That’s why, I am creating this list so everyone can give them some appreciation or use it for reference!
+
+So, here's the list:
+
+- [Bady Abbas](http://bady.co/)
+
+  Bady Abbas is designer at DBS Bank, Singapore. He is my mentors and my hero in design.
+
+- [Olivia Grace](http://oliviagsutanto.com/)
+
+  Olivia Grace is interaction designer at Google, San Fransisco. Currently, she is in Google Assistant, previously working on Google Translate.
+
+- [Dimas Wibowo](https://sittalkdesign.com/)
+
+  Dimas Wibowo is a product designer at Traveloka. He is also my mentors in design. He also run a [podcast](https://open.spotify.com/show/6xWlGX8B9ZLiNdjToZtgd0?si=jMzrMGO5RZWPC2qut-4qdQ).
+
+- [Rifat Najmi](https://rifatnajmi.com/)
+
+  Rifat Najmi is UX and UI Designer based in Jakarta. Currently, he work at Style Theory and Semesta.
+
+- [Luky Primadani](https://www.lukyprimadani.com/)
+
+  Luky Primadani is a user experience strategist at FlixBus, a company based in Berlin. She is also teaching a [course](https://skillacademy.com/course-detail/course/COURSE-M48Q67CB?courseType=SingleCourse). I really recommend you take the course!
+
+- [Briandito Priambodo](https://www.briandito.co/)
+
+  Briandito Priambodo is a Product Designer at Wego. He run the belajardesain.io.
+
+- [Ilyas Fahreza](https://ilyasf.design/index.html)
+
+  Ilyas Fahreza is product designer at Traveloka. He is one of my friend with great illustration skill!
+
+- [Thomas Budiman](https://thebuddyman.com/)
+
+  Thomas Budiman is digital product designer. Currently, work at Bukalapak as a mentor.
+
+- [Fares Farhan](http://f.madebychocaholic.com/)
+
+  Fares Farhan is head of user experience & design at Smartfren. Previously, he worked at DBS Bank, Dropbox, and Xamarin.
+
+- [Arie](https://arieare.co/)
+
+  Arie is design lead at Traveloka.
+
+- [Nunki Rehuellany](https://www.heynunki.com/)
+
+  Nunki Rehuellany is interaction designer at Gojek.
+
+If you know someone has a portfolio site, let me know by send me DM on [Twitter](https://twitter.com/afnizarnur). I'll keep this post updated.

src/writing/new-side-project-desain-link/2020-04-13-index.md

@@ -0,0 +1,47 @@
+---
+title: New Side Project desain.link
+description: Introducing my newest side project that I currently worked on.
+tags: ["side-project", "web-design", "design", "bookmark"]
+---
+
+In this situation of COVID-19 pandemic, to stay sane and to stay productive, we've to keep doing that makes us happy, so it will maintain our mental health is on track. There a lot of things that can help, for example, by doing our hobbies, writing, reading, playing games, volunteering, or doing side project! Yes, another side project 😂.
+
+Announcing my newest side project [desain.link](https://desain.link)!
+
+<figure>
+        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizarnur.com/desain-dot-link-sneak-peek_hz0nze.png" /> 
+        <figcaption>Desain.link Sneakpeek</figcaption>
+</figure>
+
+### What is desain.link?
+
+[desain.link](https://desain.link) is a curated collection of link or resource about design stuff, think like a website of bookmark link. Our focus is basically providing more inclusive, featuring talented designer in Indonesia, and discoverable collection of design link, so this website will be more localized.
+
+This side project is partnering with my friend, [Kukuh Sulistyo](https://id.linkedin.com/in/suliskh), he is a front-end engineer. He will help me to code this from ground-up. We're really excited to work with this.
+
+### Our Plan
+
+Our plan is making this website accessible and SEO friendly, this why we pick up this great domain, we want everyone quickly remembers. Another note, is we want to make this site open source, so everyone can contributing more content or fixing bugs.
+
+We're currently on the early phase of the development process. For better collaboration, we did video call routine using [Jitsi Meet](https://meet.jit.si/) every weekend and also, we use [Figma](figma.com/) for design collaboration.
+
+The design direction and the homepage are already done. Here some screenshot of the design.
+
+<figure>
+        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizarnur.com/header-desain-dot-link_mcy4it.jpg" /> 
+        <figcaption>Header Desain.link Sneakpeek</figcaption>
+</figure>
+
+<figure>
+        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizarnur.com/stempel_yrc6ih.png" /> 
+        <figcaption>Stamp Desain.link Sneakpeek</figcaption>
+</figure>
+
+<figure>
+        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizarnur.com/desain-dot-link-exploration_ifpqf3.png" /> 
+        <figcaption>Exploration Desain.link</figcaption>
+</figure>
+
+---
+
+I think that's it for quick update of my side project. If you're reading it until the end of the page, let's connect on [Twitter](https://twitter.com/afnizarnur).

src/writing/personal-website-refresh/2020-04-10-index.md → src/writing/personal-website-refresh-2020/2020-04-10-index.md

@@ -1,5 +1,5 @@
 ---
-title: Personal Website Refresh
+title: Personal Website Refresh 2020
 description: It's time to launch my personal website, again and it's always a work in progress.
 tags: ["thoughts", "portfolio", "website", "development"]
 ---
@@ -15,12 +15,12 @@ In this project, I use the power combo of [Sketch](https://sketch.com/) and [Abs
 Before I started this project, I really never use Abstract in my workflow. Luckily my company I work on is in progress adopting Abstract, so as part of learning the mindset of version control for designer, I use Abstract for my portfolio. I'm thinking of moving this project to Figma at another time.
 
 <figure>
-        <img src="https://res.cloudinary.com/afnizarnur/image/upload/abstract-afnizarnur-portfolio_gn7rhq.jpg" alt="My Portfolio Project on Abstract" /> 
+        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizarnur.com/sketch-afnizarnur-portfolio_qwrszf.jpg" alt="My Portfolio Project on Abstract" /> 
         <figcaption>My Portfolio Project on Abstract</figcaption>
 </figure>
 
 <figure>
-        <img src="https://res.cloudinary.com/afnizarnur/image/upload/sketch-afnizarnur-portfolio_qwrszf.jpg" alt="My Sketch File" /> 
+        <img src="https://res.cloudinary.com/afnizarnur/image/upload/afnizarnur.com/abstract-afnizarnur-portfolio_gn7rhq.jpg" alt="My Sketch File" /> 
         <figcaption>My Sketch File</figcaption>
 </figure>