anchor.diff:  import "../SBURBSim.dart";
   import 'dart:html';
  +import '../navbar.dart';
   //need to render all players
   class CharacterCreatorHelper {
   	List<Player> players;
  +	Element div;
   	num player_index = 0; //how i draw 12 players at a time.
   	//have css for each sprite template.  sprite template is 400 x 300, fit 3 on a line?
   	//max of 4 lines?
   
  -	CharacterCreatorHelper(this.players) {}
  +	CharacterCreatorHelper(this.players) {
  +	  div = querySelector("#character_creator");
  +  }
   
   	void drawAllPlayers(){
   		bloodColors.add("#ff0000"); //for humans
   		for(num i = 0; i<this.players.length; i++){
  -			this.drawSinglePlayer(this.players[i]);
  +			this.drawSinglePlayerForHelper(this.players[i]);
   		}
   	}
   	void draw12PlayerSummaries(){
  -		var start = this.player_index;
  -		var num_at_a_time= 12;
  -		for(var i = start; i<start+num_at_a_time; i++){
  +		int start = this.player_index;
  +		int num_at_a_time= 12;
  +		for(int i = start; i<start+num_at_a_time; i++){
   
   			if(this.players.length > i){
   				//print("i is: " + i);
  
positive.code: 		if(topic == "Interests") return "Interests alter how a player speaks (including their skill at finding topics to rap about), some of the rungs on their echeladder, and their derived ChatHandle.";
  		return "Help text not found for " + topic + ".";
  	}
  	void generateMoonHelp(topic, specific){
  		if(specific == "Prospit") return "Dreamers of Prospit see visions of the inevitable future in the clouds of Skaia. This is not a good thing.";
  		if(specific == "Derse") return "Dreamers of Derse are constantly bombarded by the whispers of the Horror Terrors. This is not a good thing.";
  		return "Moon help text not found for " + specific + ".";
  	}
  	dynamic generateBloodColorHelp(topic, specific){
  		if(specific == "#ff0000") return "Candy red blood has no specific boost.";
  		String str = "The cooler blooded a troll is, the greater their HP and power on entering the medium. Game powers have a way of equalizing things, though. ";
  		str += specific + " is associated with a power and hp increase of: " +bloodColorToBoost(specific);
  
negative.code: 		this.syncPlayerToTextBoxes(player);
  	}
  	void syncPlayerToDropDowns(player){
      (querySelector("#classNameID" +player.id) as SelectElement).value = (player.class_name);
      (querySelector("#aspectID" +player.id)as SelectElement).value = (player.aspect);
      (querySelector("#hairTypeID" +player.id)as SelectElement).value = (player.hair);
      (querySelector("#hairColorID" +player.id)as SelectElement).value = (player.hairColor);
  		String troll = "Human";
  		if(player.isTroll) troll = "Troll";
      (querySelector("#speciesID" +player.id)as SelectElement).value = (troll);
      (querySelector("#leftHornID" +player.id)as SelectElement).value = (player.leftHorn);
      (querySelector("#rightHornID" +player.id)as SelectElement).value = (player.rightHorn);
      (querySelector("#bloodColorID" +player.id)as SelectElement).value = (player.bloodColor);
      (querySelector("#bloodColorID" +player.id)as SelectElement).style.backgroundColor = player.bloodColor;
      (querySelector("#favoriteNumberID" +player.id)as SelectElement).value = (player.quirk.favoriteNumber);
      (querySelector("#moonID" +player.id)as SelectElement).value = (player.moon);
      querySelector("#moonID" +player.id).style.backgroundColor = moonToColor(player.moon);
  	}
  	void syncPlayerToCheckBoxes(player){
  		//.prop('checked', true);
      (querySelector("#grimDark"+player.id) as CheckboxInputElement).checked = player.grimDark;
      (querySelector("#isDreamSelf"+player.id)as CheckboxInputElement).checked =player.isDreamSelf;
      (querySelector("#godTier"+player.id)as CheckboxInputElement).checked =player.godTier;
      (querySelector("#godDestiny"+player.id)as CheckboxInputElement).checked =player.godDestiny;
      (querySelector("#murderMode"+player.id)as CheckboxInputElement).checked =player.murderMode;
      (querySelector("#leftMurderMode"+player.id)as CheckboxInputElement).checked =player.leftMurderMode;
      (querySelector("#dead"+player.id)as CheckboxInputElement).checked =player.dead;
      (querySelector("#robot"+player.id)as CheckboxInputElement).checked =player.robot;
  	}
  	void syncPlayerToTextBoxes(player){
      (querySelector("#interestCategory1" +player.id) as InputElement).value = (player.interest1Category);
      (querySelector("#interestCategory2" +player.id) as InputElement).value = (player.interest2Category);
      (querySelector("#interest1" +player.id) as InputElement).value = (player.interest1);
      (querySelector("#interest2" +player.id) as InputElement).value = (player.interest2);
      (querySelector("#chatHandle"+player.id) as InputElement).value = (player.chatHandle);
  	}
  	dynamic drawDropDowns(Player player){
  		String str = "<div id = 'dropDowns${player.id}' class='optionBox'>";
  		str += "<div>" + (this.drawOneClassDropDown(player));
  		str += (" of ");
  		str+= (this.drawOneAspectDropDown(player)) + "</div>";
  