index.tmpl 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  5. <!-- versione 5.3.x -->
  6. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  7. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <script>
  10. function copyVal(valore) {
  11. var text = document.getElementById(valore).getAttribute("value");
  12. navigator.clipboard.writeText(text);
  13. }
  14. </script>
  15. <script>
  16. function reloadPage() {
  17. location.reload();
  18. }
  19. </script>
  20. </head>
  21. <body>
  22. <div class="d-flex align-items-center justify-content-center" style="height: 200px"><h2>
  23. Generatore di password del menga!
  24. </div>
  25. <div class="d-flex align-items-center justify-content-center" style="height: 400px;"><h1>
  26. <table class='table'>
  27. <tr>
  28. <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password1' onclick="copyVal('Password1');" value='{{ .Password1 }}'>{{ .Password1 }}</div></td>
  29. </tr>
  30. <tr>
  31. <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password2' onclick="copyVal('Password2');" value='{{ .Password2 }}'>{{ .Password2 }}</div></td>
  32. </tr>
  33. <tr>
  34. <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password3' onclick="copyVal('Password3');" value='{{ .Password3 }}'>{{ .Password3 }}</div></td>
  35. </tr>
  36. <tr>
  37. <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password4' onclick="copyVal('Password4');" value='{{ .Password4 }}'>{{ .Password4 }}</div></td>
  38. </tr>
  39. <tr>
  40. <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password5' onclick="copyVal('Password5');" value='{{ .Password4 }}'>{{ .Password5 }}</div></td>
  41. </tr>
  42. </table>
  43. </div>
  44. <div class="d-flex align-items-center justify-content-center" style="height: 200px;"><h1>
  45. <button type="button" class="btn btn-primary" onclick="reloadPage()">Ricarica</button>
  46. </div>
  47. <div class="d-flex align-items-center justify-content-center" style="height: 200px"><h3>
  48. Copyright: Il mio!<br>
  49. Liberi di generarvi tutte le password che volete<br>
  50. ma se esagerate!....<br>
  51. MCMLXVI@puppamelo.it
  52. </div>
  53. </body>
  54. </html>