Info

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

Archive for

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

Notice for current customers: On September 15th 2016, Twitch made a change that required all API calls to be associated with a client ID. This change has caused twitchie websites fail to load twitch channel information. A hotfix has been made available to fix this issue. Click here to download the hotfix. Future purchases will have this hotfix already applied!

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, stream status, title, game and # of viewers.
  • Can display a custom message when you’re 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. You’re 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 twitch 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, Steam Group, YouTube, Flickr, Github, G+, Instagram, Pinterest, Reddit, SoundCloud, Tumblr, Vine, Skype, Bandcamp, Twitch Messenger, Forum Link, Deviant Art, 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.

Required

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

Included

Changelog

If you want to chat you can use the comment section below or email me at hello@badbadrobot.tv.

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.