How to package PGN in Lichess analysis page format I am trying to bundle together a couple of games on my own website. I would love to have an interface like Lichess's analysis page:



You can turn on the Stockfish engine, try out different moves and then save it.

Since everything is written in Javascript and HTML, I tried downloading the complete HTML of Lichess's analysis page. Opening the saved page again shows missing board background, Stockfish not working, buttons not showing up. I just can't get it to work. I know Lichess uses chessground.js for their layout engine but that is even more obscure with hardly any examples that show how to even display a full pgn. Does anyone know where I can get a Lichess-analysis-page quality package to display some PGNs while allowing for move exploration and Stockfish integration?
My guess is that just saving the HTML, Javascript, etc. didn't work because the Lichess site also has a server component. If you want to go down that road (which seems like a lot of work!), Lichess is open source; see https://github.com/ornicar/lila .

But maybe you could let lichess.org do the hard work and embed the Lichess view of the games in your website. That is supported: see "Embed a chess analysis in your site" and "Embed a chess game in your site" at https://lichess.org/developers . Unfortunately, I don't think it supports Stockfish and analysis within the embedded widget itself, but it does have a link to go to the full version on lichess.org.