Merge branch 'v2' into gamecard

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

benchcoach/static/fonts/dinpro/dinpro.css

@@ -0,0 +1,123 @@
+@font-face {
+    font-family: "DINPro";
+    font-weight: 800;
+    src: url("DINPro-Black.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: 800;
+    font-style: italic;
+    src: url("DINPro-BlackItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: bold;
+    src: url("DINPro-Bold.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: bold;
+    font-style: italic;
+    src: url("DINPro-BoldItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    src: url("DINPro-Cond.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 800;
+    src: url("DINPro-CondBlack.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 800;
+    font-style: italic;
+    src: url("DINPro-CondBlackIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: bold;
+    src: url("DINPro-CondBold.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: bold;
+    font-style: italic;
+    src: url("DINPro-CondBoldIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-style: italic;
+    src: url("DINPro-CondIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 300;
+    src: url("DINPro-CondLight.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 300;
+    font-style: italic;
+    src: url("DINPro-CondLightIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-: Medi;
+    font-style: italic;
+    src: url("DINPro-CondMediIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-: Medium;
+    src: url("DINPro-CondMedium.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-style: italic;
+    src: url("DINPro-Italic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: 300;
+    src: url("DINPro-Light.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: 300;
+    font-style: italic;
+
+    src: url("DINPro-LightItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-: Medium;
+
+
+    src: url("DINPro-Medium.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-: Medium;
+    font-style: italic;
+
+    src: url("DINPro-MediumItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-style: normal;
+    font-weight: normal;
+
+    src: url("DINPro.otf") format("opentype");
+}

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

benchcoach/static/fonts/refrigerator/refigerator.css

@@ -0,0 +1,26 @@
+@font-face {
+    font-family: "refigerator";
+    font-weight: bold;
+    src: url("refrigerator-deluxe-bold.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: extrabold;
+    src: url("refrigerator-deluxe-extrabold.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: heavy;
+    src: url("refrigerator-deluxe-heavy.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: light;
+    src: url("refrigerator-deluxe-light.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: normal;
+    font-style: normal;
+    src: url("refrigerator-deluxe.otf") format("opentype");
+}

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

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

teamsnap/templates/lineup/gamecard.html

@@ -0,0 +1,191 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="{% static 'css/gamecard.css' %}">
+    <title>Title</title>
+</head>
+<body class="b5">
+<section class="sheet">
+    <div class="whole-card">
+        <div class="half-card">
+            <div class="content card-left">
+                <table>
+                    <thead>
+                    <tr>
+                        <th colspan="8" class="gametitle">
+                            {{ event.data.formatted_title }} {{ event.data.start_date|date:'m/d/Y g:i A' }}
+                            {#                    G#01 at Browns 05/01/2021 12:30 PM#}
+                        </th>
+                        <th class="homeaway" colspan="4">{{ event.data.game_type }}</th>
+                    </tr>
+                    </thead>
+                </table>
+                <table>
+                    <thead>
+                    <tr>
+                        <th class="numbercell">
+                        </th>
+                        <th class="customcol">
+                        </th>
+                        <th class="numbercell">
+                        </th>
+                        <th class="numbercell">
+                        </th>
+                        <th class="numbercell">1
+                        </th>
+                        <th class="numbercell">2
+                        </th>
+                        <th class="numbercell">3
+                        </th>
+                        <th class="numbercell">4
+                        </th>
+                        <th class="numbercell">5
+                        </th>
+                        <th class="numbercell">6
+                        </th>
+                        <th class="numbercell">7
+                        </th>
+                        <th class="numbercell">X
+                        </th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for member in members_startinglineup %}
+                        <tr>
+                            <td class="numbercell">{{ member.lineup_entry.sequence | add:"1" }}</td>
+                            <td class="customcol">{{ member.member.last_name }}</td>
+                            <td class="numbercell">{{ member.member.jersey_number }}</td>
+                            <td class="numbercell">{{ member.lineup_entry.label }}</td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                        </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
+            <table>
+            <tbody>
+                    {% for member in members_startingpositiononly %}
+                        <tr>
+                            <td class="numbercell"></td>
+                            <td class="customcol">{{ member.member.last_name }}</td>
+                            <td class="numbercell">{{ member.member.jersey_number }}</td>
+                            <td class="numbercell">{{ member.lineup_entry.label }}</td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                            <td></td>
+                        </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="half-card">
+            <div class="content card-right">
+                <table class="tg">
+                    <thead>
+                    <tr>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="condensedNameCell">Available</th>
+                        <th class="statscell">AVG/OBP/SLG:PA</th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                        <th class="numbercell"></th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {% for member in members %}
+                        <tr>
+                            <td class="numbercell"></td>
+                            <td class="numbercell available-status-code-{{ member.availability.status_code }}">{{ member.member.jersey_number }}</td>
+                            <td class="condensedNameCell available-status-code-{{ member.availability.status_code }}">{{ member.member.last_name }}</td>
+                            <td class="statscell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                            <td class="numbercell"></td>
+                        </tr>
+                    {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <div class="whole-card">
+        <div class="half-card">
+            <div class="content card-left"></div>
+        </div>
+        <div class="half-card">
+            <div class="content card-right">
+                <div>
+                    <table>
+                        <thead>
+                        <tr>
+                            <th class="numbercell" style="background-color: #323669">
+                                {{ event.data.start_date|date:"D, F j, Y g:i A" }}
+                            </th>
+                        </tr>
+                        <tr>
+                            <th class="numbercell" style="background-color: #323669">
+                                {{ event.data.location_name }}
+                            </th>
+                        </tr>
+                        <tr>
+                            <th class="numbercell" style="background-color: lightgray">
+
+                            </th>
+                        </tr>
+                        </thead>
+                    </table>
+                    <div>
+                        <div class="" width="100%">
+                            <img src="{% static 'teamsnap/ig/logos/hounds.png' %}"
+                                 height="120px"
+                            >
+                        </div>
+                        <div class="" width="100%" style="text-align: center;font-size: xxx-large; font-family: Pacifico">
+                            VS.
+                        </div>
+                        <div class="" width="100%" style="text-align: right">
+                            <img src="{% static 'teamsnap/ig/logos/hounds.png' %}"
+                                 width="120px"
+                            >
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+</body>
+</html>