Add about us section

_data/navigation.yml

@@ -1,4 +1,6 @@
 - name: Our first game
   link: /games/michiball.html
 - name: Services
-  link: /services.html
+  link: /services.html
+- name: About us
+  link: /about-us.html

_sass/main.scss

@@ -88,6 +88,9 @@ header > .current {
 #gallery > a{
     width: 350px;
     height: 350px;
+    margin-left: 20px;
+    margin-right: 20px;
+    margin-bottom: 40px;
     border: 5px solid black;
     border-bottom: 15px solid black;
     text-align: center;
@@ -97,6 +100,10 @@ header > .current {
     transition: all .2s;
 }
 
+.gallery-small > *{
+    width: 252px !important;
+    height: 200px !important;
+}
 #gallery > a:hover{
     border: 5px solid #96356d;
 }
@@ -196,6 +203,22 @@ section>h1 {
     vertical-align: bottom;
     flex-grow: 1;
 }
+/* about-us */
+.columns {
+    display: flex;
+    width: 100%;
+}
+.columns > div{
+    width: 0;
+    flex: 1 1 0;
+}
+.columns > div:not(:first-child):not(:last-child) {
+    margin-right: 30px;
+    margin-left: 30px;
+}
+.columns > div > h2{
+    text-align: center;
+}
 
 /* Mobile */
 @media (max-width: 750px) {
@@ -207,14 +230,23 @@ section>h1 {
     }    
     #gallery  > a {
         width: 100%;
-        margin-bottom: 40px;
-        margin-left: 20px;
-        margin-right: 20px;
     }
     .img-container > img {
         width: 50%;
     }
     .blogPosts>li>div {
         flex-direction: column;
     }
+    .columns {
+        flex-direction: column;
+    }
+    .columns > div {
+        width: 100%;
+        margin-right: 0px;
+        margin-left: 0px;
+    }
+    .columns > div:not(:first-child):not(:last-child) {
+        margin-right: 0px;
+        margin-left: 0px;
+    }
 }

about-us.md

@@ -0,0 +1,38 @@
+---
+layout: default
+title: About us
+---
+
+## Nokorpo
+
+We are a team of game developers and open source enthusiasts from Spain. We believe that we are entering the rise of the open source era in game development, and we want to keep pushing the limits of what community and open source can do!
+
+Video games are fun, and so should be making them. We work fast and with passion, but we also encourage good communication, open development, and prioritizing our emotional and mental health ☀️
+
+<div class="columns">
+    <div>
+        <h2><a href="https://linktr.ee/alicia.redmarr">Alicia "Ali" Redmarr</a></h2>
+        <h2>🐉</h2>
+        <p>Alicia is the designer and creative director of Nokorpo. She is the person making hard design and gameplay decisions, playtesting, and making sure the game is fun. She also creates the art to make the games look pretty. Alicia brings fun to the team and our projects.</p>
+    </div>
+    <div>
+        <h2><a href="https://antimundo.es/">Antimundo</a></h2>
+        <h2>🐛</h2>
+        <p>Antimundo is a gameplay programmer and UX / UI designer. He makes sure players understand what is happening and how to play, and he is the person in charge of making games and controls feel juicy. He is also very outcome driven and that helps keep scope under control.</p>
+    </div>
+    <div>
+        <h2><a href="https://blog.jnepo.dev/">Nepo</a></h2>
+        <h2>🌱</h2>
+        <p>Nepo is a programmer, and the person in charge of avoid making all the code explode. They have experience working as a QA in the software development industry for 8 years, so they are focused on good practices, scalability, and testing. Nepo is also a very organized and structured person and they promote good communication inside the team.</p>
+    </div>
+</div>
+
+## Our projects
+
+<div id="gallery" class="gallery-small">
+    <a style='background-image: url("/assets/images/index/bat.svg");' href="/games/michiball.html"></a>
+    <a style='background-image: url("/assets/images/games/infinigrass.png");' href="https://github.com/antimundo/infinigrass"></a>
+    <a style='background-image: url("/assets/images/games/ratandfurrius.png");' href="https://github.com/antimundo/rat-and-furrius"></a>
+    <a style='background-image: url("/assets/images/games/lafaldadelamontana.png");' href="https://github.com/Edearth/falda-montana"></a>
+    <a style='background-image: url("/assets/images/games/libreaim.png");' href="https://github.com/antimundo/libre-aim"></a>
+</div>