index.tpl 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5. <title>Pwman3 Web</title>
  6. <meta name="description" content="">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  10. <link rel="stylesheet" href="/static/css/milligram.css">
  11. <link rel="stylesheet" href="/static/css/style.css">
  12. </head>
  13. <main class="wrapper">
  14. <nav class="navigation" >
  15. <section class="container container-nav">
  16. <a class="navigation-title" href="#openModal">
  17. <img class="img" src="https://openclipart.org/download/190821/Cles-de-serrure-lock-keys.svg" height="30" alt="pwman3" title="pwman3">
  18. <h1 class="title">Pwman3</h1>
  19. </a>
  20. <span class="float-right" style="display: inline-block; float: right; padding-top: 0.5rem;">
  21. <div style="padding-right: 0rem; padding-left: 60px; float: right">
  22. <form id="show" class="">
  23. <input id="" class="" type="password" name="auth-pwd" placeholder="Password" style="width:60%" >
  24. <input id="" class="" value="Submit" type="submit" style="float: right; width:33.%; display: inline-block">
  25. </form>
  26. <div>
  27. </span>
  28. <div id="openModal" class="modalDialog">
  29. <div>
  30. <a href="#close" title="Close" class="close">x</a>
  31. <h2>Pwmam3 - Web</h2>
  32. <p> Pwman3 is distributed under the GPL v. 3.
  33. <p> Pwman3 Logo is made by <pre> enolynn</pre> and was downloaded
  34. from openclipart:
  35. <a href="https://openclipart.org/detail/190821/cles-de-serrure-lock-keys">logo</a>.
  36. This logo is distributed under the Creative Commons license.
  37. You can learn more about this Software in
  38. <a href="http://pwman3.github.io/pwman3/">pwman3's home page</a>.</div>.
  39. </div>
  40. </section>
  41. </nav>
  42. <section class="container password-box" style="margin-top: 7rem; ">
  43. Login: <strong>oz.tiram@gmail.com</strong>
  44. <br>Website:<strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  45. <br>Password: <strong>********</strong><br>
  46. Notes: Some notes about this entry
  47. <br>
  48. <div class="tags float-right">
  49. Tags:
  50. <button class="button button-clear button-clear button-tag">net</button>
  51. <button class="button button-clear button-tag">learning</button>
  52. </div>
  53. </section>
  54. <section class="container password-box">
  55. <div>
  56. Login: <strong>oz.tiram@gmail.com</strong>
  57. <br>Website:<strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  58. <br>Password: <strong>********</strong><br>
  59. Notes: Some notes about this entry
  60. <br>
  61. <div class="tags float-right">
  62. <button class="button button-clear button-clear button-tag">net</button>
  63. <button class="button button-clear button-tag">learning</button>
  64. </div>
  65. </div>
  66. </section>
  67. <section class="container password-box">
  68. Login: <strong>oz.tiram@gmail.com</strong>
  69. <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  70. <br>Password: <strong>********</strong><br>
  71. Notes: Some notes about this entry
  72. <br>
  73. <div class="tags float-right">
  74. <button class="button button-clear button-clear button-tag">net</button>
  75. <button class="button button-clear button-tag">learning</button>
  76. </div>
  77. </section>
  78. <section class="container password-box">
  79. Login: <strong>oz.tiram@gmail.com</strong>
  80. <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  81. <br>Password: <strong>********</strong><br>
  82. Notes: Some notes about this entry
  83. <br>
  84. <div class="tags float-right">
  85. <button class="button button-clear button-clear button-tag">net</button>
  86. <button class="button button-clear button-tag">learning</button>
  87. </div>
  88. </section>
  89. <section class="container password-box">
  90. Login: <strong>oz.tiram@gmail.com</strong>
  91. <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  92. <br>Password: <strong>********</strong><br>
  93. Notes: Some notes about this entry
  94. <br>
  95. <div class="tags float-right">
  96. <button class="button button-clear button-clear button-tag">net</button>
  97. <button class="button button-clear button-tag">learning</button>
  98. </div>
  99. </section>
  100. <section class="container password-box">
  101. Login: <strong>oz.tiram@gmail.com</strong>
  102. <br>Website: <strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  103. <br>Password: <strong>********</strong><br>
  104. Notes: Some notes about this entry
  105. <br>
  106. <div class="tags float-right">
  107. <button class="button button-clear button-clear button-tag">net</button>
  108. <button class="button button-clear button-tag">learning</button>
  109. </div>
  110. </section>
  111. </main>
  112. <script type="text/javascript">
  113. $("#auth-btn").click(function () {
  114. $("#show").show('fast');
  115. });
  116. $("#auth-btn").click(function () {
  117. $("#auth-btn").hide(1000);
  118. });
  119. </script>
  120. </html>