+++
layout = "wide"
+++

{{< hextra/hero-container cols="1">}}

{{< hextra/hero-badge >}}
  <div class="hx:w-2 hx:h-2 hx:rounded-full hx:bg-primary-400"></div>
  <span>An open-source learning project</span>
  {{< icon name="book-open" attributes="height=14" >}}
{{< /hextra/hero-badge >}}

<div class="hx:mt-6 hx:mb-6">
{{< hextra/hero-headline >}}
  Build computing from the ground up
{{< /hextra/hero-headline >}}

{{< hextra/hero-section heading="h3" >}}
  *From bits and gates to OSes & beyond*
{{< /hextra/hero-section >}}
</div>

<div class="hx:mb-6">
{{< hextra/hero-subtitle >}}
  An open-source learning suite that reveals how complexity arises from
  simplicity.
  <br>
  A complete journey through the foundations of computer architecture for
  students, educators, and the endlessly curious.
{{< /hextra/hero-subtitle >}}
</div>

{{< hextra/hero-button    text="🚧 Learn"                  link="#" style="margin: calc(var(--hx-spacing)*2)" >}}
{{< hero-button-secondary text="🚧 ISA Documentation"      link="#" style="margin: calc(var(--hx-spacing)*2)" >}}
{{< hero-button-secondary text="🚧 Software Documentation" link="#" style="margin: calc(var(--hx-spacing)*2)" >}}

<div class="hx:mb-12">&nbsp;</div>

{{< /hextra/hero-container >}}

<div class="hx:mx-auto hx:mb-12" style="max-width: min(70rem, var(--hextra-max-page-width))">
</div>