Materialize/doc/user/layouts/partials/footer.html

<footer class="footer">
  <div class="theme-switcher">
    <button class="system" aria-label="Set theme to System">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        class="system"
        viewBox="0 0 512 512"
      >
        <title>System Theme</title>
        <path
          d="M256 176a80 80 0 1080 80 80.24 80.24 0 00-80-80zm172.72 80a165.53 165.53 0 01-1.64 22.34l48.69 38.12a11.59 11.59 0 012.63 14.78l-46.06 79.52a11.64 11.64 0 01-14.14 4.93l-57.25-23a176.56 176.56 0 01-38.82 22.67l-8.56 60.78a11.93 11.93 0 01-11.51 9.86h-92.12a12 12 0 01-11.51-9.53l-8.56-60.78A169.3 169.3 0 01151.05 393L93.8 416a11.64 11.64 0 01-14.14-4.92L33.6 331.57a11.59 11.59 0 012.63-14.78l48.69-38.12A174.58 174.58 0 0183.28 256a165.53 165.53 0 011.64-22.34l-48.69-38.12a11.59 11.59 0 01-2.63-14.78l46.06-79.52a11.64 11.64 0 0114.14-4.93l57.25 23a176.56 176.56 0 0138.82-22.67l8.56-60.78A11.93 11.93 0 01209.94 26h92.12a12 12 0 0111.51 9.53l8.56 60.78A169.3 169.3 0 01361 119l57.2-23a11.64 11.64 0 0114.14 4.92l46.06 79.52a11.59 11.59 0 01-2.63 14.78l-48.69 38.12a174.58 174.58 0 011.64 22.66z"
        />
      </svg>
    </button>
    <button class="light" aria-label="Set theme to Light">
      <svg xmlns="http://www.w3.org/2000/svg" class="sun" viewBox="0 0 512 512">
        <title>Light Theme</title>
        <path
          d="M234 26h44v92h-44zM234 394h44v92h-44zM338.025 142.857l65.054-65.054 31.113 31.113-65.054 65.054zM77.815 403.074l65.054-65.054 31.113 31.113-65.054 65.054zM394 234h92v44h-92zM26 234h92v44H26zM338.029 369.14l31.112-31.113 65.054 65.054-31.112 31.112zM77.802 108.92l31.113-31.113 65.054 65.054-31.113 31.112zM256 358a102 102 0 11102-102 102.12 102.12 0 01-102 102z"
        />
      </svg>
    </button>
    <button class="dark" aria-label="Set theme to Dark">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        class="moon"
        viewBox="0 0 512 512"
      >
        <title>Dark Theme</title>
        <path
          d="M152.62 126.77c0-33 4.85-66.35 17.23-94.77C87.54 67.83 32 151.89 32 247.38 32 375.85 136.15 480 264.62 480c95.49 0 179.55-55.54 215.38-137.85-28.42 12.38-61.8 17.23-94.77 17.23-128.47 0-232.61-104.14-232.61-232.61z"
        />
      </svg>
    </button>
  </div>
  {{ with .File }}
  <div>
    <a
      href="//github.com/MaterializeInc/materialize/edit/main/doc/user/content/{{ .Path }}"
      class="btn-ghost"
    >
      <svg
        width="18"
        height="18"
        viewBox="0 0 23 23"
        fill="currentColor"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M20.8945 11.4968C20.8945 10.2394 20.6151 9.0519 20.1261 7.86437C19.6371 6.74669 18.9385 5.69888 18.1701 4.93047C17.4017 4.16207 16.3539 3.4635 15.2362 2.97452C14.1185 2.48553 12.8611 2.20613 11.6038 2.20613C10.3464 2.20613 9.15884 2.48553 7.9713 2.97452C6.85362 3.4635 5.80579 4.16207 5.03738 4.93047C4.26898 5.69888 3.57044 6.74669 3.08145 7.86437C2.59247 8.98205 2.31304 10.2394 2.31304 11.4968C2.31304 13.5226 2.94174 15.3389 4.12928 17.0154C5.31681 18.6919 6.92347 19.8096 8.80956 20.3684V17.9235C8.25072 17.9934 7.97129 17.9933 7.83158 17.9933C6.78376 17.9933 6.01535 17.5044 5.59622 16.5264C5.45651 16.1771 5.24695 15.8278 5.03738 15.6183C4.96753 15.5484 4.89768 15.4786 4.75797 15.3389C4.61826 15.1992 4.47854 15.1293 4.33883 14.9896C4.19912 14.8499 4.12928 14.78 4.12928 14.78C4.12928 14.6403 4.26898 14.6403 4.5484 14.6403C4.82782 14.6403 5.10724 14.7102 5.31681 14.8499C5.52637 14.9896 5.73594 15.1293 5.87565 15.3389C6.01536 15.5484 6.15507 15.758 6.36463 15.9676C6.50434 16.1771 6.71391 16.3168 6.92348 16.4565C7.13304 16.5963 7.41246 16.6661 7.76173 16.6661C8.18086 16.6661 8.53014 16.5963 8.94927 16.4565C9.08898 15.8977 9.43825 15.4786 9.85738 15.1293C8.25072 14.9896 7.06318 14.5705 6.29477 13.9418C5.52637 13.3131 5.10724 12.1954 5.10724 10.6586C5.10724 9.54089 5.45652 8.56294 6.15507 7.79453C6.01536 7.3754 5.9455 6.95626 5.9455 6.53713C5.9455 5.97829 6.08521 5.41946 6.36463 4.93047C6.92347 4.93047 7.41245 5.00032 7.83158 5.20989C8.25071 5.41945 8.7397 5.69886 9.29854 6.11799C10.0669 5.97828 10.8354 5.83858 11.7435 5.83858C12.5119 5.83858 13.2803 5.90845 13.9788 6.04816C14.5377 5.62903 15.0267 5.3496 15.4458 5.20989C15.8649 5.00032 16.3539 4.93047 16.9127 4.93047C17.1922 5.41946 17.3319 5.97829 17.3319 6.53713C17.3319 6.95626 17.262 7.3754 17.1223 7.72467C17.8209 8.49308 18.1701 9.47105 18.1701 10.5887C18.1701 12.1255 17.751 13.1734 16.9826 13.8719C16.2142 14.5705 15.0266 14.9197 13.42 15.0594C14.1185 15.5484 14.398 16.1771 14.398 16.9455V20.2287C16.3539 19.6 17.8907 18.4823 19.0782 16.8757C20.2658 15.3389 20.8945 13.5226 20.8945 11.4968ZM22.7107 11.4968C22.7107 13.5226 22.2217 15.4087 21.2438 17.0852C20.2658 18.8316 18.8687 20.1588 17.1922 21.1368C15.4458 22.1148 13.6296 22.6038 11.6038 22.6038C9.57796 22.6038 7.69188 22.1148 6.01536 21.1368C4.26898 20.1588 2.94174 18.7618 1.96377 17.0852C0.985796 15.3389 0.496807 13.5226 0.496807 11.4968C0.496807 9.47104 0.985796 7.58496 1.96377 5.90844C2.94174 4.16206 4.33884 2.83483 6.01536 1.85686C7.76173 0.878886 9.57796 0.389897 11.6038 0.389897C13.6296 0.389897 15.5156 0.878886 17.1922 1.85686C18.9385 2.83483 20.2658 4.23192 21.2438 5.90844C22.2217 7.58496 22.7107 9.47104 22.7107 11.4968Z"
        />
      </svg>
      Edit this page
    </a>
  </div>
  {{ end }}
  <div class="footer-links">
    <a href="https://materialize.com">Home</a>
    <a href="https://status.materialize.com">Status</a>
    <a href="https://github.com/MaterializeInc/materialize">GitHub</a>
    <a href="https://materialize.com/blog">Blog</a>
    <a href="https://materialize.com/contact">Contact</a>
    <button id="cookie-preference">Cookie Preferences</button>
    <a href="https://materialize.com/privacy-policy/">Privacy Policy</a>
  </div>
  <p>&copy; {{ now.Format "2006" }} Materialize Inc.</p>
</footer>