Info

Designer, front-end developer & PC gamer from Ann Arbor, Michigan.

Simple & customizable one-page website template made for Twitch streamers.

final-v3Twitchie is a simple, beautiful and customizable one-page website template made for Twitch streamers that have no website coding experience. It’s designed to focus on what streamers care about most: their channel. At the same time it points visitors to the social networks that streamers update and connect with their audience on.

Features

Twitchie is very simple and has 2 visual states: Online and Offline. When you’re online it tells your website visitors that you’re live, what game you’re playing, how many people are watching, displays your stream title and gives them a big pulsing button to push to view your stream. When you’re offline, it tells your website visitors that you’re offline, displays your offline message and gives them a big button to visit your channel. However, whether you’re online or offline, it will always display links to your social media.

  • Simple, beautiful design that focuses on your channel.
  • Responsive design (desktop, tablets and phones).
  • Updates automatically on every page load.
  • Super easy to visually customize to fit your channel.
  • Dynamically pulls your twitch avatar, steam status, title, game and # of viewers.
  • Can display a custom message when your offline.
  • Links to your favorite social media accounts.
  • Links to your favorite donation or tip service.
  • Fullscreen image or video background.
  • Super fast & lightweight.

Setup & Configuration

Setting up this template requires no website coding experience. Simply upload the files to your web server, open the config file with a text editor, follow the instructions and hit save. Your done. The template will then dynamically build your page using the data you put in the config file. You never have to touch html, css, or javascript. Here are the options you can configure:

  • Twitch channel
  • Custom display name
  • Site title tagline
  • Site description (or it pulls your twich bio automatically)
  • Site keywords
  • Accent color (or it’s pulled automatically from your twitch profile background color)
  • Custom offline status (For when your channel is offline)
  • 17 available social networks (Twitter, Facebook, Steam, YouTube, Flickr, Github, G+, Instagram, Pinterest, Reddit, SoundCloud, Tumblr, Vine, Skype, Bandcamp, Twitch Messenger, Email)
  • 8 affiliate link, tip and donation services (StreamTip, ImRaising, TwitchAlerts, DonationTracker, Amazon Affiliate Link, Patreon, Deepbot, Extra-Life, Steam Gift & Trade)
  • Image or video background (YouTube)
  • Overlay opacity (Layer of black on top of the image or video to keep text legible)
  • Google Analytics

Examples

To show how easy and flexible Twitchie is, I’ve created a few demo pages for some of my favorite streamers by only changing 3-5 variables in each config file. NOTE: Only twitch data will be accurate, social link data will not.

Required

  • Website Domain
  • Linux Web Server with PHP5 & cURL enabled

Included

  • Website Template files
  • Setup instructions
  • On-going template support via hello@twitchie.tv

If you have any questions, comments use the comment form below. I’m also available for general chit chat at @thebadbadrobot.

Buy this on Selz Start selling on Selz

Screen Shot 2014-10-18 at 1.54.48 PM

If you have ever wanted to restore your OSX dock back to default app/icon layout you can now do it by running a 2 commands in your terminal. (No option to do this in your system preferences pane)

Step 1: Open terminal and copy and paste this command and hit return:

defaults delete com.apple.dock

Step 2: Copy and paste this command and hit return:

killall Dock

Your dock will restart and you will see the factory default icon/app dock. If you have deleted any stock apps, they may show as question marks. Enjoy!

Duh My IP

I can’t count the number of times I’ve had to find out what a family, friend or co-workers IP address is. Now I can give them a way to quickly retrieve it AND feel stupid!

Afterglow

A beautiful, minimal dark theme for the Sublime Text editor.

This is my new favorite theme. Easy to install, comes with it’s own great color schemes, supports different size tab heights, adjustable sidebar settings and more.

Mac & Sadie

Our dog Sadie, a Border Collie / Australian shepherd just gave birth to 12 puppies. Learn about the parents and breeds, view photos, contact us, fill out an application and stay up to date with the puppies on the blog.

post-1-0-97562600-1407280979

When I’m not designing, hanging out with my wife, or playing with my dog, I’m usually gaming on my pc with GSN Gaming. Below is the hardware specs of my most recent build:

Computer

  • NZXT Phantom 530 Full Tower
  • Asus Rampage IV Black Edition
  • Intel Core i7-4930K 3.4GHz 6-Core Processor
  • G.Skill Ripjaws X Series 16GB DDR3-2400
  • EVGA GTX 780 Super Clocked
  • Corsair H110 Liquid Cooler
  • Corsair GS750 Power Supply
  • (1) 128GB Vertex SSD + (2x) 1TB RAID in 0 + (1x) 750GB
  • Windows 8.1 Pro x64

Peripherals

  • Sennheiser HD558
  • Audio Technica AT2020
  • Logitech MX518
  • Logitech c920
  • 24″ BenQ 120hz Gaming Monitor
  • CM Storm QuickFire Rapid Mechanical

Watch a time-lapse of my brother and I building my new gaming pc.

Sketch for Mac

Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design.

Sketch has replaced photoshop as my primary design tool. So long adobe!

IMG_3588

I’m frequently asked by people in the industry what type of hardware and software I use in my workflow. I also love telling other people about awesome software that helps me do my job better, so I made a list:

Hardware

Software

If you think there is an awesome peace of hardware or software I should add to my life, please share it with me in the comments below.

13-inch Macbook Air

It’s time to sell my beautiful 13-inch Macbook Air. To help sell it, I’ve designed and developed a sell page that has details, pricing and a nice photo gallery.