diff --git a/templates/playgame.cs b/templates/playgame.cs
new file mode 100644
index 0000000..8e95364
--- /dev/null
+++ b/templates/playgame.cs
@@ -0,0 +1,63 @@
+<?cs include:"templates/header.cs" ?>
+<div id="board">
+
+<?cs var:Data.Message ?>
+
+<?cs loop:x = #1, #Data.GobanSize, #1 
+	?><?cs loop:y = #1, Data.GobanSize,  #1 
+		?><?cs 
+		if:(x == 1) && (y == 1) ?><!-- #upper left --> <a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName ?>"
+				><img src="../img/topleftline<?cs var:Data.Goban.1.1.color ?>.png"></a><?cs 
+		elif:(x == 1) && (y == Data.GobanSize) ?><!-- #upper right --><a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+			><img src="../img/toprightline<?cs var:Data.Goban[x][y].color ?>.png"
+			></a><br><?cs
+		elif:(x == Data.GobanSize) && (y == Data.GobanSize) ?><!-- #lower right --><a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+			><img src="../img/bottomrightline<?cs var:Data.Goban[x][y].color ?>.png"
+			></a><br><?cs
+		elif:(x == Data.GobanSize) && (y == 1) ?><!-- #lower left --><a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+			><img src="../img/bottomleftline<?cs var:Data.Goban[x][y].color ?>.png"
+			></a><?cs
+		elif:(y == 1) ?><!-- #left line --><a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+			><img src="../img/leftline<?cs var:Data.Goban[x][y].color ?>.png"
+			></a><?cs
+		elif:(x == 1) ?><!-- #top line --><a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+			><img src="../img/topline<?cs var:Data.Goban[x][y].color ?>.png"
+			></a><?cs
+		elif:(y == Data.GobanSize) ?><!-- #right line --><a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+			><img src="../img/rightline<?cs var:Data.Goban[x][y].color ?>.png"
+			></a><br><?cs
+		elif:(x == Data.GobanSize) ?><!-- #bottom line --><a 
+			href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+			><img src="../img/bottomline<?cs var:Data.Goban[x][y].color ?>.png"
+			></a><?cs
+		else ?><!-- now the hoshis or normal inner fields --><?cs 
+			if:Data.Goban[x][y].hoshi ?><!-- this is a hoshi --><?cs
+				if:Data.Goban[x][y].color ?><!-- this is a hoshi with a stone, e.g. handled as normal field. --><a
+					href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+					><img src="../img/centerline<?cs var:Data.Goban[x][y].color ?>.png"
+					></a><?cs
+				else ?><!-- this is a hoshi without stone --><a
+					href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName ?>"
+					><img src="../img/hoshi.png"
+					></a><?cs
+				/if ?><?cs 
+			else ?><!-- normal inner field --><a 
+				href="/playgame/?coord=<?cs var:x ?>,<?cs var:y ?>&game=<?cs var:Data.GameName?>"
+				><img src="../img/centerline<?cs var:Data.Goban[x][y].color ?>.png"
+				></a><?cs
+			
+			/if ?><?cs
+		/if ?><?cs 
+	/loop ?><?cs 
+/loop ?>
+
+
+
+<?cs include:"templates/footer.cs" ?>
\ No newline at end of file