---
layout: default
title: ""
badges:
  - url: "https://amgad-portofolio.netlify.app"
    image: "/assets/amgad.webp"
    alt: "amgad 88x31 web badge"
  - url: "https://ayyarham.github.io/My-portfolio"
    image: "/assets/arham.webp"
    alt: "arham 88x31 web badge"
  - url: "https://ravedeprinz.me"
    image: "/assets/ravedeprinz_.webp"
    alt: "rakhis 88x31 web badge"
  - url: "https://www.linkedin.com/in/agus-ikhsan-nurrohman-7a2a05298"
    image: "/assets/ikhsan.webp"
    alt: "ikhsan 88x31 web badge"
  - url: "https://fsdio.github.io"
    image: "/assets/rahmat.webp"
    alt: "rahmat 88x31 web badge"
---

<img
  width="123"
  height="123"
  class="dark-invert"
  style="image-rendering:crisp-edges;float:right;margin:-12px -12px 0 0"
  src="{{ '/assets/hqr_v4H_hizbu_com.png' | relative_url }}"
  alt="QR for hizbu.com generated by Noel Friedrich's human-readable QR at noel-friedrich.de/hqr">

<style>
  @media (prefers-color-scheme: dark) {
    .dark-invert { filter: invert(1); }
  }
</style>

My name is Hizbu Azka and I do intersection between hardware, low-level programming, and the web technologies. You can see my work at various area

{% if site.posts.size > 0 %}
<ul class="post-list">
  {%- for post in site.posts %}
  <li>
    <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
  </li>
  {%- endfor %}
</ul>
{% else %}
<p style="text-decoration:underline">No posts found.</p>
{% endif %}

In the mean time, these are my amazing friends:

<ul style="list-style-type:none;padding:0;line-height:0;display:flex;gap:1rex;flex-wrap:wrap">
  {% for badge in page.badges -%}
  <li style="display:block">
    <a href="{{ badge.url }}">
      <img width="88" height="31" src="{{ badge.image | relative_url }}" alt="{{ badge.alt }}">
    </a>
  </li>
  {%- endfor %}
</ul>

Feel free to check back later, or reach out if you want to chat about anything!

[linkedin](https://www.linkedin.com/in/hanifan-azka-791478197/) \| [github](https://github.com/hanifanazka) \| [instagram](https://www.instagram.com/hanifanazka)