Merge pull request #5 from PIWEEK/day02

Day 02 - Sprites from eva + belén

assets/styles.css

@@ -38,7 +38,7 @@ h2 {
 
 p, li {
   line-height: 1.5;
-  margin: 1.5rem 0;
+  margin: 1.1rem 0;
 }
 
 figure {

index.html

@@ -95,11 +95,56 @@ <h2>Day One: Learning the ropes</h2>
         </figure>
       </li>
     </ul>
+
+    <h2>Day Two: Taming the lines</h2>
+    <p><time datetime="2023-12-19">Tue Dec 19</time></p>
+    <p>Today we wanted to focus on the basics of the craft, so we went on reading Chapter 1 from <a href="https://pixellogicbook.com/"><i>Pixel Logic</i></a>, which is about drawing clear lines, avoiding <b>jaggies</b> and different <b>outline</b> styles and their possibilites.</p>
+    <p>Our aim for today was:</p>
+    <ul class="todo">
+      <li>Learn about actually <i>drawing</i> pixel art.</li>
+      <li>Improve some of the sprites we made yesterday, fixing jaggies and trying out different outline styles.</li>
+      <li>Keep on working on new characters, applying what we just learned.</li>
+    </ul>
+
+    <p>This is what we came up with:</p>
+    <ul class="gallery">
+      <li>
+        <figure>
+          <img src="assets/images/shepard-v4.png" width="128" height="128" class="pixel" alt="Improved commander Shepard"/>
+          <figcaption><b>Belén:</b> Improved version of Shepard sprite (addressed jaggies + colored outline).</figcaption>
+        </figure>
+      </li>
+      <li>
+        <figure>
+          <img src="assets/images/liara-v4.png" width="128" height="128" class="pixel" alt="Improved Liara T'Soni"/>
+          <figcaption><b>Belén:</b> Improved version of Liara sprite (addressed jaggies + colored outline).</figcaption>
+        </figure>
+      </li>
+      <li>
+        <figure>
+          <img src="assets/images/bard-v2.gif" width="128" height="128" class="pixel" alt="Animated bar, playing their instrument"/>
+          <figcaption><b>Eva:</b> Animated bard.</figcaption>
+        </figure>
+      </li>
+      <li>
+        <figure>
+          <img src="assets/images/jumping-rabite.gif" width="128" height="128" class="pixel" alt="Animated rabite, jumping"/>
+          <figcaption><b>Eva:</b> Animated rabite, jumping.</figcaption>
+        </figure>
+      </li>
+      <li>
+        <figure>
+          <img src="assets/images/shepard-remake-v2.png" width="128" height="128" class="pixel" alt="A rogue rat"/>
+          <figcaption><b>Belén:</b> Remake of Shepard from scratch, no template.</figcaption>
+        </figure>
+      </li>
+    </ul>
+
   </main>
 
   <footer class="main-footer">
     <hr class="main-footer__separator">
-    <p>With ♥︎ from <a href="https://github.com/evamarco">Eva</a>, <a href="https://github.com/daniel-herrero">Dani</a>, Willy, <a href="https://github.com/yamila-moreno">yami</a>, <a href="https://github.com/NatachaMenjibar">Natacha</a> and <a href="https://ladybenko.net">Belén</a>.</p>
+    <p>With ♥︎ from <a href="https://github.com/evamarco">Eva</a>, <a href="https://github.com/daniel-herrero">Dani</a>, Willy, <a href="https://github.com/NatachaMenjibar">Natacha</a> and <a href="https://ladybenko.net">Belén</a>.</p>
   </footer>
 </div>
 </body>