eventTermine in der Wettkampfplanung im MaterialDesign (in laufender Entwicklung)

geändert:       phpLib/cwsvJudo/wkKalender.php
	neue Datei:     wkParticipo/index.php
	neue Datei:     wkParticipo/lib/wkParticipoLib.inc.php
	neue Datei:     wkParticipo/wkParticipo.css

homepage/redesign2018/markdownExperiment/wkParticipo/wkParticipo.css

@@ -0,0 +1,109 @@
+/* blau: #291670 */
+/* gelb: #fff500*/
+
+.wkInfoCard{
+	border-left: .5rem solid #291670;
+	margin: 1rem 0;
+	display: flex;
+	background-color: #FFAE00;
+	border-radius: 2px;
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16),
+				0 2px 10px 0 rgba(0, 0, 0, 0.12);
+	position: relative;
+
+	a{
+		text-decoration: none;
+	}
+}
+
+.wkInfoCardDate{
+	align-items: center;
+	color: #291670;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	padding: 0rem 0.5rem 0rem 0rem;
+	width: 6rem;
+}
+
+.wkInfoCardDateDay{
+  font-size: 1.75rem;
+}
+
+.wkInfoCardDateWeekday{
+  font-size: 1.15rem;
+}
+
+.wkInfoCardDateMonth{
+  font-size: 1.15rem;
+}
+
+.wkInfoCardWkData{
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	background-color: #FF8100;
+}
+@media (min-width: 640px){
+	.wkInfoCardWkData{
+		flex-direction: row;
+	}
+}
+
+.wkInfoCardWkInfo{
+	padding: 0 1rem;
+	flex-grow: 1;
+}
+
+.wkInfoCardButtonBar{
+	align-items: center;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	padding: 1rem;
+}
+
+.wkInfoCardButton{
+	background-color: #fff;
+	border-radius: 2px;
+	color: #333;
+	font-size: .9rem;
+	margin: .5rem 0;
+	padding: .75rem 1rem;
+	text-align: center;
+	width: 7rem;
+}
+
+.wkInfoCardButtonSuccess {
+	background-color: #291670;
+	color: #eee;
+}
+
+.wkInfoCardButtonRaised {
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16),
+				0 2px 10px 0 rgba(0, 0, 0, 0.12);
+}
+
+.fontWeightLighter {
+	font-weight: lighter;
+}
+
+
+
+.card__icon {
+  align-items: center;
+  color: #1ABC9C;
+  display: flex;
+  flex-direction: column;
+  padding: 1rem 2rem 1rem 0;
+  justify-content: center;
+  width: 6rem;
+}
+
+.event-icon {
+  font-size: 36px;
+}
+
+.material-icons {
+  width: 1rem;
+}