 				background: "url(#{Plugin.resourceUri(cardimage)}) 100% 100% no-repeat"
 				backgroundSize: 'contain'
 
+		if messagetext
+			Dom.div !->
+				Dom.text messagetext
+				Dom.style
+					margin: '0 auto'
+					fontSize: '120%'
+					textAlign: 'center'
+
 		Dom.div !->
 			Dom.text cardtext
 			Dom.style

					backgroundColor: '#eee'
					margin: '-12px'
				Ui.bigButton "Draw a card", !->
					next = +(Db.shared.get 'turn') + 1
					if next >= +playercount
						next = 0

					Server.call 'nextTurn', next
					Modal.remove()
	else
		if currentcard = Db.shared.get 'currentcard'
			cardrules = ["Rule", "Snake eyes", "All girls drink", "All boys drink", "Forbidden word", "Give someone a drink", "\"Juffen\"", "Mate", "Category", "Rule", "Nickname", "Quiz master", "Kingscup!", "Rhyme"]
			cardtype = +currentcard % 12

			cardtext = cardrules[cardtype]
			cardimage = currentcard + '.png'
		else
			cardtext = "The first card needs to be drawn"
			cardimage = 'back.jpg'

#		Server.call "addUser", userId
	playercount = Obs.create(Db.shared.get 'settings', 'playercount')
	players = JSON.parse(Db.shared.get 'settings', 'players')
	turn = Db.shared.get 'turn'
	current = getUser(turn)

	if +Plugin.userId() is +current
		Dom.div !->
			Dom.style
				display: 'inline-block'
				width: '90%'
				height: '90%'
				margin: '0 auto'
				background: "url(#{Plugin.resourceUri('back.jpg')}) 100% 100% no-repeat"
				backgroundSize: 'contain'

		Dom.div !->
			Dom.text "Your turn!"
			Dom.style
				fontSize: '200%'
				textAlign: 'center'

		Modal.show "Draw a card", !->
			Dom.style width: '80%'
