gamejamtips.html

<style>
	body{
		font-family: sans-serif;
		padding: 0;
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}

	.tweet{
		color: white;
		float: left;
	}

	@media (min-width: 861px) {
		.tweet {
			height: 174px;
			width: 47%;
			padding: 10px 20px 0 20px;
			margin: 15px 15px 0 0;
		}
	}

	@media (min-width: 0px) and (max-width: 860px) {
		.tweet {
			width: 100%;
			padding:  2px 20px 10px 20px;
			margin: 5px 0 5px 0;
		}
	}

	.tweet a{
		color: white;
	}

	.tweet h3{
		padding: 5px;
		margin: 0;
		display: inline-block;
	}

	.tweet .twitter{
		display: inline-block;
	}

	.tweet .quote{
		padding: 0;
		margin: 0;
		font-style: italic;
		line-height: 1.3rem;
		letter-spacing: .1rem;
		font-family: georgia;
	}
</style>

<p>
	<span class="tipCount"></span>
	<br> Submit your own by mentioning <a class="twitter" href="https://twitter.com/@TwoScoopGames" target="_blank" >@TwoScoopGames</a> using the hashtag #GameJamTips!
</p>

<div class="tweets">
	
	<div class="tweet">
		<h3 class="name">Zak Chaos</h3>
		<a class="twitter" href="https://twitter.com/@Zakchaos" target="_blank" >@Zakchaos</a>
		<p class="quote">
			"there are no bad themes, just bad brains", "consistency is far more important than technical prowess",  "drink water, get sleep"
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Os_Reboot</h3>
		<a class="twitter" href="https://twitter.com/@os_reboot" target="_blank" >@os_reboot</a>
		<p class="quote">
			Make an in-game tutorial/help menu. No one reads game descriptions, no matter how much bold font you use.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Miko</h3>
		<a class="twitter" href="https://twitter.com/@PrincessMikomi" target="_blank" >@PrincessMikomi</a>
		<p class="quote">
			-go with whatever graphics you make first
			<br>-finish all/most assets Friday
			<br>-write down everything while brainstorming
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Anthony quisenberry</h3>
		<a class="twitter" href="https://twitter.com/@aqquisenberry" target="_blank" >@aqquisenberry</a>
		<p class="quote">
			only #gamejamtip I can think of that isn't intuitive is to know the kind of game you want to make going in.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Papy Pilgrim </h3>
		<a class="twitter" href="https://twitter.com/@PapyPilgrim" target="_blank" >@PapyPilgrim</a>
		<p class="quote">
			Make something enjoyable, not a half-baked version of "that big idea" you have in the back of your mind.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Christer Kaitila </h3>
		<a class="twitter" href="https://twitter.com/@McFunkypants" target="_blank" >@McFunkypants</a>
		<p class="quote">
			when stumped: shower/walk. =)
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Brian Bucklew </h3>
		<a class="twitter" href="https://twitter.com/@unormal" target="_blank" >@unormal</a>
		<p class="quote">
			sleep
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Noah Ratcliff </h3>
		<a class="twitter" href="https://twitter.com/@FussyCashew" target="_blank" >@FussyCashew</a>
		<p class="quote">
			I have two! 
			<br>1) Keep your scope small, and polish big. 
			<br>2) Get enough water, good food, and rest.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Christer Kaitila </h3>
		<a class="twitter" href="https://twitter.com/@McFunkypants" target="_blank" >@McFunkypants</a>
		<p class="quote">
			pretend the deadline is sat noon: make an mvp that "works"
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Christer Kaitila </h3>
		<a class="twitter" href="https://twitter.com/@McFunkypants" target="_blank" >@McFunkypants</a>
		<p class="quote">
			stay hydrated! It works!
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Christer Kaitila </h3>
		<a class="twitter" href="https://twitter.com/@McFunkypants" target="_blank" >@McFunkypants</a>
		<p class="quote">
			when tired: sleep
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Sarah Frisk </h3>
		<a class="twitter" href="https://twitter.com/@SarahFrisk" target="_blank" >@SarahFrisk</a>
		<p class="quote">
			Make sure you sleep &amp; take occasional mental breaks. Stepping back for a half hour can help clear mental roadblocks. #LDJAM
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Sarah Frisk</h3>
		<a class="twitter" href="https://twitter.com/@SarahFrisk" target="_blank" >@SarahFrisk</a>
		<p class="quote">
			Learn your tools before #LDJAM! 
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Will Blanton </h3>
		<a class="twitter" href="https://twitter.com/@x01010111" target="_blank" >@x01010111</a>
		<p class="quote">
			tip for today: focus on things others leave out, the biggest and best thing you can do to your jam game is kick ass audio :)
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Allen </h3>
		<a class="twitter" href="https://twitter.com/@ambocclusion" target="_blank" >@ambocclusion</a>
		<p class="quote">
			throw away your first 5-10 ideas! they’re the super obvious ones. best advice i can give
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Jonatan S&ouml;derstr&ouml;m </h3>
		<a class="twitter" href="https://twitter.com/@cactusquid" target="_blank" >@cactusquid</a>
		<p class="quote">
			My advice would be: don't rely on humor too much
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">rouge noddle </h3>
		<a class="twitter" href="https://twitter.com/@rogueNoodle" target="_blank" >@rogueNoodle</a>
		<p class="quote">
			Oh, and don't assume people are going to read the instructions before trying your game. Include a tutorial if you can!
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">rouge noddle </h3>
		<a class="twitter" href="https://twitter.com/@rogueNoodle" target="_blank" >@rogueNoodle</a>
		<p class="quote">
			Hmm - just the usual: keep it simple, have fun, and save the drinks for the end ;)
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Will Blanton </h3>
		<a class="twitter" href="https://twitter.com/@x01010111" target="_blank" >@x01010111</a>
		<p class="quote">
			heck yeah! 1) do what you're best at 2) do what you love 3) do something new! I'll think of later :)
		</p>
	</div> 

	<div class="tweet">
		<h3 class="name">Joe Williamson ‏</h3>
		<a class="twitter" href="https://twitter.com/@JoeCreates" target="_blank" >@JoeCreates</a>
		<p class="quote">
			1. Have a pen and paper todo list always beside you. Easy to scribble notes on, and so satisfying to cross things off.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">slaughterboy </h3>
		<a class="twitter" href="https://twitter.com/@moshboy" target="_blank" >@moshboy</a>
		<p class="quote">
			stay small so you can focus on details if you want something that feels complete
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">kyle pulver </h3>
		<a class="twitter" href="https://twitter.com/@kylepulver" target="_blank" >@kylepulver</a>
		<p class="quote">
			I always don't sleep on the 2nd night but that isn't very practical for most people haha
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Joseph Baird </h3>
		<a class="twitter" href="https://twitter.com/@brainofsteel" target="_blank" >@brainofsteel</a>
		<p class="quote">
			Don’t get hung up on new tech. Use what you know or risk fighting the tools the whole time instead of creating a game.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Joseph Baird </h3>
		<a class="twitter" href="https://twitter.com/@brainofsteel" target="_blank" >@brainofsteel</a>
		<p class="quote">
			If you’re up late at night unable to solve a technical problem… Go to bed.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Joseph Baird </h3>
		<a class="twitter" href="https://twitter.com/@brainofsteel" target="_blank" >@brainofsteel</a>
		<p class="quote">
			Work only in circles and rectangles the first two hours. Focus on crafting the interaction, then focus on crafting look/feel.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Joseph Baird </h3>
		<a class="twitter" href="https://twitter.com/@brainofsteel" target="_blank" >@brainofsteel</a>
		<p class="quote">
			Premature optimization is the root of all evil. Just get things working. Scrappy is ok.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Joseph Baird </h3>
		<a class="twitter" href="https://twitter.com/@brainofsteel" target="_blank" >@brainofsteel</a>
		<p class="quote">
			Focus on the first minute of gameplay. If you can build a fun, juicy first minute, and you have time, expand to 5 min.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Joseph Baird </h3>
		<a class="twitter" href="https://twitter.com/@brainofsteel" target="_blank" >@brainofsteel</a>
		<p class="quote">
			Make a “Implement if there’s time” list. Every new idea goes there by default.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Sos Sosowski </h3>
		<a class="twitter" href="https://twitter.com/@Sosowski" target="_blank" >@Sosowski</a>
		<p class="quote">
			Sure! How about... Make bad games!
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Erin Robinson </h3>
		<a class="twitter" href="https://twitter.com/@Livelyivy" target="_blank" >@Livelyivy</a>
		<p class="quote">
			Don't spend too long on any individual problem, and put things in using the simplest way you can think of
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">William Pugh </h3>
		<a class="twitter" href="https://twitter.com/@HonestWilliam" target="_blank" >@HonestWilliam</a>
		<p class="quote">
			underscope underscope underscope
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">mildmojo✈ </h3>
		<a class="twitter" href="https://twitter.com/@mildmojo" target="_blank" >@mildmojo</a>
		<p class="quote">
			5. If you have audio, add a mute button/key.
			<br>6. If downloadable, make sure there's a way to quit! Esc key works well.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">mildmojo✈ </h3>
		<a class="twitter" href="https://twitter.com/@mildmojo" target="_blank" >@mildmojo</a>
		<p class="quote">
			3. Eat! SLEEP! Solve roadblocks by walking away for a bit.
			<br>4. Audio: get some. Even if it's mouth sounds. Audacity, bfxr.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Lisa Brown </h3>
		<a class="twitter" href="https://twitter.com/@Wertle" target="_blank" >@Wertle</a>
		<p class="quote">
			Get full nights of sleep and take plenty of time for food and breaks. Think of breaks as negative space to define your work
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Lisa Brown </h3>
		<a class="twitter" href="https://twitter.com/@Wertle" target="_blank" >@Wertle</a>
		<p class="quote">
			I like to go on a walk the first evening of the jam, or go out for food with my team. Physically remove myself from the PC.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Lisa Brown </h3>
		<a class="twitter" href="https://twitter.com/@Wertle" target="_blank" >@Wertle</a>
		<p class="quote">
			Don't rush into things. Give yourself some time to ponder the idea, sometimes the second or third idea is better than the 1st
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">mildmojo✈ </h3>
		<a class="twitter" href="https://twitter.com/@mildmojo" target="_blank" >@mildmojo</a>
		<p class="quote"> 
			1. Reduce scope!!! Then reduce! Make concept expansion part of polishing.
			<br>2. Get a playable core loop ASAP &amp; iterate.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Eric Lathrop </h3>
		<a class="twitter" href="https://twitter.com/@EricLathrop" target="_blank" >@EricLathrop</a>
		<p class="quote">
			Limit your sugar intake so you don't have nasty energy crashes.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Barry Rowe </h3>
		<a class="twitter" href="https://twitter.com/@barryrowe" target="_blank" >@barryrowe</a>
		<p class="quote">
			make sure you learn something new. If you need ideas try to prototype the project you are afraid of!
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Leonard Wedderburn </h3>
		<a class="twitter" href="https://twitter.com/@ktp4life" target="_blank" >@ktp4life</a>
		<p class="quote">
			get enough rest, work in a group if you can, keep scope small, know your tools and don't give up!
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Loi LeMix </h3>
		<a class="twitter" href="https://twitter.com/@LoiLeMix" target="_blank" >@LoiLeMix</a>
		<p class="quote">
			Get enough sleep &amp; don't be afraid to break out of ur comfort zone. Challenge yourself and ur partner(s). Rawr!
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">barelyconcealed </h3>
		<a class="twitter" href="https://twitter.com/@barelyconcealed" target="_blank" >@barelyconcealed</a>
		<p class="quote">
			Be prepared to hate the theme, and move on if you can't work with it. Also eat real food. Fruits, vegetables, meat, etc.
		</p>
	</div>

	<div class="tweet">
		<h3 class="name">Two Scoop Games </h3>
		<a class="twitter" href="https://twitter.com/@TwoScoopGames " target="_blank" >@TwoScoopGames</a>
		<p class="quote">
			Many voters will only play web player/ #html5 games, be sure to export for web if possible!
		</p>
	</div>


	<div class="tweet">
		<h3 class="name">Two Scoop Games </h3>
		<a class="twitter" href="https://twitter.com/@TwoScoopGames" target="_blank" >@TwoScoopGames</a>
		<p class="quote">
			if you can't host your game yourself, try <a href="http://itch.io" target="_blank">itch.io</a>!
		</p>
	</div>
<div>

<script>
	var colors =["#fac164","#3a9fc8 ","#2d7998", "#f95d65"];

	function randColor(colors){
		var cpuPick = Math.floor(Math.random()*colors.length);
		return colors[cpuPick];
	}  

	function changeBGColor(element, color){
		element.style.background = color;
	}

	function changeBGColorMultiple(className, colors){
		var pageDivs = document.getElementsByClassName(className);
		for(i = 0; i < pageDivs.length; i++){
			changeBGColor(pageDivs[i], randColor(colors));
		}
	}
	
	changeBGColorMultiple("tweet", colors);

	document.getElementsByClassName("tipCount")[0].innerHTML =  document.getElementsByClassName("tweet").length + " tips!";

	function resortElementsIn(container){
	  for (var i = container.children.length; i >= 0; i--) {
	      container.appendChild(container.children[Math.random() * i | 0]);
	  }
	}

  	resortElementsIn(document.getElementsByClassName("tweets")[0]);

</script>