<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>nathan wentworth ✨ - projects</title>
    <description>programmer and rhythm game fan</description>
    <link>https://nathanwentworth.co</link>
    
      
        <item>
          <title>roguelike</title>
          <description>&lt;p&gt;Super work-in-progress web game. Arrow keys/wasd/hjkl to move, c to change color scheme.&lt;/p&gt;
</description>
          <pubDate>2019-02-21T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/roguelike/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/roguelike/</guid>
        </item>
      
    
      
        <item>
          <title>Brutalist Websites &quot;Light&quot;</title>
          <description>&lt;p&gt;A web scraper set up to pull posts from &lt;a href=&quot;http://brutalistwebsites.com&quot;&gt;brutalist websites&lt;/a&gt; and generate a paginated version of the site with ten posts per page.&lt;/p&gt;

&lt;p&gt;The original site — while a great collection of interesting web design (I have separate issues with using the term brutalism here) — is over 200mb when fully loaded. I built this scraper to make this site a bit more friendly to people on capped data connections, slow connections, or slow computers.&lt;/p&gt;
</description>
          <pubDate>2018-07-03T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/web-brutalism/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/web-brutalism/</guid>
        </item>
      
    
      
        <item>
          <title>daycalc</title>
          <description>&lt;p&gt;This script calculates the number of days between two dates, or the date a certain number of days before/after another date.&lt;/p&gt;

&lt;p&gt;Output is as minimal as possible, either an ISO8601 formatted date or a number.&lt;/p&gt;

&lt;p&gt;I often need this information because of net30 invoices (figuring out when to set the due date, how long it’s been since I sent an invoice, etc) and every web site I found to do this was clunky or too much work.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;/assets/other/daycalc.py&quot;&gt;Download&lt;/a&gt;&lt;/p&gt;

&lt;div class=&quot;highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;import datetime, sys

def main(argv):
  start = None
  end = None
  diff = 0
  for index, arg in enumerate(argv):
    if (arg == &quot;-s&quot; or arg == &quot;--start&quot;):
      start = datetime.datetime.strptime(argv[index + 1], &quot;%Y-%m-%d&quot;)
    elif (arg == &quot;-e&quot; or arg == &quot;--end&quot;):
      end = datetime.datetime.strptime(argv[index + 1], &quot;%Y-%m-%d&quot;)
    elif (arg == &quot;-d&quot; or arg == &quot;--diff&quot;):
      diff = int(argv[index + 1])

  if (start != None and end != None):
    print((end - start).days)
  elif (start != None and diff != 0):
    print(start + datetime.timedelta(diff))
  elif (end != None and diff != 0):
    print(end - datetime.timedelta(diff))
  else:
    print('''
  Welcome to daycalc
  All date formats must be ISO8601, YYYY-MM-DD

  -s, --start     set start date
  -e, --end       set end date
  -d, --diff      set difference

  Setting a start and end will return the number of days between the two (exclusive)
  Setting a start and a diff will give you the date [d] days after the start date
  Setting an end and a diff will give you the date [d] days before the end date
''')

  pass


if __name__ == '__main__':
  main(sys.argv)
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;
</description>
          <pubDate>2018-05-01T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/daycalc/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/daycalc/</guid>
        </item>
      
    
      
        <item>
          <title>Writer's Flock</title>
          <description>&lt;p&gt;A local-multiplayer party/cooperative writing game in which all players try to write the best story, all based on other players’ sentences. Made in two days for Global Game Jam 2018.&lt;/p&gt;

&lt;p&gt;I wrote the client, a web page with JS scripts for communicating with the server. The Unity game (&lt;a href=&quot;http://connor.games&quot;&gt;made by Connor Botts&lt;/a&gt;) starts a local server and displays an IP address, so anyone on the same network can connect via their client devices. The client and server communicate with each other using websockets.&lt;/p&gt;
</description>
          <pubDate>2018-01-28T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/writers-flock/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/writers-flock/</guid>
        </item>
      
    
      
        <item>
          <title>AniList to MAL</title>
          <description>&lt;p&gt;CLI Python app that will export your &lt;a href=&quot;https://anilist.co&quot;&gt;AniList&lt;/a&gt; list in a MAL-compatible format.&lt;/p&gt;
</description>
          <pubDate>2018-01-16T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/anilist-to-mal/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/anilist-to-mal/</guid>
        </item>
      
    
      
        <item>
          <title>tweetrate</title>
          <description>&lt;p&gt;Web app to get the rate at which a specific twitter user tweets. Uses Node.js with Express and the Twitter API. &lt;a href=&quot;https://github.com/nathanwentworth/tweetrate&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;

</description>
          <pubDate>2018-01-04T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/tweetrate/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/tweetrate/</guid>
        </item>
      
    
      
        <item>
          <title>The Good Project</title>
          <description>&lt;p&gt;Freelance project with &lt;a href=&quot;http://www.fablevisionstudios.com/&quot;&gt;FableVision&lt;/a&gt; for the Harvard Graduate School of Education.&lt;/p&gt;
</description>
          <pubDate>2017-12-04T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/the-good-project/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/the-good-project/</guid>
        </item>
      
    
      
        <item>
          <title>Twitter Origifier</title>
          <description>&lt;p&gt;Browser extension to automatically add &lt;code class=&quot;highlighter-rouge&quot;&gt;:orig&lt;/code&gt; to the end of twitter images. Download for &lt;a href=&quot;https://chrome.google.com/webstore/detail/twitter-origifier/lcbhlbbekpaklnhgfcccpdplhegpjkjk&quot;&gt;Chrome&lt;/a&gt; or &lt;a href=&quot;https://addons.mozilla.org/en-US/firefox/addon/twitter-origifier/&quot;&gt;Firefox&lt;/a&gt;&lt;/p&gt;
</description>
          <pubDate>2017-11-20T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/twitter-origifier/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/twitter-origifier/</guid>
        </item>
      
    
      
        <item>
          <title>moodbored</title>
          <description>&lt;p&gt;Moodboard/inspiration collection app made in electron, pulls from a local folder and shows you a grid of images with subdirectory navigator. Tons of customizable options. &lt;a href=&quot;https://github.com/nathanwentworth/moodbored/releases/latest&quot;&gt;Download&lt;/a&gt; &lt;a href=&quot;https://github.com/nathanwentworth/moodbored&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Note! this current version is being deprecated, as i want to rebuild it in something that’s not electron (probably PyQT? C++ QT would probably be better but i’d rather not learn that many new thing at once on a project!). This page will be updated later with that new version whenever it has the same features listed here!&lt;/p&gt;

&lt;h1 id=&quot;features&quot;&gt;Features&lt;/h1&gt;

&lt;ul&gt;
  &lt;li&gt;View folders of images on your computer&lt;/li&gt;
  &lt;li&gt;Change css to suit your style (dark background? rounded corners? etc)&lt;/li&gt;
  &lt;li&gt;Drag images from your computer or web browser directly into the gallery to add to the current folder, or onto a folder name to add to that folder instead&lt;/li&gt;
  &lt;li&gt;Drag a folder into the view to open a new directory&lt;/li&gt;
  &lt;li&gt;Protip: have the directory be a cloud-synced folder (Dropbox, Google Drive, etc) and have it update across computers
    &lt;ul&gt;
      &lt;li&gt;OR, have it be a shared cloud-synced folder to have a collaborative moodbored/inspiration folder&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h1 id=&quot;screenshots&quot;&gt;Screenshots&lt;/h1&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.03.03 pm.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.03.03 pm.jpg&quot; alt=&quot;no sidebar&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;no sidebar
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.03.03 pm.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.03.41 pm.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.03.41 pm.jpg&quot; alt=&quot;left sidebar and lots of columns&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;left sidebar and lots of columns
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.03.41 pm.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.04.09 pm.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.04.09 pm.jpg&quot; alt=&quot;right sidebar&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;right sidebar
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.04.09 pm.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.04.22 pm.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.04.22 pm.jpg&quot; alt=&quot;four columns, no sidebar&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;four columns, no sidebar
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.04.22 pm.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.05.18 pm.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.05.18 pm.jpg&quot; alt=&quot;narrow window&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;narrow window
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.05.18 pm.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.19.46 pm.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.19.46 pm.jpg&quot; alt=&quot;dark background&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;dark background
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/moodbored/Screen Shot 2018-05-21 at 8.19.46 pm.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
</description>
          <pubDate>2017-08-01T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/moodbored/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/moodbored/</guid>
        </item>
      
    
      
        <item>
          <title>Suki's Soul Food</title>
          <description>&lt;p&gt;First-person cooking game, where you make cat food for cats. Made in a week for the &lt;a href=&quot;https://itch.io/jam/games-made-quick-one-and-a-half&quot;&gt;Games Made Quick 1½&lt;/a&gt; jam. &lt;a href=&quot;https://wickedly.itch.io/sukis-soul-food&quot;&gt;Download&lt;/a&gt; &lt;a href=&quot;https://github.com/theconbot/Cat-In-a-Truck&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I did about 50% of the programming and all of the UI design/implementation. While &lt;a href=&quot;https://connor.games&quot;&gt;Connor&lt;/a&gt; made the base ingredient/recipe data structures, I made code to generate &lt;a href=&quot;https://github.com/TheConBot/Cat-In-a-Truck/blob/master/Assets/Scripts/RecipeGenerator.cs&quot;&gt;recipes&lt;/a&gt; and the &lt;a href=&quot;https://github.com/TheConBot/Cat-In-a-Truck/blob/master/Assets/Scripts/RecipeVisualGenerator.cs&quot;&gt;visuals&lt;/a&gt; for them. I also made the code for the &lt;a href=&quot;https://github.com/TheConBot/Cat-In-a-Truck/blob/master/Assets/Scripts/PawMovement.cs&quot;&gt;paw movement&lt;/a&gt; and interactions. Lastly, I wrote the &lt;a href=&quot;https://github.com/TheConBot/Cat-In-a-Truck/blob/master/Assets/Scripts/StoreHighScores.cs&quot;&gt;highscore network code&lt;/a&gt;.&lt;/p&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-01.png&quot; alt=&quot;gameplay&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;gameplay
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-02.png&quot; alt=&quot;main menu / difficulty select&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;main menu / difficulty select
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-03.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-03.png&quot; alt=&quot;a recipe&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;a recipe
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/sukis-soul-food/sukis-soul-food-03.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
</description>
          <pubDate>2017-07-10T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/sukis-soul-food/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/sukis-soul-food/</guid>
        </item>
      
    
      
        <item>
          <title>status</title>
          <description>&lt;p&gt;Web-based dashboard, displays current time, weather, unread Gmail count, and current WaniKani kanji review count. Uses Gmail, OpenWeatherMap, and WaniKani APIs.&lt;/p&gt;
</description>
          <pubDate>2017-05-22T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/status/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/status/</guid>
        </item>
      
    
      
        <item>
          <title>Commissioned Portfolio Sites</title>
          <description>&lt;p&gt;Various portfolio sites made for friends&lt;/p&gt;

&lt;h1 id=&quot;ethan-thibault&quot;&gt;&lt;a href=&quot;http://ethanthibault.xyz&quot;&gt;Ethan Thibault&lt;/a&gt;&lt;/h1&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/ethan-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/ethan-01.png&quot; alt=&quot;Ethan Thibault 1&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/ethan-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/ethan-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/ethan-02.png&quot; alt=&quot;Ethan Thibault 2&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/ethan-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/ethan-03.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/ethan-03.png&quot; alt=&quot;Ethan Thibault 3&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/ethan-03.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;  
&lt;/div&gt;

&lt;h1 id=&quot;connor-botts&quot;&gt;&lt;a href=&quot;http://connor.games&quot;&gt;Connor Botts&lt;/a&gt;&lt;/h1&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/connor-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/connor-01.png&quot; alt=&quot;Connor Botts 1&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/connor-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/connor-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/connor-02.png&quot; alt=&quot;Connor Botts 2&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/connor-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
&lt;/div&gt;

&lt;h1 id=&quot;delton-hulbert&quot;&gt;&lt;a href=&quot;http://deltonhulbert.com&quot;&gt;Delton Hulbert&lt;/a&gt;&lt;/h1&gt;
&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/delton-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/delton-01.png&quot; alt=&quot;Delton Hulbert 1&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/delton-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/delton-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/delton-02.png&quot; alt=&quot;Delton Hulbert 2&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/delton-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/delton-03.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/delton-03.png&quot; alt=&quot;Delton Hulbert 3&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/delton-03.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;  
&lt;/div&gt;

&lt;h1 id=&quot;luis-valle&quot;&gt;Luis Valle&lt;/h1&gt;
&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/luis-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/luis-01.png&quot; alt=&quot;Luis Valle 1&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/luis-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/portfolio-pages/luis-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/portfolio-pages/luis-02.png&quot; alt=&quot;Luis Valle 2&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/portfolio-pages/luis-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
&lt;/div&gt;
</description>
          <pubDate>2017-05-01T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/portfolio-pages/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/portfolio-pages/</guid>
        </item>
      
    
      
        <item>
          <title>DECK DUNGEON</title>
          <description>&lt;p&gt;Card-based dungeon-crawling game made for the Games Made Quick jam. Featured on &lt;a href=&quot;http://warpdoor.com/2017/01/23/deck-dungeon-nathan-wentworth/&quot;&gt;Warp Door&lt;/a&gt;, &lt;a href=&quot;https://www.youtube.com/watch?v=11tkXjJGpCQ&quot;&gt;Jupiter Hadley&lt;/a&gt;, &lt;a href=&quot;https://www.teamknowhow.com/discover/discover/top-free-mac-games#Deck%20Dungeon&quot;&gt;Team Know How&lt;/a&gt;, and others.&lt;/p&gt;

&lt;p&gt;One of the suggestions of the game jam was to use something you haven’t used before, so I decided to make a framework-less, canvas-less, javascript game that only uses normal html elements. While the “game” aspect of the game is pretty broken — someone even wrote a script to win the game without playing — I’m pretty satisfied with it as a project and I’d love to revisit it at some point to rework the mechanics.&lt;/p&gt;

&lt;p&gt;Heavily inspired by &lt;a href=&quot;https://hundredrabbits.itch.io/donsol&quot;&gt;Donsol&lt;/a&gt; by &lt;a href=&quot;http://100r.co/&quot;&gt;Hundred Rabbits&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://nathanwentworth.co/deck-dungeon&quot;&gt;Play online&lt;/a&gt;&lt;/p&gt;

&lt;h2 id=&quot;screenshots&quot;&gt;Screenshots&lt;/h2&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.50.07-fullpage.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.50.07-fullpage.png&quot; alt=&quot;level 2&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;level 2
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.50.07-fullpage.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.50.39-fullpage.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.50.39-fullpage.png&quot; alt=&quot;level 3&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;level 3
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.50.39-fullpage.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.51.09-fullpage.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.51.09-fullpage.png&quot; alt=&quot;level 4&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;level 4
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/deck-dungeon/deck-dungeon-2018-05-18-at-09.51.09-fullpage.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
</description>
          <pubDate>2017-01-29T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/deck-dungeon/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/deck-dungeon/</guid>
        </item>
      
    
      
        <item>
          <title>Random Quote Machine</title>
          <description>&lt;p&gt;Displays a random quote pulled from &lt;a href=&quot;http://quotesondesign.com/&quot;&gt;Quotes On Design&lt;/a&gt;, made for &lt;a href=&quot;https://www.freecodecamp.com/&quot;&gt;freeCodeCamp&lt;/a&gt;.&lt;/p&gt;
</description>
          <pubDate>2017-01-22T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/random-quote-machine/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/random-quote-machine/</guid>
        </item>
      
    
      
        <item>
          <title>new tab links</title>
          <description>&lt;p&gt;New tab page that displays a selection of editable links. &lt;a href=&quot;https://chrome.google.com/webstore/detail/new-tab-links/dhilgiccnfcdipikddkegbpphmnobpnn&quot;&gt;Chrome&lt;/a&gt; &lt;a href=&quot;https://addons.mozilla.org/en-US/firefox/addon/new-tab-links/&quot;&gt;Firefox&lt;/a&gt; &lt;a href=&quot;https://github.com/nathanwentworth/new-tab-links&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-02.png&quot; alt=&quot;options open&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;options open
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-03.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-03.png&quot; alt=&quot;purple theme&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;purple theme
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-03.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;p&gt;”—” is turned into a new column, and a line without a url is turned into a header.&lt;/p&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-05.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-05.png&quot; alt=&quot;options&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;options
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-05.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-06.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-06.png&quot; alt=&quot;result&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;result
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-06.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
&lt;/div&gt;
</description>
          <pubDate>2017-01-05T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/new-tab-links/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/new-tab-links/</guid>
        </item>
      
    
      
        <item>
          <title>Browser Extensions</title>
          <description>&lt;p&gt;Various browser extensions for Chrome and Firefox, mainly new tab pages and utilities, including &lt;a href=&quot;/projects/new-tab-links/&quot;&gt;new tab links&lt;/a&gt;, &lt;a href=&quot;/projects/time-tab/&quot;&gt;time tab&lt;/a&gt;, and &lt;a href=&quot;/projects/twitter-origifier/&quot;&gt;twitter origifier&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;new-tab-links&quot;&gt;new tab links&lt;/h2&gt;
&lt;p&gt;New tab page that displays a selection of editable links. &lt;a href=&quot;https://chrome.google.com/webstore/detail/new-tab-links/dhilgiccnfcdipikddkegbpphmnobpnn&quot;&gt;Chrome&lt;/a&gt; &lt;a href=&quot;https://addons.mozilla.org/en-US/firefox/addon/new-tab-links/&quot;&gt;Firefox&lt;/a&gt; &lt;a href=&quot;https://github.com/nathanwentworth/new-tab-links&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-01.png&quot; alt=&quot;default configuration with some links&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;default configuration with some links
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-02.png&quot; alt=&quot;options open&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;options open
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-03.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-03.png&quot; alt=&quot;purple theme&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;purple theme
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-03.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;p&gt;”—” is turned into a new column, and a line without a url is turned into a header.&lt;/p&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-05.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-05.png&quot; alt=&quot;links in editor&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;links in editor
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-05.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-06.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/new-tab-links/new-tab-links-06.png&quot; alt=&quot;links as displayed&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;links as displayed
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/new-tab-links/new-tab-links-06.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
&lt;/div&gt;

&lt;h2 id=&quot;time-tab&quot;&gt;Time Tab&lt;/h2&gt;
&lt;p&gt;Browser extension that replaces the default new tab page with a customizable clock. Download for &lt;a href=&quot;https://chrome.google.com/webstore/detail/time-tab/fdjemjfcplhejdekgjbdjjobbkipoddd&quot;&gt;Chrome&lt;/a&gt; or &lt;a href=&quot;https://addons.mozilla.org/en-US/firefox/addon/time-tab/&quot;&gt;Firefox&lt;/a&gt;. &lt;a href=&quot;https://github.com/nathanwentworth/time-tab&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Not my first new tab Chrome extension, but the first one uploaded to the Chrome webstore. Made in the course of a couple of weeks during other projects.&lt;/p&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.07 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.07 AM.png&quot; alt=&quot;white text on a grey background&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.07 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.59 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.59 AM.png&quot; alt=&quot;blue text on a white background, with seconds&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.59 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
&lt;/div&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.27 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.27 AM.png&quot; alt=&quot;white text on an image background&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.27 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.54 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.54 AM.png&quot; alt=&quot;white text on an image background&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.54 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;  
&lt;/div&gt;

&lt;h2 id=&quot;twitter-origifier&quot;&gt;twitter origifier&lt;/h2&gt;
&lt;p&gt;Browser extension to automatically add &lt;code class=&quot;highlighter-rouge&quot;&gt;:orig&lt;/code&gt; to the end of twitter images. Download for &lt;a href=&quot;https://chrome.google.com/webstore/detail/twitter-origifier/lcbhlbbekpaklnhgfcccpdplhegpjkjk&quot;&gt;Chrome&lt;/a&gt; or &lt;a href=&quot;https://addons.mozilla.org/en-US/firefox/addon/twitter-origifier/&quot;&gt;Firefox&lt;/a&gt;&lt;/p&gt;
</description>
          <pubDate>2017-01-01T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/browser-extensions/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/browser-extensions/</guid>
        </item>
      
    
      
        <item>
          <title>Friender Bender</title>
          <description>&lt;p&gt;A local-multiplayer sabotage driving game. Made in three months in a group of seven people. Based on Sabotage Rally from Cool Games Inc. Featured in &lt;a href=&quot;http://www.pcgamer.com/free-games-of-the-week/&quot;&gt;PC Gamer&lt;/a&gt;, &lt;a href=&quot;https://www.freegameplanet.com/friender-bender-download-game/&quot;&gt;Free Game Planet&lt;/a&gt;, and others. &lt;a href=&quot;https://github.com/nathanwentworth/friender-bender&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;
</description>
          <pubDate>2016-12-12T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/friender-bender/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/friender-bender/</guid>
        </item>
      
    
      
        <item>
          <title>draw</title>
          <description>&lt;p&gt;JavaScript drawing app made in a day.&lt;/p&gt;
</description>
          <pubDate>2016-09-18T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/draw/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/draw/</guid>
        </item>
      
    
      
        <item>
          <title>Outerworld Image</title>
          <description>&lt;p&gt;An exploration and photography game made with a small group of friends in our free time. Featured in &lt;a href=&quot;https://www.rockpapershotgun.com/2016/08/13/best-free-games-of-the-week-28/&quot;&gt;Rock, Paper, Shotgun&lt;/a&gt;.&lt;/p&gt;
</description>
          <pubDate>2016-07-26T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/outerworld-image/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/outerworld-image/</guid>
        </item>
      
    
      
        <item>
          <title>Time Tab</title>
          <description>&lt;p&gt;Browser extension that replaces the default new tab page with a customizable clock. Download for &lt;a href=&quot;https://chrome.google.com/webstore/detail/time-tab/fdjemjfcplhejdekgjbdjjobbkipoddd&quot;&gt;Chrome&lt;/a&gt; or &lt;a href=&quot;https://addons.mozilla.org/en-US/firefox/addon/time-tab/&quot;&gt;Firefox&lt;/a&gt;. &lt;a href=&quot;https://github.com/nathanwentworth/time-tab&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Not my first new tab Chrome extension, but the first one uploaded to the Chrome webstore. Made in the course of a couple of weeks during other projects.&lt;/p&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.07 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.07 AM.png&quot; alt=&quot;white text on a grey background&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.07 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.59 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.59 AM.png&quot; alt=&quot;blue text on a white background, with seconds&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.08.59 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
&lt;/div&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.27 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.27 AM.png&quot; alt=&quot;white text on an image background&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.27 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.54 AM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.54 AM.png&quot; alt=&quot;white text on an image background&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/time-tab/Screen Shot 2017-06-19 at 11.10.54 AM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;  
&lt;/div&gt;

&lt;h2 id=&quot;help&quot;&gt;Help&lt;/h2&gt;

&lt;h3 id=&quot;how-to-change-the-background&quot;&gt;How to change the background?&lt;/h3&gt;
&lt;p&gt;To set a solid background color, you can use either &lt;a href=&quot;https://www.w3schools.com/colors/colors_picker.asp&quot;&gt;color hex codes&lt;/a&gt; or &lt;a href=&quot;https://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/&quot;&gt;named colors (such as “red”, “blue”, “goldenrod”, etc)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you want to use an image, enter the URL of the image in the text box, such as &lt;code class=&quot;highlighter-rouge&quot;&gt;https://nathanwentworth.co/assets/img/photos/2013-06-20+17.48.18.jpg&lt;/code&gt;&lt;/p&gt;

&lt;h3 id=&quot;how-to-change-the-text-color&quot;&gt;How to change the text color?&lt;/h3&gt;
&lt;p&gt;Much like the above background, you can change the text color using hex codes or color names.&lt;/p&gt;

&lt;h3 id=&quot;how-to-change-the-font&quot;&gt;How to change the font?&lt;/h3&gt;
&lt;p&gt;The font can be loaded in via &lt;a href=&quot;https://fonts.google.com&quot;&gt;Google fonts&lt;/a&gt;. This is done by entering a name of a font, and a font weight. For example, if you wanted to load in “Rubik bold”, you’d type “Rubik:500”. You can see font weights by:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;Finding a font on Google fonts&lt;/li&gt;
  &lt;li&gt;Going on that font’s page, and selecting “Select This Font” in the top right&lt;/li&gt;
  &lt;li&gt;Clicking in the “1 Family Selected” box that appears once you’ve selected a font&lt;/li&gt;
  &lt;li&gt;Clicking “Customize” will show you the available font weights, and their numbers, such as “light 300”, “regular 400”, “bold 700”, etc.&lt;/li&gt;
  &lt;li&gt;Enter the font’s name (Rubik, Roboto, etc), and weight number, such as “Roboto:400” in the time tab font text box&lt;/li&gt;
  &lt;li&gt;You should also be able to enter a font name without the :###, like “Rubik”, and it will just load the default weight&lt;/li&gt;
&lt;/ol&gt;
</description>
          <pubDate>2016-06-02T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/time-tab/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/time-tab/</guid>
        </item>
      
    
      
        <item>
          <title>Anyways Magazine</title>
          <description>&lt;p&gt;Additional scripting done for Anyways Magazine: article loading/switching, history pushstates, etc.&lt;/p&gt;
</description>
          <pubDate>2016-05-18T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/anyways-two/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/anyways-two/</guid>
        </item>
      
    
      
        <item>
          <title>TRIIIBE: same difference</title>
          <description>&lt;p&gt;Client site made for the Fitchburg Art Museum’s TRIIIBE: same difference exhibit.&lt;/p&gt;
</description>
          <pubDate>2016-05-16T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/triiibe/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/triiibe/</guid>
        </item>
      
    
      
        <item>
          <title>LASERFACE</title>
          <description>&lt;p&gt;Blow up a city with your face laser! VR game made for class, Oculus DK2 required. &lt;a href=&quot;https://nathanwentworth.itch.io/laserface&quot;&gt;download&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I mostly did the UI/interactions and “art direction” on this. Here’s someone actually playing it!&lt;/p&gt;

&lt;div class=&quot;img-block&quot;&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/laserface/2016-05-12+16.27.38.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/laserface/2016-05-12+16.27.38.jpg&quot; alt=&quot;Chaz playing laserface&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;Chaz playing laserface
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/laserface/2016-05-12+16.27.38.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
  




&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/laserface/2016-05-12+16.27.50.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/laserface/2016-05-12+16.27.50.jpg&quot; alt=&quot;Chaz playing laserface&quot; /&gt;&lt;/a&gt;
  
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/laserface/2016-05-12+16.27.50.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
&lt;/div&gt;
</description>
          <pubDate>2016-05-13T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/laserface/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/laserface/</guid>
        </item>
      
    
      
        <item>
          <title>Atleta</title>
          <description>&lt;p&gt;Short narrative game about sailing made for Global Game Jam.&lt;/p&gt;
</description>
          <pubDate>2016-02-01T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/atleta/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/atleta/</guid>
        </item>
      
    
      
        <item>
          <title>cameraroll</title>
          <description>&lt;p&gt;Photo feed/camera roll for photos I’ve taken. Dynamically creates each image from a folder.&lt;/p&gt;
</description>
          <pubDate>2015-06-16T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/cameraroll/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/cameraroll/</guid>
        </item>
      
    
      
        <item>
          <title>FLIPFLIP</title>
          <description>&lt;p&gt;A small game about flipping tables. Featured by &lt;a href=&quot;https://twitter.com/itchio/status/584928245214089217&quot;&gt;itch.io&lt;/a&gt; and others.&lt;/p&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/flipflip/Screen Shot 2018-05-22 at 10.25.47 am.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/flipflip/Screen Shot 2018-05-22 at 10.25.47 am.png&quot; alt=&quot;itch.io tweet&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;itch.io tweet
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/flipflip/Screen Shot 2018-05-22 at 10.25.47 am.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
</description>
          <pubDate>2015-03-19T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/flipflip/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/flipflip/</guid>
        </item>
      
    
      
        <item>
          <title>to-do</title>
          <description>&lt;p&gt;Simple to-do list app made with JavaScript. Originally made with jQuery and jsCookies, rewritten and redesigned in 2017. Features auto-save and auto-load. &lt;a href=&quot;https://github.com/nathanwentworth/to-do-list&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;
</description>
          <pubDate>2015-03-16T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/to-do/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/to-do/</guid>
        </item>
      
    
      
        <item>
          <title>nathanwentworth.co</title>
          <description>&lt;p&gt;Built with Jekyll, Sass, and some very light javascript. I try to keep everything as light and accessible as possible. This site has slowly evolved from a simple landing page, to a work-focused portfolio, to a much more personal website.&lt;/p&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screenshot 2024-02-22 at 15-37-15 nathan wentworth.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/nathanwentworth/Screenshot 2024-02-22 at 15-37-15 nathan wentworth_cropped.png&quot; alt=&quot;Screenshot from 2023&quot; data-lg-src=&quot;/assets/img/projects/nathanwentworth/Screenshot 2024-02-22 at 15-37-15 nathan wentworth.png&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;Screenshot from 2023
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screenshot 2024-02-22 at 15-37-15 nathan wentworth.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen-Shot-2018-05-17-at-15.53.25-fullpage.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/nathanwentworth/Screen-Shot-2018-05-17-at-15.53.25-fullpage.jpg&quot; alt=&quot;Screenshot from 2018&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;Screenshot from 2018
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen-Shot-2018-05-17-at-15.53.25-fullpage.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen Shot 2017-08-04 at 9.59.47 PM.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/nathanwentworth/Screen Shot 2017-08-04 at 9.59.47 PM.png&quot; alt=&quot;Screenshot from 2017&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;Screenshot from 2017
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen Shot 2017-08-04 at 9.59.47 PM.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen-Shot-2018-05-19-at-21.40.42-fullpage.jpg&quot;&gt;&lt;img src=&quot;/assets/img/projects/nathanwentworth/Screen-Shot-2018-05-19-at-21.40.42-fullpage.jpg&quot; alt=&quot;Screenshot from 2016&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;Screenshot from 2016
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen-Shot-2018-05-19-at-21.40.42-fullpage.jpg&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen Shot 2018-05-19 at 21.38.44-fullpage.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/nathanwentworth/Screen Shot 2018-05-19 at 21.38.44-fullpage.png&quot; alt=&quot;Screenshot from 2015&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;Screenshot from 2015
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/nathanwentworth/Screen Shot 2018-05-19 at 21.38.44-fullpage.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

</description>
          <pubDate>2015-01-01T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/nathanwentworth/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/nathanwentworth/</guid>
        </item>
      
    
      
        <item>
          <title>minimal mono Tumblr theme</title>
          <description>&lt;p&gt;Tumblr theme, made originally for personal use, later edited for theme garden publishing.&lt;/p&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/tumblr/tumblr-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/tumblr/tumblr-01.png&quot; alt=&quot;full post&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;full post
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/tumblr/tumblr-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/tumblr/tumblr-02.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/tumblr/tumblr-02.png&quot; alt=&quot;scrolled down&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;scrolled down
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/tumblr/tumblr-02.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;

&lt;figure class=&quot;&quot;&gt;
  &lt;a class=&quot;img-link&quot; href=&quot;/assets/img/projects/tumblr/tumblr-screenshot-narrow-01.png&quot;&gt;&lt;img src=&quot;/assets/img/projects/tumblr/tumblr-screenshot-narrow-01.png&quot; alt=&quot;tall post&quot; /&gt;&lt;/a&gt;
  &lt;figcaption&gt;tall post
&lt;/figcaption&gt;
  &lt;!-- &lt;a class=&quot;figure-link&quot; href=&quot;/assets/img/projects/tumblr/tumblr-screenshot-narrow-01.png&quot;&gt;view original&lt;/a&gt; --&gt;
&lt;/figure&gt;
</description>
          <pubDate>2014-12-16T00:00:00+00:00</pubDate>
          <link>https://nathanwentworth.co/projects/tumblr/</link>
          <guid isPermaLink="true">https://nathanwentworth.co/projects/tumblr/</guid>
        </item>
      
    
  </channel>
</rss>