TextDungeon.io 2.0
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

128 lines
4.0KB

  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4. <meta charset="utf-8">
  5. <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
  6. <!--<meta http-equiv="Content-Security-Policy" content="default-src 'self'">-->
  7. <title>Text Dungeon</title>
  8. <link rel="stylesheet" type="text/css" href="/webjars/Semantic-UI/2.4.1/semantic.min.css">
  9. <link rel="stylesheet" type="text/css" href="css/style.css">
  10. <script
  11. src="https://code.jquery.com/jquery-3.4.1.min.js"
  12. integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  13. crossorigin="anonymous"></script>
  14. <script>src = "/webjars/Semantic-UI/2.4.1/semantic.min.js"</script>
  15. </head>
  16. <body>
  17. <!-- filmgrain.js dep -->
  18. <canvas id="canvas"></canvas>
  19. <!-- logo -->
  20. <div id="div-logo" class="ui center aligned container">
  21. <img id="img-logo" src="imgs/logo.png" alt="logo">
  22. </div>
  23. <!-- login -->
  24. <div id="div-login-parent" class="ui center aligned container">
  25. <div id="div-login" class="ui center aligned container basic segment">
  26. <div class="ui left attached rail">
  27. <div class="ui basic segment">
  28. <!-- seg -->
  29. <div class="ui large inverted vertical pointing menu" style="background: transparent;">
  30. <a class="active item">
  31. <span style="color: #007373; font-weight: bold;">Enter</span>
  32. </a>
  33. <a class="item" onclick="initEmptyForm();">
  34. <span style="color: #005151;">Create</span>
  35. </a>
  36. <a class="item" onclick="initAboutPage();">
  37. <span style="color: #005151;">About</span>
  38. </a>
  39. </div>
  40. <!-- seg -->
  41. </div>
  42. </div>
  43. <input id="name" type="text" name="name" placeholder="Name">
  44. <div id="label-name" class="ui left pointing label"
  45. style="position: fixed; display: none;">
  46. </div>
  47. <br>
  48. <input id="password" type="password" name="password" placeholder="Password">
  49. <div id="label-password" class="ui left pointing label"
  50. style="position: fixed; display: none;">
  51. </div>
  52. <br>
  53. <input id="btn-login" type="button">
  54. </div>
  55. </div>
  56. <!-- FORM PAGE -->
  57. <div id="page-form-menu" class="ui inverted attached stackable menu" style="display: none; background-color: #0f2229">
  58. <div class="ui container">
  59. <a class="item">
  60. <i class="save icon"></i> Save
  61. </a>
  62. <div class="ui simple dropdown item">
  63. Settings
  64. <i class="dropdown icon"></i>
  65. <div class="menu">
  66. <a class="item"><i class="key icon"></i> Change Password</a>
  67. <a class="item"><i class="trash icon"></i> Delete</a>
  68. </div></div>
  69. <div class="right item">
  70. <div class="ui input"><input type="text" placeholder="Name"></div>
  71. <a class="ui item">
  72. Logout
  73. </a>
  74. </div>
  75. </div>
  76. </div>
  77. <div id="page-form" class="ui container" style="display: none">
  78. <!-- tab container -->
  79. <div class="ui inverted top attached tabular menu">
  80. <a class="active item">
  81. Active Project
  82. </a>
  83. <a class="item" style="color: aliceblue; background-color: #005151;">
  84. Project #2
  85. </a>
  86. <div class="right menu">
  87. <a class="item">
  88. <i class="add icon"></i> New Tab
  89. </a>
  90. </div>
  91. </div>
  92. <div class="ui bottom attached segment" style="background-color: #1b1c1d;">
  93. <!-- tab segment -->
  94. <div class="ui form">
  95. <div class="field">
  96. <textarea id="textarea" style="background-color: #1b1f23; color: ghostwhite"></textarea>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <script src="js/post.js"></script>
  102. <script src="js/filmgrain.js"></script>
  103. </body>
  104. </html>