
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Brian McCulloh</title>
  <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

  <!-- Header Section -->
  <header>
    <div class="container">
      <div class="header-content">
        <div class="logo"><a href="/">Brian McCulloh</a></div>
        <nav>
          <ul>
		  	    <li><a href="/portfolio.php">Portfolio</a></li>
            <li><a href="https://www.industrialthemes.com" target="_blank">Industrial Themes</a></li>
            <li><a href="https://www.spewnicorn.com" target="_blank">Spewnicorn Games</a></li>
            <li><a href="https://www.criticalmesspodcast.com" target="_blank">Critical Mess Podcast</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </header>

  <!-- Hero Section -->
  <section class="hero">
    <div class="container">
      <div class="hero-content">
        <div class="hero-text">
          <h1>You're looking at a Developer and a Designer <span class="arrow">&rarr;</span></h1>
		  <img class="mobile-show" src="/files/brian-fun.png" alt="Brian McCulloh Loves Hot Sauce">
          <p>"But there's only one person in the picture." Exactly! I've spent over 20 years perfecting both crafts&mdash;sometimes working directly with clients through my creative studio, Industrial Themes, and other times as an in-house developer at top agencies. Along the way, I've designed and built a whole lot of cool stuff.</p>
		  <p>Ready to collaborate on something amazing?</p> 
      <div class="buttons">
		  <a href="mailto:brianmcculloh@gmail.com" class="cta-button">Let's Talk!</a>
		  <a href="/portfolio.php" class="cta-button">See My Work</a>
      </div>
        </div>
        <div class="hero-image mobile-hide">
          <img src="/files/brian-fun.png" alt="Brian McCulloh Loves Hot Sauce">
        </div>
      </div>
    </div>
  </section>

  <!-- Card Section -->
  <section class="cards">
    <div class="container">
		<h2>My Projects</h2>
		<p>I've been busy designing websites, crafting games, and even hosting a podcast—because why limit creativity to just one medium? Curious what I've been up to? Take a peek!</p>
		<div class="cards-inner">
			<div class="card">
				<h1 class="uniwars"><span class="line1">Industrial</span><span class="line2">Themes</span></h1>
				<h3>Industrial Themes, LLC.</h3>
				<p>I'm the founder of Industrial Themes, a creative developer shop where I've built and sold a slew of themes and plugins&mdash;most notably on ThemeForest. Along the way, I've racked up over 20,000 total item sales, developed custom websites from scratch, and even launched a free WordPress plugin that's surpassed 100,000 downloads. Not too shabby, right?</p>
				<a href="https://www.industrialthemes.com" class="card-cta">Visit Website</a>
			</div>
			<div class="card">
				<img class="spewnicorn" src="https://www.spewnicorn.com/images/spewnicorn.svg" alt="Spewnicorn Games">
				<h3>Spewnicorn Games</h3>
				<p>I launched this tabletop card game company—and it led to my very first Steam release, The Spewnicorn, starring the game's delightfully bizarre namesake. Want to check it out? <a href="https://store.steampowered.com/app/2940260/The_Spewnicorn/" target="_blank">Pick it up on Steam</a> (which would be awesome!), or <a href="https://www.spewnicorn.com/spewnicorn/" target="_blank">play it for free</a> right in your browser.</p>
				<a href="https://www.spewnicorn.com" class="card-cta">See Our Games</a>
			</div>
			<div class="card">
				<img class="criticalmess" src="https://www.criticalmesspodcast.com/assets/logo.svg" alt="Critical Mess">
				<h3>Critical Mess Podcast</h3>
				<p>I co-founded this podcast with a copywriter and a creative director, and together we discuss movies that critics and audiences don't agree on. Any era, any genre, doesn't matter. When the critics and the people don't see eye to eye, we're talking about why. Oh, and I built the website too.</p>
				<a href="https://www.criticalmesspodcast.com" class="card-cta">Check It Out</a>
			</div>
			<div class="card">
				<h1 class="uniwars large">?</h1>
				<h3>What's Next?</h3>
				<p>My latest passion project is a Balatro-inspired deck-building roguelike called <em>Lightfighter™</em>. It's still very much a work in progress, so no promises it'll actually run at any given moment. But once I get the kinks ironed out, I'm planning a full Steam release. Feel like living dangerously? Give it a try&mdash;just don't say I didn't warn you!</p>
				<a href="https://www.spewnicorn.com/lightfighter" class="card-cta">Play Now</a>
			</div>
		</div>
    </div>
  </section>

  <!-- Footer Section -->
  <footer>
    <div class="container">
	<a href="https://www.linkedin.com/in/brian-mcculloh-3b4712aa/?trk=opento_sprofile_goalscard" class="cta-button linkedin" target="_blank">Connect on <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
		<path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"></path>
	</svg></a>
      <p>&copy; 2026 Brian McCulloh. All rights reserved.</p>
    </div>
  </footer>

</body>
</html>
