<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Get Info: #tshirt</title>
    <description>Posts tagged “tshirt” — 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/tshirt/</link>
    <atom:link href="https://blog.gingerbeardman.com/tag/tshirt/index.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Fri, 03 Jul 2026 20:16:48 +0000</pubDate>
    <lastBuildDate>Fri, 03 Jul 2026 20:16:48 +0000</lastBuildDate>
    <generator>Jekyll v4.4.1</generator>

    
      
        <item>
          <title>Media Darling: T-shirt design</title>
          <description>&lt;p&gt;I was looking through &lt;a href=&quot;https://archive.org/details/comptiq-vol.-41-april-1988/&quot;&gt;Comptiq, Vol. 41, April 1988&lt;/a&gt; and spotted &lt;a href=&quot;https://archive.org/details/comptiq-vol.-41-april-1988/Comptiq%20-%20Vol.%2041%20April%201988/page/n207/mode/2up&quot;&gt;an illustration showing the relative size of 2” floppy disks&lt;/a&gt;—used in some word processors at the time—compared to more common floppy disk sizes at the time: 8”, 5”, and 3.5”.&lt;/p&gt;

&lt;p&gt;Which got me thinking about the ever decreasing size of storage and how it might make for a nice illustration on a T-shirt. So I created technical drawings of the following media in decreasing size:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;5.25” floppy disk&lt;/li&gt;
  &lt;li&gt;3.5” floppy disk&lt;/li&gt;
  &lt;li&gt;MiniDisc&lt;/li&gt;
  &lt;li&gt;CompactFlash&lt;/li&gt;
  &lt;li&gt;SecureDigital&lt;/li&gt;
  &lt;li&gt;MicroSD&lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/media-darling.png&quot; alt=&quot;IMG&quot; title=&quot; &quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;t-shirt&quot;&gt;T-shirt&lt;/h2&gt;

&lt;p&gt;Various sizes and colours.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/media-darling&quot;&gt;gingerbeardman.creator-spring.com/listing/media-darling&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/media-darling-tee.jpg&quot; alt=&quot;IMG&quot; title=&quot;MEDIA DARLING T-shirt&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;stickers-to-scale&quot;&gt;Stickers (To Scale)&lt;/h2&gt;

&lt;p&gt;Roughly to scale, on clear vinyl.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/media-darling-decal-floppy&quot;&gt;gingerbeardman.creator-spring.com/listing/media-darling-decal-floppy&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/media-darling-floppy.png&quot; alt=&quot;IMG&quot; title=&quot;3.5&amp;#x22; floppy disk&quot; /&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/media-darling-decal-minidisc&quot;&gt;gingerbeardman.creator-spring.com/listing/media-darling-decal-minidisc&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/media-darling-minidisc.png&quot; alt=&quot;IMG&quot; title=&quot;MiniDisc&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;sticker-not-to-scale&quot;&gt;Sticker (Not To Scale)&lt;/h2&gt;

&lt;p&gt;Not to scale, on clear vinyl&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/media-darling-decal-colour&quot;&gt;gingerbeardman.creator-spring.com/listing/media-darling-decal-colour&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/media-darling-colour.png&quot; alt=&quot;IMG&quot; title=&quot; &quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;alt-store&quot;&gt;Alt Store&lt;/h2&gt;

&lt;p&gt;Some buyers may choose to buy from my alternate web store which ships from the UK.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://www.tshirtstudio.com/marketplace/gingerbeardman&quot;&gt;www.tshirtstudio.com/marketplace/gingerbeardman&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This store has more limited colour choices, though you can edit that during checkout. YMMV.&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Mon, 19 May 2025 15:54:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2025/05/19/media-darling-t-shirt-design/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2025/05/19/media-darling-t-shirt-design/</guid>
        </item>
      
    
      
        <item>
          <title>Moai-chan-dise</title>
          <description>&lt;p&gt;Let’s celebrate!&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;we just hit 1000 games at &lt;a href=&quot;https://moai.games&quot;&gt;my database of moai in video games&lt;/a&gt; 🗿&lt;/li&gt;
  &lt;li&gt;today is Fiestas Patrias (Independence Day) in Chile 🇨🇱&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So here’s some “Moai-chan-dise” ✨&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;t-shirts and stickers in both silly and serious styles&lt;/li&gt;
  &lt;li&gt;special “relaxing” sticker by &lt;a href=&quot;https://www.instagram.com/vxclhd/&quot;&gt;@Vxcl&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;t-shirts&quot;&gt;T-shirts&lt;/h2&gt;

&lt;p&gt;Various sizes and colours.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/moai-serious-tee&quot;&gt;gingerbeardman.creator-spring.com/listing/moai-serious-tee&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/moai-silly-tee&quot;&gt;gingerbeardman.creator-spring.com/listing/moai-silly-tee&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div id=&quot;carousel0&quot; class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel0&quot; id=&quot;0a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel0&quot; id=&quot;0b&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;0b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;0b&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;0a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;0a&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/moai-games-heather-serious.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/moai-games-heather-serious.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/moai-games-heather-silly.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/moai-games-heather-silly.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;0a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;0b&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__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__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--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;
}

&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;#carousel0 .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;hr /&gt;

&lt;h2 id=&quot;stickers&quot;&gt;Stickers&lt;/h2&gt;

&lt;p&gt;3-inch longest side, on clear vinyl.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/moai-serious-sticker&quot;&gt;gingerbeardman.creator-spring.com/listing/moai-serious-sticker&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/moai-silly-sticker&quot;&gt;gingerbeardman.creator-spring.com/listing/moai-silly-sticker&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div id=&quot;carousel1&quot; class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel1&quot; id=&quot;1a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel1&quot; id=&quot;1b&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;1b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;1b&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;1a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;1a&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/moai-games-sticker-serious.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-serious.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/moai-games-sticker-silly.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-silly.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;1a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;1b&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__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__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--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;
}

&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;#carousel1 .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;hr /&gt;

&lt;h2 id=&quot;special-edition-sticker&quot;&gt;Special Edition Sticker&lt;/h2&gt;

&lt;p&gt;3-inch longest side, on clear vinyl.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://gingerbeardman.creator-spring.com/listing/moai-relaxing-sticker&quot;&gt;gingerbeardman.creator-spring.com/listing/moai-relaxing-sticker&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/moai-games-sticker-relaxing.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;alt-store&quot;&gt;Alt Store&lt;/h2&gt;

&lt;p&gt;Some buyers may choose to buy from my alternate web store which ships from the UK.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://www.tshirtstudio.com/marketplace/gingerbeardman&quot;&gt;www.tshirtstudio.com/marketplace/gingerbeardman&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This store has more limited colour choices, though you can edit that during checkout. YMMV.&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Wed, 18 Sep 2024 19:19:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2024/09/18/moai-chan-dise/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2024/09/18/moai-chan-dise/</guid>
        </item>
      
    
      
        <item>
          <title>My “Bubble Era” T-shirt Store</title>
          <description>&lt;p&gt;I’m relaunching my “bubble era” T-shirt store on &lt;a href=&quot;https://twitter.com/teespring&quot;&gt;@teespring&lt;/a&gt; with international shipping in time for Christmas! &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot; title=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;teespring.com/stores/gingerbeardman&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Retro games, computers, scooters and other cool logos on your favourite colour T-shirts!&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7hM0SXMAMs_g8.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;These T-shirts have been a side-project of mine for many years—I redraw old logos as vector art, just for kicks! The oldest designs—CHOP and SPRINT—date back over 15 years to the time when I realised how easy it was to get T-shirts printed&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7hzWRWMAQZBL4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Every so often I pick a design out of my folder of ideas and draw it up as vectors. I find the process of redrawing shapes with “good paths” quite relaxing and therapeutic, kind of like an open-ended puzzle game. &lt;a href=&quot;https://glyphsapp.com/learn/drawing-good-paths&quot;&gt;(glyphsapp.com/learn/drawing-…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hachisuke (ハチ助 in Japan; Hu-bee in USA) was the mascot of HUDSON SOFT. Apparently a mixture of bee and mouse or cat! Sometimes referred to as “a fanciful depiction of a bee”. After seeing this vintage T-shirt I set about redrawing it using old photo ref&lt;/p&gt;

&lt;p&gt;The main outlines of Hachisuke were easy enough to draw, but the halftone dots on the hat took some thinking. Eventually I achieved the effect using a series of dotted lines. And I found a bug in &lt;a href=&quot;https://twitter.com/affinitybyserif&quot;&gt;@affinitybyserif&lt;/a&gt; Designer whilst doing it! &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7iqFmXIAE6EwM.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;One of my other favourite logos is for an old game called BILLIARDS which features a balloon style typeface. At this time magazine layout and graphic design was likely to have been done using phototypesetting rather than using computer. &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7jBQ7XUAAbSpF.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;DENGEKI G’s ENGINE magazine evolved from covering just the PC-Engine and games by NEC, to a broader range of games. The G in the title refers to Gals and Games which means there is often a broad range of content in the magazine, if you get what I mean. 🍑 &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7jKJMXYAEilHt.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;HIPPON SUPER! magazine was known for having a different tone than its main competitors, such as (Weekly) Famitsu and GAMEST. It had a whole bunch of logos over its lifetime, but I think the first one is by far the best. &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7jhToW8AYmsHz.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;As much as I enjoy figuring out the best paths to represent a shape that was probably originally drawn/cut by hand, I’m happy to take some short cuts at times. Here on MSX・FAN I use two rectangles to cut into neighbouring shapes when I should have just used thick strokes&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7jxA3WEAE4W1g.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The “Oh!” series of home cpmouter magazines are some of my favourites, and each of them (there are dozens!) had wonderful logos. I redrew a handful of them in black and white so they work on dark or light coloured T-shirts. &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7j7dLWEAMEa5i.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Oh! MZ is probably my favourite of the bunch, featuring amazing cover art including Syd Mead’s Blade Runner concept art for no reason other than it looked cool.&lt;/p&gt;

&lt;p&gt;The Sharp MZ-series of computers couldn’t do bitmap graphics so everything had to be done using the character set, which lead to this genius set of Hanafuda cards:&lt;/p&gt;

&lt;p&gt;Oh! HIT BIT is a magazine specific to Sony’s line of MSX computers and was a real joy to redraw as it’s geometric nature allowed me to use a grid! I LOVE GRIDS. &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7kviqXYAATHQ6.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Speaking of grids, there’s a cool app for macOS called KARO GRAPH which is a “graph paper” vector drawing tool with always-on grid and snapping to encourage structured drawing. I really dig it; you might too: &lt;a href=&quot;https://apps.apple.com/gb/app/karo-graph/id557536642?mt=12&quot;&gt;(apps.apple.com/gb/app/karo-gr…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This next logo, for PASOCON SUNDAY, was spotted in a YouTube video of an old PC-focussed TV show. After spotting it there I managed to find higher resolution versions of it in Japanese magazines from the same era: &lt;a href=&quot;https://youtu.be/Bwpsbg6j0DI?t=17&quot;&gt;(youtu.be/Bwpsbg6j0DI?t=…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7k4U4XcAQ2rEH.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;I should mention the custom type old Japanese video game magazines used to headline articles about various games. SO COOL. &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7lUxaXUAI9MCL.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Articles often contained custom illustrations. I chose to take them out of their original context and surroundings and place them as large as possible on the front of a T-shirt. &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7lp99XIAAhb_h.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Another love of mine are “bubble era” Japanese vehicles, from crazy vans with skylite roofs to cute scooters. All of which seem to have the coolest names. &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7mC98WEAITxcn.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;If you’re into those check out my collection of old Honda scooter brochures: &lt;a href=&quot;https://www.flickr.com/photos/emsef/sets/72157594288027610/&quot;&gt;(flickr.com/photos/emsef/s…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7mRx9W8AEfGUB.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Moving from Japan to USA &lt;a href=&quot;https://twitter.com/scottekim&quot;&gt;@scottekim&lt;/a&gt; has kindly given me permission to reproduce some T-shirts he designed in the 80s for CGDC (Computer Games Developer Conference, which became GDC after they realised games are also on consoles) and HACKERS’ CONFERENCE (as worn by &lt;a href=&quot;https://twitter.com/AndyHertzfeld&quot;&gt;@AndyHertzfeld&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7mpMLXMAE7h0w.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Back in the UK 80s music TV series “The Tube” had a logo that was actually a neon tube light. Drawing this was similar to the previous BILLIARDS logo, but its more freeform nature actually made it more difficult! &lt;a href=&quot;https://teespring.com/stores/gingerbeardman&quot;&gt;(teespring.com/stores/gingerb…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7nL08W8AY5Rl_.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;UNITS “digital stimulation” is the album cover for the 1980 release but I added to the bottom of the design to make it look better on a T-shirt. The original artwork was created with strips of translucent plastic and the print on the T has the same effect! &lt;a href=&quot;https://www.discogs.com/Units-Digital-Stimulation/release/234909&quot;&gt;(discogs.com/Units-Digital-…)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://pbs.twimg.com/media/En7nlsiW4AE8u3Y.jpg&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Sat, 28 Nov 2020 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2020/11/28/bubble-era-t-shirts/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2020/11/28/bubble-era-t-shirts/</guid>
        </item>
      
    
      
        <item>
          <title>Sensible Soccer T-shirt</title>
          <description>&lt;p&gt;I won a competition in a magazine that resulted in my design for a Sensible Soccer T-shirt being put into production by a company called Joystick Junkies.&lt;/p&gt;

&lt;p&gt;By early 2004 they were available to buy at online from the &lt;a href=&quot;https://web.archive.org/web/20031221003131/http://bsimerch.com/joystickjunkies/&quot;&gt;BSI Merch website&lt;/a&gt; and Amazon UK, as well as on the UK high street at all River Island stores, and to buy wholesale from Big Ben Interactive.&lt;/p&gt;

&lt;p&gt;T-shirts were spotted in the wild as far afield as Canada and Australia!&lt;/p&gt;

&lt;h2 id=&quot;design&quot;&gt;Design&lt;/h2&gt;

&lt;p&gt;It’s a shame they didn’t have the budget to do the lines along the shoulders and around the neck!&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/sensible-soccer-t-shirt-design.png&quot; alt=&quot;PNG&quot; title=&quot;This is the design as I submitted it&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Eagle-eyed pixel-peeping viewers will notice that the final design isn’t actual Sensible Soccer sprites.
&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/sensible-soccer-t-shirt-photo.jpg&quot; alt=&quot;JPG&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Thu, 23 May 2002 11:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2002/05/23/sensible-soccer-t-shirt/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2002/05/23/sensible-soccer-t-shirt/</guid>
        </item>
      
    

  </channel>
</rss>
