oss.html

---
layout: default
title: OSS
---

<section class="text-white">
  <div class="container max-w-5xl px-4 mx-auto">
    <div class="grid gap-4 mx-4 sm:grid-cols-12">
      <div class="col-span-12 sm:col-span-3">
        <div class="text-center sm:text-left mb-8 before:block before:w-24 before:h-3 before:mb-5 before:rounded-md before:mx-auto sm:before:mx-0 before:bg-gradient-to-r from-cyan-500 to-blue-500">
          <h3 class="text-xl font-semibold">Open Source Software</h3>
          <span class="text-sm font-bold tracking-wider uppercase text-gray-600">contributions</span>
        </div>
        {% assign repos = site.data.repos %}
        {% for item in repos %}
          <span class="hidden lg:flex mb-2">
            <a class="-mx-1.5 -my-1 flex items-center gap-3 rounded-lg px-1.5 py-1 text-xs font-semibold leading-6 transition hover:underline" href="{{ item.link }}" target="_blank">
              <svg viewBox="0 0 24 24" aria-hidden="true" class="size-6 fill-slate-100">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.463 2 11.97c0 4.404 2.865 8.14 6.839 9.458.5.092.682-.216.682-.48 0-.236-.008-.864-.013-1.695-2.782.602-3.369-1.337-3.369-1.337-.454-1.151-1.11-1.458-1.11-1.458-.908-.618.069-.606.069-.606 1.003.07 1.531 1.027 1.531 1.027.892 1.524 2.341 1.084 2.91.828.092-.643.35-1.083.636-1.332-2.22-.251-4.555-1.107-4.555-4.927 0-1.088.39-1.979 1.029-2.675-.103-.252-.446-1.266.098-2.638 0 0 .84-.268 2.75 1.022A9.607 9.607 0 0 1 12 6.82c.85.004 1.705.114 2.504.336 1.909-1.29 2.747-1.022 2.747-1.022.546 1.372.202 2.386.1 2.638.64.696 1.028 1.587 1.028 2.675 0 3.83-2.339 4.673-4.566 4.92.359.307.678.915.678 1.846 0 1.332-.012 2.407-.012 2.734 0 .267.18.577.688.48 3.97-1.32 6.833-5.054 6.833-9.458C22 6.463 17.522 2 12 2Z"></path>
              </svg>
              {{ item.repo }}
            </a>
          </span>
          {% endfor %}
      </div>
      <div class="relative col-span-12 px-4 space-y-6 sm:col-span-9">
        <div class="col-span-12 space-y-12 relative px-4 sm:col-span-8 sm:space-y-8 sm:before:absolute sm:before:top-2 sm:before:bottom-0 sm:before:w-0.5 sm:before:-left-3 before:bg-stone-400">
          {% assign oss = site.data.oss | sort: "time" | reverse %}
          {% for item in oss %}
          <div class="flex flex-col sm:relative sm:before:absolute sm:before:top-2 sm:before:w-4 sm:before:h-4 sm:before:rounded-full sm:before:left-[-35px] sm:before:z-[1] before:bg-gradient-to-r from-cyan-500 to-blue-500">
            <a href="{{ item.pr }}" target="_blank">
              <h3 class="text-xl font-semibold tracking-wide hover:underline  "> {{ item.title}} </h3>
            </a>
            <time class="text-xs tracking-wide uppercase text-gray-600"> {{ item.date | date: "%B %d, %Y" }}</time>
            <p class="mt-3 text-gray-300 text-sm">repository: {{ item.repo }} </p>
            <p class="text-gray-300 text-sm">status: {{ item.status }} </p>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</section>