¿Cómo acceder a las variables yml en javascript?

Estoy tratando de hacer una página web estática y quiero que solo la persona con la contraseña que le daré pueda ingresar, pero lo que también quiero ocultar es que nadie que vea mi repositorio pueda verlo.

En el principal.yml:

 - name: run custom code run: console.log($message) env: message: "starting message" KEY: ${{ secrets.KEY }}

y quiero acceder aquí en index.js para verificar si la entrada del usuario es similar a la contraseña que configuré en los secretos:

 $(document).ready(function(){ var key = $KEY;//here $("#submit-btn").click(function(){ alert("button clicked"); var nameInput = $("#name").val(); var keyInput = $("#password").val(); if (nameInput == "Arihant" && keyInput == key) { alert("welcome"); window.location.replace("./machine.html") }else{ alert("Wrong User"); } }); }); pls, tell me how I can do it?