itch.io

I had a discussion with the game's author and once another project of theirs is done, they will be updating the game for online play! I wish I had the art and narrative skills to make such a game. Oh well, at least I can help with the technicalities.

Here is how to adopt this (or other SugarCube-based) game for itch.io without hiccups.

• Go to your girl things folder (if your files are a mess like mine, just download and unpack the ZIP from here)

• (Optional) The freely-distributable Helmet font has been used, which not everyone has installed. Please include it or link to it! Open your HTML file in Notepad (⊞), TextEdit (🍏) or similar, find "@font-face" and copy one of these lines in front of it, with line breaks or not (the first one is more reliable but only works if you supply a copy of Helmet-Regular.ttf (case-sensitive) yourself in the images folder):

@font-face{font-family:Helmet;src:url(images/Helmet-Regular.ttf);}
@font-face{font-family:Helmet;src:url(https://raw.githubusercontent.com/carlstype/helmet/master/Helmet-Regular.ttf);}

To embed the game and qualify for the popular "Play in browser" category: 

• itch.io is looking for an index.html file directly in the ZIP root dir. Change the file name from girl things.html to index.html and repack the ZIP (press Ctrl+A (⊞) or Cmd+A (🍏) to select the images folder and index.html, right-click and press Send to > Compressed (zipped) folder (⊞) or Compress (🍏) - do not do this on the upper-level "girl things" folder). Check that if you open the resulting ZIP, you don't see another "girl things" folder but images and index.html already! 

• Use these itch.io project settings:
  • Kind of project: HTML
  • Uploads: Reupload "girl things.zip", which is the downloadable game, to update it to include the font. Mark ⊞ Windows, 🐧 Linux and 🍏 Mac as supported. Then, rename the ZIP on your computer to anything else (like "girl things online.zip" - to avoid overwriting the first one) and upload it again, this time check "This file will be played in the browser".
  • Embed options:
    • How to run: Embed in page, manually set size
    • • Width: recommended 800 (full page is 920 but that opens the left bar so images won't fit)
        
      • Height: about 600, up to you
    • ☑ Mobile friendly
      • Orientation: Landscape (recommended)
    • ... Automatically start: you decide, I'd say yes
    • ☑ Fullscreen button
    • ☑ Enable scrollbars: important

I tested that this works by creating a bare-minimum, content-free testing version of this game and uploading it on my account.