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;
+}

gamecard/static/css/paper.css

@@ -0,0 +1,52 @@
+@page { margin: 0 }
+body { margin: 0 }
+.sheet {
+  margin: 0;
+  overflow: hidden;
+  position: relative;
+  box-sizing: border-box;
+  page-break-after: always;
+}
+
+/** Paper sizes **/
+body.A3               .sheet { width: 297mm; height: 419mm }
+body.A3.landscape     .sheet { width: 420mm; height: 296mm }
+body.A4               .sheet { width: 210mm; height: 296mm }
+body.A4.landscape     .sheet { width: 297mm; height: 209mm }
+body.A5               .sheet { width: 148mm; height: 209mm }
+body.A5.landscape     .sheet { width: 210mm; height: 147mm }
+body.b5               .sheet { width: 176mm; height: 250mm }
+body.b5.landscape     .sheet { width: 250mm; height: 176mm }
+body.letter           .sheet { width: 216mm; height: 279mm }
+body.letter.landscape .sheet { width: 280mm; height: 215mm }
+body.legal            .sheet { width: 216mm; height: 356mm }
+body.legal.landscape  .sheet { width: 357mm; height: 215mm }
+
+/** Padding area **/
+.sheet.padding-10mm { padding: 10mm }
+.sheet.padding-15mm { padding: 15mm }
+.sheet.padding-20mm { padding: 20mm }
+.sheet.padding-25mm { padding: 25mm }
+
+/** For screen preview **/
+@media screen {
+  body { background: #e0e0e0 }
+  .sheet {
+    background: white;
+    box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
+    margin: 5mm auto;
+  }
+}
+
+/** Fix for Chrome issue #273306 **/
+@media print {
+           body.A3.landscape { width: 420mm }
+  body.A3, body.A4.landscape { width: 297mm }
+  body.A4, body.A5.landscape { width: 210mm }
+  body.A5                    { width: 148mm }
+  body.b5                    { width: 190mm }
+  body.b5.landscape          { width: 250mm }
+  body.letter, body.legal    { width: 216mm }
+  body.letter.landscape      { width: 280mm }
+  body.legal.landscape       { width: 357mm }
+}

gamecard/static/fonts/m+1m/m+1m.css

@@ -0,0 +1,38 @@
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-bold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-light-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-medium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-thin-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}

gamecard/static/fonts/vera/bitstreamvera.css

@@ -0,0 +1,68 @@
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-Bold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-Bold-Italic-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: oblique;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-Italic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: oblique;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-Bold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-Bold-Italic-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-Italic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}

gamecard/static/fonts/verdana/verdanapro.css

@@ -0,0 +1,123 @@
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Black.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-BlackItalic.ttf') format('truetype');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBlack.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 800;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBlackItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBold.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: bold;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBoldItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: bold;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondLight.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 300;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondLightItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondRegular.ttf') format('truetype');
+    font-stretch: condensed;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondSemiBold.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 600;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondSemiBoldItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Italic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Light.ttf') format('truetype');
+    font-weight: 300;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Regular.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-SemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-SemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+}