Final fixes - mobile and desktop versions both look decent now

index-mobile.html

@@ -29,11 +29,11 @@
                 -->
           </ul>
         </div>
+      </header>
+      <main>
         <div class="photo">
           <img src='self.jpg' alt='Self-photo'>
         </div>
-      </header>
-      <main>
         <section>
           <h2>About me</h2>
           <p>I'm a software engineer with broad expertise across several different
@@ -104,7 +104,69 @@
 
           </ul>
         </section>
+        <section>
+          <h2>Some personal projects</h2>
+          <p>A few side projects I've worked on that I think are particularly interesting.</p>
 
+          <section>
+            <h3>Schala</h3>
+
+            <p>I've been interested in programming language implementations since my college compilers class,
+            and interested in type theory ever since I learned about Haskell. <a href="https://code.everydayimshuflin.com/greg/schala">
+              Schala</a> is a Rust framework I've been sporadically working on to give me a place to experiment with multiple programming
+            language ideas, and also the name of the language I'm using this framework to implement. Schala is intended to be an
+            expression-based functional-encouraging programming language using ML-style types with Rust-like syntax.
+          </section>
+
+          <section>
+            <h3>Browser games</h3>
+            <p> These are all open-source collabrations with
+            <a href='https://github.com/AlexNisnevich'>Alex Nisnevich</a> and several
+            other occasional contributors.
+            <ul>
+              <li><a href="https://alexnisnevich.github.io/untrusted/">Untrusted</a>
+                <a href="https://github.com/AlexNisnevich/untrusted" class='codeLink'>(code)</a>
+                - a Javascript roguelike. Every level is deliberately unbeatable, and
+                the player must edit the source code of the level in order to progress.
+                Me and <a href='https://github.com/AlexNisnevich'>Alex Nisnevich</a>
+                are the two primary developers.
+                An early version of the game won first place in
+                the Spring 2013 Berkeley CSUA hackathon.
+
+                <li>
+                  <a href="https://github.com/neunenak/assholetransitbureaucrat2015">
+                    Asshole Transit Bureaucrat 2015
+                  </a>
+                  - entry for the <a href="https://ldjam.com/">Ludum Dare</a> 33 72-hour game jam (theme "you are the monster"),
+                  where the player takes on the role of a corrupt public transit bureaucrat
+                  who is paid-off by an evil ride-sharing corporation, and tasked with
+                  making the public bus system worse. Written in
+                  <a href='https://elm-lang.org/'>Elm</a>, a Haskell-like pure functional
+                  language that compiles to Javascript/HTML.
+                </li>
+
+                <li>
+                  <a href='https://alexnisnevich.github.io/kalevala/'>Kalevala</a>
+
+                  <a href='https://github.com/AlexNisnevich/kalevala' class='codeLink'>
+                    (code)
+                  </a>
+                  - a two-player tile-placing game inspired by the board game
+                  Völuspá by Scott Caputo. The frontend is written in Elm, the backend
+                  is a <a href='https://github.com/neunenak/voluspa-server' class='codeLink'>fairly-simple Haskell server.</a>
+
+                </li>
+            </ul>
+          </section>
+          <section>
+            <h3>Other projects</h3>
+            <ul>
+              <li><a href="https://code.everydayimshuflin.com/greg/SNES-ASM">SNES Assembly language</a>: some experiments in writing
+                custom ROMs in the assembly language used by the Super Nintendo/Super Famicom/SNES.
+              </li>
+            </ul>
+          </section>
+        </section>
       </main>
     </div>
   </body>

style-mobile.css

@@ -57,5 +57,11 @@ a.emailLink {
     code.nostrPubkey {
         display: revert;
     }
+
+    .photo {
+        float: right;
+        width: 400px;
+        margin: 1em;
+    }
 }