commit 75341f2dfe14ba69e22ac4382baaa5abe778c2c0 · banana.tngl.sh/passgen-astro

+14 -3

src/pages/index.astro

···

       46
        
               navigator.clipboard.writeText(password)

     

       47
        
               display.style.setProperty("color", "#83c472")

     

       48
        
               wrapper.style.setProperty("border-color", "#83c472")

     

       49
       -
               display.textContent = "Copied to clipboard"

     

       50
        
               setTimeout(() => {

     

       51
        
                   display.style.setProperty("color", "#ffffff")

     

       52
        
                   wrapper.style.setProperty("border-color", "#ffffff")

     
···

       57
        
                   }

     

       58
        
               }, 1000)

     

       59
        
           })

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       60
        
           </script>

     

       61
        
           <body class="bg-black flex justify-center align-middle min-h-svh font-display font-bold">

     

       62
       -
               <div id="box" class="m-auto pt-[4rem] pb-[4rem] pl-[6rem] pr-[6rem] border-2 border-[#d14141] rounded-2xl 

     

       63
        
                   hover:cursor-pointer hover:scale-105 active:scale-95 transition-transform duration-150 ease-in hover:ease-out

     

       64
        
                   ">

     

       65
       -
                   <span id="password" class="text-[#d14141] text-2xl text-center transition-colors duration-150 ease-in hover:ease-out">Generating...</span>

     

       0
        
       
     

       66
        
               </div>

     

       67
        
           </body>

     

       68
        
       </html>

···

       46
        
               navigator.clipboard.writeText(password)

     

       47
        
               display.style.setProperty("color", "#83c472")

     

       48
        
               wrapper.style.setProperty("border-color", "#83c472")

     

       49
       +
               display.textContent = "Copied to clipboard..."

     

       50
        
               setTimeout(() => {

     

       51
        
                   display.style.setProperty("color", "#ffffff")

     

       52
        
                   wrapper.style.setProperty("border-color", "#ffffff")

     
···

       57
        
                   }

     

       58
        
               }, 1000)

     

       59
        
           })

     

       60
       +
           document.addEventListener("keydown", (event) => {

     

       61
       +
               if (event.code == "Space") {

     

       62
       +
                   display.style.setProperty("color", "#8672c4")

     

       63
       +
                   wrapper.style.setProperty("border-color", "#8672c4")

     

       64
       +
                   display.textContent = "Reloading..." 

     

       65
       +
                   setTimeout(() => {

     

       66
       +
                       location.reload()

     

       67
       +
                   }, 500)

     

       68
       +
               }

     

       69
       +
           })

     

       70
        
           </script>

     

       71
        
           <body class="bg-black flex justify-center align-middle min-h-svh font-display font-bold">

     

       72
       +
               <div id="box" class="m-auto pt-[4rem] pb-[4rem] min-w-[50%] max-w-[90%] pl-[6rem] pr-[6rem] border-2 border-[#7289c4] rounded-2xl flex flex-col

     

       73
        
                   hover:cursor-pointer hover:scale-105 active:scale-95 transition-transform duration-150 ease-in hover:ease-out

     

       74
        
                   ">

     

       75
       +
                   <span id="password" class="text-[#7289c4] text-3xl text-center transition-colors duration-150 ease-in hover:ease-out overflow-clip">Generating...</span>

     

       76
       +
                   <span class="text-slate-700 text-md w-full text-center mt-[1rem]">[click] to copy | [hover] to view | [space] to reload</span>

     

       77
        
               </div>

     

       78
        
           </body>

     

       79
        
       </html>