<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Get Info: #mmm</title>
    <description>Posts tagged “mmm” — Blog of independent game and app developer Matt Sephton. Featuring vintage Macintosh, game development, digital artwork, Japanese esoterica, video game reviews, hacks and tips, and much more.</description>
    <link>https://blog.gingerbeardman.com/tag/mmm/</link>
    <atom:link href="https://blog.gingerbeardman.com/tag/mmm/index.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Mon, 06 Jul 2026 14:37:40 +0000</pubDate>
    <lastBuildDate>Mon, 06 Jul 2026 14:37:40 +0000</lastBuildDate>
    <generator>Jekyll v4.4.1</generator>

    
      
        <item>
          <title>Macintosh Magazine Media: 1 million files</title>
          <description>&lt;p&gt;I am proud to announce that my &lt;a href=&quot;/2021/10/30/macintosh-magazine-media/&quot;&gt;Macintosh Magazine Media project&lt;/a&gt; has surpassed my self-imposed goal of 1 million files, an achievement that fills me with both immense satisfaction and slight bewilderment. And if you were to decompress those files the total would be 30 million! Woah.&lt;/p&gt;

&lt;p&gt;If you’ve never heard of it before: it’s an archive of vintage media containing mostly Macintosh files sourced from Japanese magazines, but featuring content from all over the world. A treasure trove time capsule for vintage computer nerds like myself.&lt;/p&gt;

&lt;p&gt;Many thanks to &lt;a href=&quot;https://patreon.com/gingerbeardman&quot;&gt;my Patreon subscribers&lt;/a&gt; for their support!&lt;/p&gt;

&lt;h2 id=&quot;status-report&quot;&gt;Status report&lt;/h2&gt;

&lt;p&gt;The archive as it stands (updated March 2025):&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;date range: 1991–2002&lt;/li&gt;
  &lt;li&gt;total media: 500 discs&lt;/li&gt;
  &lt;li&gt;total files: 1,086,536 files&lt;/li&gt;
&lt;/ul&gt;

&lt;!--
The archive as it stands (updated July 2024):

*   date range: 1991–2002
*   total media: 461 discs
*   total files: 998,512 files
--&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/mmm-scatter.png&quot; alt=&quot;PNG&quot; title=&quot;Distribution of discs by month&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;new-discs&quot;&gt;New discs&lt;/h2&gt;

&lt;p&gt;Multiple new discs were added, almost all of them are Macintosh, or Hybrid Mac/Win, but there are a couple of Windows-only discs in there:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Acara Super CD (1998-12)&lt;/li&gt;
  &lt;li&gt;Acara Super CD (2000-07)&lt;/li&gt;
  &lt;li&gt;CD-ROM MACLIFE 131 (1999-07)&lt;/li&gt;
  &lt;li&gt;CD-ROM MACLIFE 132 (1999-08)&lt;/li&gt;
  &lt;li&gt;CD-ROM MACLIFE 133 (1999-09)&lt;/li&gt;
  &lt;li&gt;CD-ROM MACLIFE 141 (2000-05)&lt;/li&gt;
  &lt;li&gt;CD-ROM MACLIFE 152 (2001-04)&lt;/li&gt;
  &lt;li&gt;Create on a computer: New Year’s Card 1999&lt;/li&gt;
  &lt;li&gt;Create on your Mac: New Year’s Card 2000&lt;/li&gt;
  &lt;li&gt;Gokuraku Paradise Theater (1994-10) 2xCD&lt;/li&gt;
  &lt;li&gt;Mac Fan Internet CD-ROM (1997-12)&lt;/li&gt;
  &lt;li&gt;Mac Fan Internet CD-ROM (1999-04)&lt;/li&gt;
  &lt;li&gt;Mac Ga Ichiban! Vol. 50 (1998-11)&lt;/li&gt;
  &lt;li&gt;Mac Ga Ichiban! Vol. 59 (1998-08)&lt;/li&gt;
  &lt;li&gt;Mac100% Vol.7 (1998-07)&lt;/li&gt;
  &lt;li&gt;Mac100% (1999-01)&lt;/li&gt;
  &lt;li&gt;MacPeople (1998-02-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (1998-04-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (1998-06-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (1998-08-01)&lt;/li&gt;
  &lt;li&gt;MacPeople (1998-08-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (1998-09-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (1998-10-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (1999-05-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (1999-06-01)&lt;/li&gt;
  &lt;li&gt;MacPeople (2000-08-01)&lt;/li&gt;
  &lt;li&gt;MacPeople (2002-03-15)&lt;/li&gt;
  &lt;li&gt;MacPeople (2003-05-01) 2xCD&lt;/li&gt;
  &lt;li&gt;TECH Win (1999-08) 2xCD&lt;/li&gt;
  &lt;li&gt;Tsukaeru ikinari dekiru homupejipasokon BOOKS 8 (1998)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I also indexed the latest Japanese Macintosh magazine media from redump.&lt;/p&gt;

&lt;h2 id=&quot;the-process&quot;&gt;The process&lt;/h2&gt;

&lt;p&gt;For this many CDs we are talking multiple days of busy work to prepare them for sharing.&lt;/p&gt;

&lt;p&gt;If you’re interested in the “process” for each CD here it is:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;Find the CD available for sale in Japan (they’re getting harder to find)&lt;/li&gt;
  &lt;li&gt;Purchase it with cold hard cash&lt;/li&gt;
  &lt;li&gt;Wait for delivery (I delay shipping until I have enough items to make it worthwhile)&lt;/li&gt;
  &lt;li&gt;Dump the CD using a suitable reader (fwiw &lt;a href=&quot;http://redump.org&quot;&gt;redump&lt;/a&gt; project is very specific)&lt;/li&gt;
  &lt;li&gt;Index the CD filesystem (I created my &lt;a href=&quot;/2022/03/31/working-with-classic-macintosh-text-encodings-in-the-age-of-unicode/&quot;&gt;own software stack&lt;/a&gt; for this)&lt;/li&gt;
  &lt;li&gt;Redo dump of any bad discs (there are always some!)&lt;/li&gt;
  &lt;li&gt;Scan the CD artwork&lt;/li&gt;
  &lt;li&gt;Prepare the upload and metadata .csv for &lt;a href=&quot;https://archive.org/developers/internetarchive/cli.html&quot;&gt;internetarchive cli tool&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;Bulk upload (this takes an absolute age, 30–60 mins per CD)&lt;/li&gt;
  &lt;li&gt;Redo upload of any failed items (the cli is very error prone)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;I’m not sure I’ll buy any/many more discs, but never say never!&lt;/p&gt;

&lt;h2 id=&quot;searching-the-collection&quot;&gt;Searching the collection&lt;/h2&gt;

&lt;p&gt;All disc ISO with text listings are available for download at &lt;a href=&quot;https://archive.org/details/@gingerbeardman&quot;&gt;Internet Archive&lt;/a&gt;, but wait a minute!&lt;/p&gt;

&lt;p&gt;Using my search engine (&lt;a href=&quot;/2025/01/10/macintosh-magazine-media-search-engine-update/&quot;&gt;read more&lt;/a&gt; about that) you can search by regex for file/directory name, file type, creator code: &lt;a href=&quot;https://www.gingerbeardman.com/mmm/&quot;&gt;gingerbeardman.com/mmm/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Or you can use DiscMaster to search inside content and grab individual files without having to download the whole ISO: &lt;a href=&quot;https://discmaster.textfiles.com&quot;&gt;discmaster.textfiles.com&lt;/a&gt;&lt;/p&gt;

&lt;h2 id=&quot;interesting-finds&quot;&gt;Interesting finds&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2021/10/31/hypercard-hanafuda/&quot;&gt;HyperCard Hanafuda&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2021/10/31/mouse-controlled-super-mario-kart-clone-for-classic-macintosh/&quot;&gt;Mouse-controlled Super Mario Kart clone for classic Macintosh&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2021/11/01/roly-polys-world-tour-demo/&quot;&gt;Roly-Polys World Tour (Demo)&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2021/11/20/asistantpickle-desktop-toy-for-macintosh/&quot;&gt;AsistantPickle desktop toy for Macintosh&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2023/05/17/intelligentpad-component-based-drag-and-drop-software-creator/&quot;&gt;IntelligentPad: component-based drag-and-drop software creator&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2023/07/15/the-famous-f40-vector-illustration/&quot;&gt;“The Famous F40” vector illustration by David Rumfelt&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2023/12/16/see-the-sky-thoru-yamamoto-christmas-story-for-playdate/&quot;&gt;See the sky: Thoru Yamamoto’s Christmas story&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;further-reading&quot;&gt;Further reading&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2021/10/30/macintosh-magazine-media/&quot;&gt;I’m preserving vintage Macintosh magazine media&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2025/01/10/macintosh-magazine-media-search-engine-update/&quot;&gt;Macintosh Magazine Media: search engine update&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2022/03/31/working-with-classic-macintosh-text-encodings-in-the-age-of-unicode/&quot;&gt;Working with classic Macintosh text encodings in the age of Unicode&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://blog.gingerbeardman.com/2023/11/07/japanese-lanuage-support-on-classic-macintosh/&quot;&gt;Japanese language support on Classic Macintosh&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Fri, 28 Mar 2025 16:57:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2025/03/28/macintosh-magazine-media-1-million-files/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2025/03/28/macintosh-magazine-media-1-million-files/</guid>
        </item>
      
    
      
        <item>
          <title>Macintosh Magazine Media: search engine update</title>
          <description>&lt;p&gt;Some time in 2020 I started &lt;a href=&quot;/2021/10/30/macintosh-magazine-media/&quot;&gt;collecting CD-ROMs from old Macintosh magazines&lt;/a&gt;. Whilst the discs are of Japanese origin—because the supply was plentiful during the extended spring clean of lockdown—they contain a great deal of software from all over the world and a lot of it is therefore in English. They’re an amazing source of old gold: sofware, images, demos, documentation, and many other files. As of today I have 460+ discs totalling almost &lt;em&gt;1 million&lt;/em&gt; files.&lt;/p&gt;

&lt;p&gt;After the collection was well and truly established I decided to share the contents in a number of meaningful ways to help other preservationists and old Macintosh enthusiats. Firstly, I uploaded &lt;a href=&quot;https://archive.org/details/@gingerbeardman?and%5B%5D=mediatype%3A%22software%22&amp;amp;and%5B%5D=language%3A%22Japanese%22&quot;&gt;pretty much all of my discs to Internet Archive&lt;/a&gt; and I also managed to &lt;a href=&quot;/2022/03/31/working-with-classic-macintosh-text-encodings-in-the-age-of-unicode/&quot;&gt;dump the directory listings from these old discs&lt;/a&gt; and created a &lt;a href=&quot;https://www.gingerbeardman.com/mmm/&quot;&gt;search engine for lookups&lt;/a&gt; by file name, type, creator, date.&lt;/p&gt;

&lt;p&gt;Anyway, in December 2024 I migrated my websites to an arm64-powered server and whilst doing so I updated a bunch of old pages. The MMM search engine was updated to provide a faster, better, more user-friendly experience on mobile. It now features quicker searching (thanks to multi-core ARM with more RAM for ripgrep), more legible results, and a tappable emoji tooltip to show which. If you run a query with multile thousands of results, the bottleneck will now be browser rendering time. So in that extreme case I would recommend using paged results.&lt;/p&gt;

&lt;p&gt;I did experiment with a database version of the search but query time was much slower and server costs were much higher. I can’t beat the performance of ripgrep, that’s for sure!&lt;/p&gt;

&lt;p&gt;Try the search here: &lt;a href=&quot;https://www.gingerbeardman.com/mmm/&quot;&gt;gingerbeardman.com/mmm/&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/mmm-redux.png&quot; alt=&quot;IMG&quot; title=&quot;A sample search for 花札 (Hanafuda)&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Fri, 10 Jan 2025 19:09:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2025/01/10/macintosh-magazine-media-search-engine-update/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2025/01/10/macintosh-magazine-media-search-engine-update/</guid>
        </item>
      
    
      
        <item>
          <title>AsistantPickle desktop toy for Macintosh</title>
          <description>&lt;p&gt;AsistantPickle was a desktop toy by Thoru Yamamoto, released for Macintosh in September 2000, featuring a suite of tiny applications:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;TinyMemo&lt;/li&gt;
  &lt;li&gt;TinySketch&lt;/li&gt;
  &lt;li&gt;TinyPiano&lt;/li&gt;
  &lt;li&gt;TinyWatch&lt;/li&gt;
  &lt;li&gt;TinySchedule&lt;/li&gt;
  &lt;li&gt;TinyEmail&lt;/li&gt;
  &lt;li&gt;TinyAddress&lt;/li&gt;
  &lt;li&gt;TinyClip&lt;/li&gt;
  &lt;li&gt;TinyTimer&lt;/li&gt;
  &lt;li&gt;TinyAudioCD&lt;/li&gt;
  &lt;li&gt;TinyCalc&lt;/li&gt;
  &lt;li&gt;TinyPrinter&lt;/li&gt;
  &lt;li&gt;TinyLauncher (use the blue arrows)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It can now be downloaded at: &lt;a href=&quot;https://macintoshgarden.org/apps/asistantpickle&quot;&gt;macintoshgarden.org/apps/asistantpickle&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This copy of the previously lost app was found on Japanese Macintosh magazine &lt;em&gt;MacPeople2000 No.22 CD-ROM&lt;/em&gt; which was recently acquired for my Macintosh Magazine Media collection.&lt;/p&gt;

&lt;p&gt;An informational web site existed at &lt;a href=&quot;https://web.archive.org/web/20010203173700/http://www.eggegg.co.jp:80/tango/rbhp/pasist2/pasist.html&quot;&gt;eggegg.co.jp&lt;/a&gt; the text of which is archived. Images and additional files &lt;a href=&quot;https://web.archive.org/web/20020528060444/http://www.eggegg.co.jp:80/tango/rbhp/pasist2/data/&quot;&gt;also existed&lt;/a&gt; but they have sadly not been archived.&lt;/p&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;b&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;c&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;d&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;e&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;f&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;g&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;h&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;i&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;j&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;k&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;l&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;m&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;m&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;h&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;i&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;h&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;j&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;i&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;k&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;j&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;l&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;k&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;m&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;l&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
        &lt;div class=&quot;carousel__track&quot;&gt;
          &lt;ul&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-icon.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-icon.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-menu.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-menu.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-memo.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-memo.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-sketch.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-sketch.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-piano.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-piano.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-watch.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-watch.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-schedule.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-schedule.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-email.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-email.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-clip.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-clip.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-timer.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-timer.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-audiocd.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-audiocd.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-calc.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-calc.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-about.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/AsistantPickle-about.png&quot; /&gt;&lt;/li&gt;
            
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;carousel__indicators&quot;&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;h&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;i&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;j&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;k&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;l&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;m&quot;&gt;&lt;/label&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.carousel__holder {width: 100%; position: relative; padding-bottom: 100%; margin: 1rem 0 1rem;}
.carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  padding: 0;
}
.carousel__staticimage,
.carousel__controls,
.carousel__activator {
  display: none;
}

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(-000%);
          transform: translateX(-000%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}

.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}

.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
}

.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__controls:nth-of-type(4) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
  opacity: 1;
}

.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
  -webkit-transform: translateX(-400%);
          transform: translateX(-400%);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__controls:nth-of-type(5) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
  opacity: 1;
}

.carousel__activator:nth-of-type(6):checked ~ .carousel__track {
  -webkit-transform: translateX(-500%);
          transform: translateX(-500%);
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__slide:nth-of-type(6) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__controls:nth-of-type(6) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(6) {
  opacity: 1;
}

.carousel__activator:nth-of-type(7):checked ~ .carousel__track {
  -webkit-transform: translateX(-600%);
          transform: translateX(-600%);
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__slide:nth-of-type(7) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__controls:nth-of-type(7) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(7) {
  opacity: 1;
}

.carousel__activator:nth-of-type(8):checked ~ .carousel__track {
  -webkit-transform: translateX(-700%);
          transform: translateX(-700%);
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__slide:nth-of-type(8) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__controls:nth-of-type(8) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(8) {
  opacity: 1;
}

.carousel__activator:nth-of-type(9):checked ~ .carousel__track {
  -webkit-transform: translateX(-800%);
          transform: translateX(-800%);
}
.carousel__activator:nth-of-type(9):checked ~ .carousel__slide:nth-of-type(9) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(9):checked ~ .carousel__controls:nth-of-type(9) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(9):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(9) {
  opacity: 1;
}

.carousel__activator:nth-of-type(10):checked ~ .carousel__track {
  -webkit-transform: translateX(-900%);
          transform: translateX(-900%);
}
.carousel__activator:nth-of-type(10):checked ~ .carousel__slide:nth-of-type(10) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(10):checked ~ .carousel__controls:nth-of-type(10) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(10):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(10) {
  opacity: 1;
}

.carousel__activator:nth-of-type(11):checked ~ .carousel__track {
  -webkit-transform: translateX(-1000%);
          transform: translateX(-1000%);
}
.carousel__activator:nth-of-type(11):checked ~ .carousel__slide:nth-of-type(11) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(11):checked ~ .carousel__controls:nth-of-type(11) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(11):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(11) {
  opacity: 1;
}

.carousel__activator:nth-of-type(12):checked ~ .carousel__track {
  -webkit-transform: translateX(-1100%);
          transform: translateX(-1100%);
}
.carousel__activator:nth-of-type(12):checked ~ .carousel__slide:nth-of-type(12) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(12):checked ~ .carousel__controls:nth-of-type(12) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(12):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(12) {
  opacity: 1;
}

.carousel__activator:nth-of-type(13):checked ~ .carousel__track {
  -webkit-transform: translateX(-1200%);
          transform: translateX(-1200%);
}
.carousel__activator:nth-of-type(13):checked ~ .carousel__slide:nth-of-type(13) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(13):checked ~ .carousel__controls:nth-of-type(13) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(13):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(13) {
  opacity: 1;
}


.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  opacity: 0.35;
  opacity: 1;
  outline: 0;
  z-index: 3;
  color: #fafafa;
  mix-blend-mode: difference;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(000%) translateZ(0);
          transform: translateX(000%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(3) {
  -webkit-transform: translateX(200%) translateZ(0);
          transform: translateX(200%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(4) {
  -webkit-transform: translateX(300%) translateZ(0);
          transform: translateX(300%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(5) {
  -webkit-transform: translateX(400%) translateZ(0);
          transform: translateX(400%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(6) {
  -webkit-transform: translateX(500%) translateZ(0);
          transform: translateX(500%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(7) {
  -webkit-transform: translateX(600%) translateZ(0);
          transform: translateX(600%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(8) {
  -webkit-transform: translateX(700%) translateZ(0);
          transform: translateX(700%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(9) {
  -webkit-transform: translateX(800%) translateZ(0);
          transform: translateX(800%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(10) {
  -webkit-transform: translateX(900%) translateZ(0);
          transform: translateX(900%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(11) {
  -webkit-transform: translateX(1000%) translateZ(0);
          transform: translateX(1000%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(12) {
  -webkit-transform: translateX(1100%) translateZ(0);
          transform: translateX(1100%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(13) {
  -webkit-transform: translateX(1200%) translateZ(0);
          transform: translateX(1200%) translateZ(0);
}


.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
}
.carousel__slide .overlay {height: 100%;}
.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px;
}
.carousel__indicator {
  background-color: #fafafa;
}

.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(3),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(4),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(5),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(6),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(7),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(8),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(8) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(9),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(9) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(10),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(10) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(11),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(11) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(12),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(12) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(13),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(13) {
  background-size: cover;
  background-position: center;
}

&lt;/style&gt;

&lt;script&gt;
  function isVisible(el) {
        while (el) {
            if (el === document) {
                return true;
            }

            var $style = window.getComputedStyle(el, null);

            if (!el) {
                return false;
            } else if (!$style) {
                return false;
            } else if ($style.display === &apos;none&apos;) {
                return false;
            } else if ($style.visibility === &apos;hidden&apos;) {
                return false;
            } else if (+$style.opacity === 0) {
                return false;
            } else if (($style.display === &apos;block&apos; || $style.display === &apos;inline-block&apos;) &amp;&amp;
                $style.height === &apos;0px&apos; &amp;&amp; $style.overflow === &apos;hidden&apos;) {
                return false;
            } else {
                return $style.position === &apos;fixed&apos; || isVisible(el.parentNode);
            }
        }
  }
  
  setInterval(function(){
    var j=0;
    var elements = document.querySelectorAll(&apos;.carousel__control--forward&apos;);
    for(i=(elements.length - 1);i&gt;-1;i--) {
      if(isVisible(elements[i])) j=i;
    }
    elements[j].click();
  },7000);
  
&lt;/script&gt;

&lt;p&gt;Thoru also created &lt;a href=&quot;http://www.vector.co.jp/magazine/pocket/spotlight/030423/sl030423114.html&quot;&gt;PalmPickle&lt;/a&gt; a similar suite of apps for PalmOS.&lt;/p&gt;

&lt;p&gt;Pickle is probably Thoru’s most well-known character. Pickle’s Book was a masterpiece of interactive media, released for Macintosh in 1994 and &lt;a href=&quot;https://apps.apple.com/gb/app/pickles-book/id794738212&quot;&gt;available for iPhone and iPad since 2014&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Note: the typo in the title (Asistant) is as it has always been.&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Sat, 20 Nov 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/11/20/asistantpickle-desktop-toy-for-macintosh/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/11/20/asistantpickle-desktop-toy-for-macintosh/</guid>
        </item>
      
    
      
        <item>
          <title>Roly-Polys World Tour (Demo)</title>
          <description>&lt;lite-youtube style=&quot;aspect-ratio: 4/3;&quot; videoid=&quot;FlMzJs8Eb8Y&quot; params=&quot;start=0&amp;amp;modestbranding=2&quot;&gt;
&lt;/lite-youtube&gt;

&lt;p&gt;A previously unknown/lost demo of Roly-Polys World Tour (ローリーポーリーズの世界旅行) [aka Banabana’s First Big Adventure] has been found in my Japanese Macintosh magazine CD-ROM collection. It was featured on CD-ROM MacPeople 1998 No.2 1.15 in a folder of product demos.&lt;/p&gt;

&lt;p&gt;Creator Osamu Sato is best known for cult game &lt;a href=&quot;https://en.wikipedia.org/wiki/LSD:_Dream_Emulator&quot;&gt;LSD: Dream Emulator&lt;/a&gt; released for Sony PlayStation in 1998.&lt;/p&gt;

&lt;p&gt;Thanks to both the Shockwave and Osamu Sato Discords.&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Mon, 01 Nov 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/11/01/roly-polys-world-tour-demo/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/11/01/roly-polys-world-tour-demo/</guid>
        </item>
      
    
      
        <item>
          <title>I’m preserving vintage Macintosh magazine media</title>
          <description>&lt;p&gt;For a while now I’ve been collecting CD-ROMs and Floppy Disks that came with Japanese Macintosh magazines for the sake of preservation of classic Macintosh software and games.&lt;/p&gt;

&lt;p&gt;These magazines were released before widespread adoption of the internet, when it was tricky to discover new software and even more difficult to obtain it. Buying a magazine with a disc containing hundreds or sometimes thousands of files was an easy way of getting the latest software. Of course, more than twenty years have now passed and software that was once common has all but disappeared. These magazine discs provide time capsules inside which live many long forgotten secrets.&lt;/p&gt;

&lt;p&gt;This is such an amazing treasure trove of files, containing many long lost files of both English and Japanese origin. The scatter chart shows the range of date coverage of the collection, full file listings are searchable by file/directory name, file type, creator code at &lt;a href=&quot;https://www.gingerbeardman.com/mmm/&quot;&gt;gingerbeardman.com/mmm/&lt;/a&gt;, by content at &lt;a href=&quot;https://discmaster.textfiles.com&quot;&gt;DiscMaster&lt;/a&gt;, and all files are uploaded to &lt;a href=&quot;https://archive.org/details/@gingerbeardman&quot;&gt;Internet Archive&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;archive-status-report&quot;&gt;Archive status report&lt;/h2&gt;

&lt;p&gt;The archive as it stands (updated March 2025):&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;date range: 1991–2002&lt;/li&gt;
  &lt;li&gt;total media: 500 discs&lt;/li&gt;
  &lt;li&gt;total files: 1,086,536 files&lt;/li&gt;
&lt;/ul&gt;

&lt;!--
The archive as it stands (updated July 2024):

*   date range: 1991–2002
*   total media: 461 discs
*   total files: 998,512 files
--&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/mmm-scatter.png&quot; alt=&quot;PNG&quot; title=&quot;Distribution of discs by month&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;notable-finds-so-far&quot;&gt;Notable finds so far&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://macintoshgarden.org/apps/japanease&quot;&gt;JapanEase&lt;/a&gt; rolling demos of two gorgeous language learning &lt;em&gt;HyperCard&lt;/em&gt; stacks from the early 1990s (one previously lost)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/10/31/hypercard-hanafuda/&quot;&gt;Hanafuda Stack&lt;/a&gt; from 1992/3 (previously zero google search results)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/10/31/mouse-controlled-super-mario-kart-clone-for-classic-macintosh/&quot;&gt;Emora Kart&lt;/a&gt; from 1994 (previously three google search results)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://macintoshgarden.org/games/unyo-2&quot;&gt;Unyo! 2&lt;/a&gt; the infamous &lt;em&gt;HyperCard&lt;/em&gt; stack version of the famous UNO card game, from 1995 (previously lost)&lt;/li&gt;
  &lt;li&gt;&lt;em&gt;Tower Xmas Demo&lt;/em&gt;, a demo version of &lt;em&gt;Yoot Saito&lt;/em&gt;’s &lt;em&gt;Tower ~Christmas Disc~&lt;/em&gt; add-on from December 1995 (previously lost)&lt;/li&gt;
  &lt;li&gt;Fans of &lt;em&gt;Macromedia Shockwave&lt;/em&gt; and &lt;em&gt;Osamu Sato&lt;/em&gt; uncovered a 1997/8 &lt;a href=&quot;https://www.youtube.com/watch?v=FlMzJs8Eb8Y&quot;&gt;demo of Roly-Polys World Tour&lt;/a&gt; which is hugely exciting as the complete game remained lost to time (it has since been found, May 2023)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://macintoshgarden.org/apps/pickles-pocket&quot;&gt;Pickle’s Pocket&lt;/a&gt; from 1998 is the first desktop toy and suite of tiny apps by &lt;em&gt;Thoru Yamamoto&lt;/em&gt; (previously lost with zero screen grabs online)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://macintoshgarden.org/apps/maccalligraphy-sansui&quot;&gt;MacCalligraphy Sansui Demo&lt;/a&gt;, version of Japanese calligraphy tool by &lt;em&gt;Enzan-Hoshigumi&lt;/em&gt; from 1999 (previously lost) I also uncovered a promotional leaflet and demo guide from Wayback Machine&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://macintoshgarden.org/apps/asistantpickle&quot;&gt;AsistantPickle&lt;/a&gt; from 2000 is a more advanced desktop toy and suite of tiny apps by &lt;em&gt;Thoru Yamamoto&lt;/em&gt; (previously lost with zero screen grabs online)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;My &lt;a href=&quot;https://www.patreon.com/gingerbeardman&quot;&gt;Patreon&lt;/a&gt; enables me to buy more discs to build out the database, finding more lost gems and sharing them once again with the world. I add missing discs to &lt;em&gt;Internet Archive&lt;/em&gt; and the &lt;em&gt;redump&lt;/em&gt; project and upload individual games to various Classic Macintosh archives.&lt;/p&gt;

&lt;p&gt;Thanks for being on this journey with me!&lt;/p&gt;

&lt;h3 id=&quot;further-reading&quot;&gt;Further reading&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;/2022/03/31/working-with-classic-macintosh-text-encodings-in-the-age-of-unicode/&quot;&gt;Working with classic Macintosh text encodings in the age of Unicode&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Sat, 30 Oct 2021 12:34:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/10/30/macintosh-magazine-media/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/10/30/macintosh-magazine-media/</guid>
        </item>
      
    

  </channel>
</rss>
