@(scoreOption: Option[lila.coordinate.Score])(implicit ctx: Context) @import lila.pref.Pref.Color @moreCss = { @cssTag("coordinate.css") } @moreJs = { @jsTag("vendor/sparkline.min.js") @jsTagCompiled("coordinate.js") } @base.layout( title = trans.coordinates.coordinateTraining.txt(), moreCss = moreCss, moreJs = moreJs, openGraph = lila.app.ui.OpenGraph( title = "Chess board coordinates trainer", url = s"$netBaseUrl${routes.Coordinate.home.url}", description = "Knowing the chessboard coordinates is a very important chess skill. A square name appears on the board and you must click on the correct square.").some, zoomable = true) {
0

@trans.coordinates.coordinates()

@if(ctx.isAuth) { @scoreOption.map { score =>
@scoreCharts(score)
} } else {

@trans.toTrackYourProgress()

}
@List(Color.BLACK, Color.RANDOM, Color.WHITE).map { id =>
}

@trans.coordinates.knowingTheChessBoard()

  • @trans.coordinates.mostChessCourses()
  • @trans.coordinates.talkToYourChessFriends()
  • @trans.coordinates.youCanAnalyseAGameMoreEffectively()

@trans.coordinates.aSquareNameAppears()

}