Webleb - UI Elements

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <meta name="description" content="Guess the word in 6 tries. Play daily, hourly and infinite modes." />
    <meta name="theme-color" content="#6aaa64" />
    <link rel="manifest" href="https://cdn.jsdelivr.net/gh/Nailington/3kh0-assets@aeb371b7e88542fd5e61eeed9e967a446d84fe1b/wordle/manifest.json" />
    <link rel="icon" href="https://cdn.jsdelivr.net/gh/Nailington/3kh0-assets@aeb371b7e88542fd5e61eeed9e967a446d84fe1b/wordle/img/logo_32x32.png" type="image/x-icon" />
    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/Nailington/3kh0-assets@aeb371b7e88542fd5e61eeed9e967a446d84fe1b/wordle/img/logo_32x32.png" type="image/x-icon" />
    <link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/gh/Nailington/3kh0-assets@aeb371b7e88542fd5e61eeed9e967a446d84fe1b/wordle/img/logo_192x192.png" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Nailington/3kh0-assets@aeb371b7e88542fd5e61eeed9e967a446d84fe1b/wordle/global.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Nailington/3kh0-assets@aeb371b7e88542fd5e61eeed9e967a446d84fe1b/wordle/build/bundle.css" />
    
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Wordle+ - A word guessing game" />
    <meta property="og:description" content="Guess the word in 6 tries. Play daily, hourly and infinite modes." />
    <meta property="og:image" content="img/og_1200x630.png" />
    <script>
      // PWA Service worker
      if ("serviceWorker" in navigator) {
        navigator.serviceWorker.register("sw.js");
      }
    </script>
    <script src="/js/main.js"></script>
    <script defer src="https://cdn.jsdelivr.net/gh/Nailington/3kh0-assets@aeb371b7e88542fd5e61eeed9e967a446d84fe1b/wordle/build/bundle.js"></script>
    <title>Wordle</title>
  </head>

CSS

JS