split gamecard into its own app, add models to teamsnap for custom fields (images)

gamecard/static/css/gamecard.css

@@ -0,0 +1,152 @@
+@import url("../../css/paper.css");
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+@import url('../fonts/vera/bitstreamvera.css');
+@import url('../fonts/verdana/verdanapro.css');
+@import url('../fonts/m+1m/m+1m.css');
+@import url('../fonts/dinpro/dinpro.css');
+@import url('../fonts/refrigerator/refigerator.css');
+@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
+
+@page { size: B5; }
+
+* {
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+body {
+	font-family: "VerdanaPro";
+	/*font-family: -apple-system;*/
+	/*font-weight: bold;*/
+	font-size: 10px;
+}
+.whole-card {
+	margin:0;
+	padding:0;
+	height: 12.5cm;
+	width: 17.5cm;
+	outline: solid black;
+	margin: auto;
+	display: flex;
+}
+
+.half-card {
+	margin:0;
+	padding: .1in;
+	height: 100%;
+	width: 50%;
+}
+
+card-left {
+	float: left;
+}
+card-right {
+	float: right;
+}
+
+.content {
+	height: 100%;
+	width: 100%;
+	/* 		padding: .1in; */
+	outline: solid grey;
+}
+
+table {
+	border-collapse: collapse;
+	empty-cells: show;
+	font-size:11px;
+	table-layout: fixed;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow-x: hidden;
+	width: 100%;
+}
+
+th, tr, td {
+	/* 	  box-sizing: content-box;  */
+	border: 0.5px solid black;
+	height: 17px;
+	text-overflow: ellipsis;
+	overflow-x: hidden;
+}
+
+.gametitle {
+	font-weight: normal;
+	text-transform: uppercase;
+	font-stretch: condensed;
+}
+
+.homeaway {
+	text-transform: uppercase;
+	font-stretch: normal;
+	font-weight: bolder;
+}
+
+.numbercell {
+	font-family: "m+1m";
+	text-align: center;
+	font-stretch: condensed;
+	font-size: 10px;
+}
+
+.statscell {
+	font-family: "m+1m";
+	text-align: center;
+	font-stretch: extra-condensed;
+	font-size: 9px;
+	width: 60px;
+}
+
+tr:nth-child(even) {background-color: #f2f2f2;}
+
+th{
+	background: black;
+	color: white;
+	border: none;
+}
+
+.customcol{
+	width: 120px;
+	text-transform: uppercase;
+}
+
+.condensedNameCell{
+	width: 70px;
+	text-transform: uppercase;
+	font-stretch: condensed;
+}
+
+.square {
+	height: 14px;
+	width: 14px;
+}
+
+.available-status-code-1{
+	background-color: #B7E1CD;
+}
+
+.available-status-code-0{
+	background-color: #F4C7C3;
+}
+
+.available-status-code-2{
+	background-color: #ACC9FE;
+}
+
+.starting{
+	font-weight: bold;
+}
+.grid-container {
+  display: flex;
+  grid-template-columns: auto auto auto;
+  /*background-color: #2196F3;*/
+  /*padding: 10px;*/
+}
+
+.grid-item {
+  /*background-color: rgba(255, 255, 255, 0.8);*/
+  /*border: 1px solid rgba(0, 0, 0, 0.8);*/
+  /*padding: 20px;*/
+  font-size: 30px;
+  text-align: center;
+}