Do not show the board before we have an initial load.

[remoteglot] / www / index.html
diff --git a/www/index.html b/www/index.html

index 67b13b89140ee27a6d74435a4507dd2030850695..d2a4d4923ccbe4daf9413ecd3ddaedcc00c238bf 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -8,8 +8,23 @@
    <link rel="stylesheet" href="css/chessboard-0.3.0.min.css" />
    <link rel="stylesheet" href="css/remoteglot.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <!-- For faster development -->
+  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+  <script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
+  <script type="text/javascript" src="js/chess.js"></script>
+  <script type="text/javascript" src="js/json_delta.js"></script>
+  <script type="text/javascript" src="js/jquery.sparkline.js"></script>
+  <script type="text/javascript" src="js/remoteglot.js"></script>
+  <!--
+  -->
+
+  <!-- Minified version of the previous six, compiled together -->
+  <!--
+  <script type="text/javascript" src="js/remoteglot.min.js"></script>
+  -->
  </head>
-<body>
+<body style="opacity: 0">  <!-- Avoid layout shift on initial load. -->
  <audio id="ding" preload="none">
    <source src="ding.opus" type="audio/ogg; codecs=opus" />
    <source src="ding.mp3" type="audio/mp3" />
@@ -65,7 +80,7 @@
      is forced or nearly so.</li>
  </ul>
  <p id="credits"><a href="http://git.sesse.net/?p=remoteglot;a=summary">remoteglot</a>
-  &copy; 2007&ndash;2016 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
+  &copy; 2007&ndash;2022 <a href="http://www.sesse.net/">Steinar H. Gunderson</a>.
    Chess analysis by <a href="http://stockfishchess.org/" id="engineid">Stockfish</a><span id="enginedetails"></span>.
    <span id="movesource"></span>
    Hosting and additional analysis hardware by <a href="http://www.samfundet.no/">Studentersamfundet i Trondhjem</a>
@@ -74,20 +89,5 @@
    and <a href="https://github.com/jhlywa/chess.js">chess.js</a>.
    Ding sound by <a href="https://www.freesound.org/people/Aiwha/sounds/196106/">Aiwha</a> (CC-BY-3.0).
    <span id="lomonosov">7-man Lomonosov tablebase lookup by <a href="http://tb7.chessok.com/">ChessOK</a>.</span></p>
-
-<!-- For faster development -->
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-<script type="text/javascript" src="js/chessboard-0.3.0.min.js"></script>
-<script type="text/javascript" src="js/chess.min.js"></script>
-<script type="text/javascript" src="js/json_delta.js"></script>
-<script type="text/javascript" src="js/jquery.sparkline.js"></script>
-<script type="text/javascript" src="js/remoteglot.js"></script>
-<!--
--->
-
-<!-- Minified version of the previous six, compiled together -->
-<!--
-<script type="text/javascript" src="js/remoteglot.min.js"></script>
--->
  </body>
  </html>