imworkingon: Initial go at daily statuses

1 files changed, 84 insertions, 10 deletions

diff --git a/public/imworkingon/imworkingon.scss b/public/imworkingon/imworkingon.scss
index 55f7f85..4021fda 100644
--- a/public/imworkingon/imworkingon.scss
+++ b/public/imworkingon/imworkingon.scss
@@ -9,13 +9,20 @@ article {
 	border: solid 1px #333333;
 	border-radius: 1em;
 	margin: 0.5em;
+	overflow: hidden;
+}
+
+@mixin color-panel {
+	background-color: #DDDDFF;
+	border: solid 1px #8D8DA6;
+	margin: -1px;
 }
 
-div {
-	& > p:first-child {
+div > p {
+	&:first-child {
 		margin-top: 0;
 	}
-	& > p:last-child {
+	&:last-child {
 		margin-bottom: 0;
 	}
 }
@@ -45,18 +52,11 @@ article.contrib {
 		"uname tag tag tag"
 		"udesc desc desc desc";
 	gap: 1px;
-	overflow: hidden;
 
 	& > div {
 		padding: 0.5em;
 	}
 	
-	@mixin color-panel {
-		background-color: #DDDDFF;
-		border: solid 1px #8D8DA6;
-		margin: -1px;
-	}
-
 	div.contrib-upstream-name {
 		grid-area: uname;
 		@include color-panel;
@@ -106,3 +106,77 @@ article.contrib {
 	}
 	&.released-contrib div.contrib-status { background-color: #1f883d; color: white; }
 }
+
+article.standup {
+	div {
+		padding: 0.5em 1em;
+	}
+	div.standup-title {
+		@include color-panel;
+		text-align: center;
+	}
+}
+
+section#standups {
+	& > p, summary {
+		text-align: center;
+	}
+	table {
+		font-size: small;
+	}
+	td {
+		width: 2em;
+		text-align: right;
+	}
+	td.odd-month         { background-color: #FFDDDD; }
+	td.odd-month:has(a)  { background-color: #FFDDFF; }
+	th.odd-month         { background-color: #EECCCC; }
+	td.even-month        { background-color: #DDFFDD; }
+	td.even-month:has(a) { background-color: #DDFFFF; }
+	th.even-month        { background-color: #CCEECC; }
+
+	th.even-month, th.odd-month {
+		width: 3em;
+		max-width: 3em;
+		span {
+			display: inline-block;
+			transform-origin: 0 50%;
+		}
+		&:first-child span { transform: rotate(-90deg) translateX(-50%) translateY(50%); }
+		&:last-child  span { transform: rotate(90deg) translateX(-50%) translateY(-50%); }
+	}
+}
+
+@media (min-width: 8.5in) {
+	body {
+		display: grid;
+		grid-template-columns: 1fr 3.4in;
+		grid-template-rows:
+			min-content
+			min-content
+			min-content
+			min-content
+			1fr
+			min-content;
+		grid-template-areas:
+			"head1              head1"
+			"head2              head2"
+			"tags               standups"
+			"contribs-pending   standups"
+			"contribs-completed standups"
+			"foot               foot";
+	}
+	body > header              { grid-area: head1; }
+	section#intro              { grid-area: head2; }
+	section#tags               { grid-area: tags; }
+	section#contribs-pending   { grid-area: contribs-pending; }
+	section#contribs-completed { grid-area: contribs-completed; }
+	section#standups           { grid-area: standups; max-width: 3.2in; }
+	body > footer              { grid-area: foot; }
+	
+	section#tags, section#standups {
+		& > h2:first-child {
+			margin-top: 0;
+		}
+	}
+}