about.html

---
layout: base
---

<div class="container about-blurb-container border-pink">
  <div class="row about-blurb-content">
    <div class="col-xl-8">
      <h2>{{ site.title }}</h2>
      <p>
      <b>{{ site.title }}</b> is a western doujinsoft circle focusing on
        creating free and open source video games and video game development
        software.
      </p>
    </div>
    <div class="col-xl-4">
      <div class="row w-100 justify-content-center">
        <a href="/contribute" class="row justify-content-center align-items-center red-gradient-bg border-navy" role="button">{% t nav.contribute %}</a>
      </div>
    </div>
  </div>
</div>
<div class="container-fluid about-projects background-gradient">
  <div class="row justify-content-center">
    <h2 class="">Open Source Projects</h2>
  </div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-5 about-grid-item no-gutter-md-left">
        <div class="about-item-content border-pink">
          Project 1
        </div>
      </div>
      <div class="col-md-5 about-grid-item no-gutter-md-left">
        <div class="about-item-content border-pink">
          Project 2
        </div>
      </div>
      <div class="col-md-2 about-grid-image no-left-md-gutter">
        {% asset Yuuka_chibi class="img-responsive" width="200"
        height="200" %}
      </div>
    </div>
    <div class="row">
      <div class="col-md-2 about-grid-image no-right-md-gutter">
        {% asset Marisa_chibi class="img-responsive" width="200"
        height="200" %}
      </div>
      <div class="col-md-5 about-grid-item no-gutter-md-right">
        <div class="about-item-content border-pink">
          Project 3
        </div>
      </div>
      <div class="col-md-5 about-grid-item no-gutter-md-right">
        <div class="about-item-content border-pink">
          Project 4
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-5 about-grid-item no-gutter-md-left">
        <div class="about-item-content border-pink">
          Project 5
        </div>
      </div>
      <div class="col-md-5 about-grid-item no-gutter-md-left">
        <div class="about-item-content border-pink">
          Project 6
        </div>
      </div>
      <div class="col-md-2">
      </div>
    </div>
  </div>
</div>
<div class="container">
  <h1 class="text-center">Contributors</h1>
  <div class="row justify-content-md-center">
  {% for contributor in site.data.contributors %}
    <div class="col-md-4">
      <h3 class="text-center">{{ contributor }}</h3>
    </div>
  {% endfor %}
  </div>
</div>