core.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Loading cx-doxy...</title>
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1">
  8. <meta
  9. charset="UTF-8">
  10. <script
  11. type="module"
  12. src="./assets/core.js">
  13. </script>
  14. <link
  15. href="./theme/core.css"
  16. rel="stylesheet"
  17. type="text/css">
  18. <link
  19. rel="stylesheet"
  20. href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200">
  21. <link
  22. rel="preconnect"
  23. href="https://fonts.googleapis.com">
  24. <link
  25. rel="preconnect"
  26. href="https://fonts.gstatic.com"
  27. crossorigin>
  28. <link
  29. href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
  30. rel="stylesheet">
  31. </head>
  32. <body>
  33. <div class="app">
  34. <div class="top-bar">
  35. <div class="search-bar">
  36. <input
  37. name="search-type"
  38. id="search-type"
  39. type="text">
  40. <button
  41. name="search-clear"
  42. id="search-clear"
  43. type="button">
  44. <span
  45. class="material-symbols-outlined">
  46. backspace
  47. </span>
  48. </button>
  49. </div>
  50. <div class="logo-bar">
  51. </div>
  52. </div>
  53. <div class="left-bar">
  54. <div class="control-buttons">
  55. <button
  56. name="close-it"
  57. class="close-it"
  58. type="button">
  59. <span
  60. class="material-symbols-outlined">
  61. close
  62. </span>
  63. </button>
  64. <button
  65. name="open-it"
  66. class="open-it"
  67. type="button">
  68. <span
  69. class="material-symbols-outlined">
  70. open_in_full
  71. </span>
  72. </button>
  73. </div>
  74. </div>
  75. <div class="submission">
  76. <div class="title">
  77. <p class="name"></p>
  78. <p class="description"></p>
  79. </div>
  80. <div class="content">
  81. </div>
  82. </div>
  83. <div class="elements">
  84. <div class="control-buttons">
  85. <button
  86. name="close-it"
  87. class="close-it"
  88. type="button">
  89. <span
  90. class="material-symbols-outlined">
  91. close
  92. </span>
  93. </button>
  94. <button
  95. name="open-it"
  96. class="open-it"
  97. type="button">
  98. <span
  99. class="material-symbols-outlined">
  100. open_in_full
  101. </span>
  102. </button>
  103. </div>
  104. </div>
  105. <div class="element">
  106. <div class="title">
  107. <div class="content">
  108. </div>
  109. <div class="control">
  110. <button
  111. name="close-it"
  112. class="close-it"
  113. type="button">
  114. <span
  115. class="material-symbols-outlined">
  116. close
  117. </span>
  118. </button>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </body>
  124. </html>