private void preferenceToHtml(StringBuffer buf) {
		// array of results below buttons
        buf.append("<div>");

        buf.append("<div style=\"width: 400px; height: 40px; text-align: center;font-size: 25px; font-weight: bold; font-family: 'Comic Sans MS', cursive, sans-serif\">" + "Player preference" + "</div>\n");


		// empty up left square
		buf.append("    <div style=\"width: 34px; height: 40px; float:left;\"></div>\n");
		// color squares
        for (int c = 0; c < FRUIT_NAMES.length; c++) {
            String color = FRUIT_COLORS[c];
            String cname = Character.toString((char)(65+c));
			buf.append("<div style=\"width: 34px; height: 40px; font-size:20px; font-weight:bold;font-family:'Comic Sans MS', cursive, sans-serif;text-align:center;float:left; border: 1px solid black; background-color: " + color + "\">" + cname + "</div>\n");
        }

        buf.append("    <div style=\"clear:both;\"></div>\n");
		// result lines
		for (int p = 0 ; p != players.length ; ++p) {
			// player name
			buf.append("    <div style=\"width: 34px; height: 40px; float:left; border: 1px solid black; text-align: center;");
            buf.append("\n");
			buf.append("                font-size: 20px; font-weight: bold; font-family: 'Comic Sans MS', cursive, sans-serif\">" + players[p].name + "</div>\n");

			buf.append("    <div style=\"width: 432px; height: 40px; float: left; border: 1px solid black;\">\n");
			for (int r = 0 ; r != FRUIT_NAMES.length ; ++r) {
				String s = Integer.toString(preference[p][r]);
				buf.append("     <div style=\"width: 36px; height: 40px; float:left; text-align: center; font-size: 20px;\n");
				buf.append("                 font-weight: bold; font-family: 'Comic Sans MS', cursive, sans-serif\">" + s + "</div>\n");
			}

			buf.append("    </div>\n");
            // expectation
            buf.append("    <div style=\"width: 36px; height: 40px; float:left; border: 1px solid black; text-align: center;\n");
            buf.append("                font-size: 20px; font-weight: bold; font-family: 'Comic Sans MS', cursive, sans-serif\">" + expectation[p] + "</div>\n");
            //            buf.append("    <div style=\"clear:both;\"></div>\n");

			// score
            if (scores != null) {
                buf.append("    <div style=\"width: 36px; height: 40px; float:left; border: 1px solid black; text-align: center;\n");
                buf.append("                font-size: 20px; font-weight: bold; font-family: 'Comic Sans MS', cursive, sans-serif\">" + scores[p] + "</div>\n");
                buf.append("    <div style=\"clear:both;\"></div>\n");
            }
            buf.append("   <div style=\"clear:both;\"></div>\n");
		}
		// close result array
		buf.append("   </div>\n");
    }