PUC

Points Usage Charts

by Emmanuel Garcia

HTML

<script type="text/javascript">
! function() {
	"use strict";
	var e = !1;
	if ("undefined" != typeof process && !process.browser) {
		e = !0;
		var t = require("request".trim())
	}
	var s = !1,
		i = !1;
	try {
		void 0 !== (new XMLHttpRequest).withCredentials ? s = !0 : "XDomainRequest" in window && (s = !0, i = !0)
	} catch (e) {}
	var n = Array.prototype.indexOf,
		o = function(e, t) {
			var s = 0,
				i = e.length;
			if (n && e.indexOf === n) return e.indexOf(t);
			for (; s < i; s++)
				if (e[s] === t) return s;
			return -1
		},
		a = function(t) {
			if (!(this && this instanceof a)) return new a(t);
			"string" == typeof t && (t = {
				key: t
			}), this.callback = t.callback, this.wanted = t.wanted || [], this.key = t.key, this.simpleSheet = !!t.simpleSheet, this.parseNumbers = !!t.parseNumbers, this.wait = !!t.wait, this.reverse = !!t.reverse, this.postProcess = t.postProcess, this.debug = !!t.debug, this.query = t.query || "", this.orderby = t.orderby, this.endpoint = t.endpoint || "https://spreadsheets.google.com", this.singleton = !!t.singleton, this.simple_url = !!t.simple_url, this.callbackContext = t.callbackContext, this.prettyColumnNames = void 0 === t.prettyColumnNames ? !t.proxy : t.prettyColumnNames, void 0 !== t.proxy && (this.endpoint = t.proxy.replace(/\/$/, ""), this.simple_url = !0, this.singleton = !0, s = !1), this.parameterize = t.parameterize || !1, this.singleton && (void 0 !== a.singleton && this.log("WARNING! Tabletop singleton already defined"), a.singleton = this), /key=/.test(this.key) && (this.log("You passed an old Google Docs url as the key! Attempting to parse."), this.key = this.key.match("key=(.*?)(&|#|$)")[1]), /pubhtml/.test(this.key) && (this.log("You passed a new Google Spreadsheets url as the key! Attempting to parse."), this.key = this.key.match("d\\/(.*?)\\/pubhtml")[1]), this.key ? (this.log("Initializing with key " + this.key), this.models = {}, this.model_names = [], this.base_json_path =...

CSS

div.minimalistBlack {
  border: 3px solid #000000;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
.divTable.minimalistBlack .divTableCell, .divTable.minimalistBlack .divTableHead {
  border: 1px solid #000000;
  padding: 5px 4px;
}
.divTable.minimalistBlack .divTableBody .divTableCell {
  font-size: 13px;
}
.divTable.minimalistBlack .divTableHeading {
  background: #CFCFCF;
  background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
  border-bottom: 3px solid #000000;
}
.divTable.minimalistBlack .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: bold;
}
.minimalistBlack .tableFootStyle {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  border-top: 3px solid #000000;
}
.minimalistBlack .tableFootStyle {
  font-size: 14px;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.align-text {text-align: center; background-color:#3c6246; color:#FFFFFF; margin:0 auto;}
.divTableHeading { display: table-header-group; }
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group; background-color:#f8f8f8;}



.vertical-date {background-color:#f2b32a;}
.vertical-date p{
  width:auto; height:80px;
  font-size:.7em;
  writing-mode: tb-rl;
  -webkit-transform: rotate(-180deg);
  padding:2px;
  text-align:left;
}
.gold-point {
  height: 25px;
  width: 25px;
  background-color: #edc35b;
  border-radius: 50%;
  display: inline-block;
}