index.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6. <title>Yixboost CTF Team</title>
  7. <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet"/>
  8. <link href="assets/css/styles.css" rel="stylesheet"/>
  9. </head>
  10. <body>
  11. <section class="terminal" id="terminal">
  12. <div class="terminal-titlebar" id="titlebar">
  13. <span class="titlebar-label">~ terminal</span>
  14. <div class="titlebar-controls">
  15. <button class="wm-btn wm-minimize" id="btn-minimize" aria-label="Minimize">
  16. <svg viewBox="0 0 16 16" width="10" height="10"><line x1="3" y1="8" x2="13" y2="8" stroke="rgba(0,0,0,0.55)" stroke-width="1.6" stroke-linecap="round"/></svg>
  17. </button>
  18. <button class="wm-btn wm-maximize" id="btn-maximize" aria-label="Maximize">
  19. <svg viewBox="0 0 16 16" width="10" height="10"><rect x="3.5" y="3.5" width="9" height="9" rx="1.5" fill="none" stroke="rgba(0,0,0,0.55)" stroke-width="1.5"/></svg>
  20. </button>
  21. <button class="wm-btn wm-close" id="btn-close" aria-label="Close">
  22. <svg viewBox="0 0 16 16" width="10" height="10">
  23. <line x1="3" y1="3" x2="13" y2="13" stroke="rgba(0,0,0,0.55)" stroke-width="1.6" stroke-linecap="round"/>
  24. <line x1="13" y1="3" x2="3" y2="13" stroke="rgba(0,0,0,0.55)" stroke-width="1.6" stroke-linecap="round"/>
  25. </svg>
  26. </button>
  27. </div>
  28. </div>
  29. <div class="terminal-body">
  30. <span class="prompt">$</span> whoami<br/>
  31. <span class="output">yixboost — ctf team</span><br/>
  32. <span class="prompt">$</span> cat members.txt<br/>
  33. <span class="output">a bunch of teenagers</span><br/>
  34. <span class="prompt">$</span> cat goal.txt<br/>
  35. <span class="output">have fun, learn stuff, maybe get a flag</span><br/>
  36. <span class="prompt">$</span> <span class="cursor"></span>
  37. </div>
  38. <div class="resize-handle resize-n" data-dir="n"></div>
  39. <div class="resize-handle resize-s" data-dir="s"></div>
  40. <div class="resize-handle resize-w" data-dir="w"></div>
  41. <div class="resize-handle resize-e" data-dir="e"></div>
  42. <div class="resize-handle resize-nw" data-dir="nw"></div>
  43. <div class="resize-handle resize-ne" data-dir="ne"></div>
  44. <div class="resize-handle resize-sw" data-dir="sw"></div>
  45. <div class="resize-handle resize-se" data-dir="se"></div>
  46. </section>
  47. <div class="startmenu" id="startmenu" aria-hidden="true">
  48. <div class="startmenu-inner">
  49. <div class="sm-left">
  50. <p class="sm-section-label">Pinned</p>
  51. <div class="sm-pinned">
  52. <a class="sm-app" href="https://link.yixboost.dev/ctftime" target="_blank" id="sm-ctftime">
  53. <div class="sm-app-icon sm-icon-img">
  54. <img src="assets/images/ctftime.png" alt="CTFtime" width="36" height="36"/>
  55. </div>
  56. <span>CTFtime</span>
  57. </a>
  58. <a class="sm-app" href="https://git.tuxworld.nl/yixboost-ctf-team" target="_blank" id="sm-tuxforge">
  59. <div class="sm-app-icon sm-icon-img">
  60. <img src="assets/images/tuxforge.png" alt="TuxForge" width="36" height="36"/>
  61. </div>
  62. <span>TuxForge</span>
  63. </a>
  64. <button class="sm-app" id="sm-terminal-launch">
  65. <div class="sm-app-icon sm-icon-term">
  66. <svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg">
  67. <rect x="2" y="3" width="20" height="16" rx="2" stroke="white" stroke-width="1.6"/>
  68. <path d="M6 8l4 3.5L6 15" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
  69. <line x1="13" y1="15" x2="18" y2="15" stroke="white" stroke-width="1.6" stroke-linecap="round"/>
  70. </svg>
  71. </div>
  72. <span>Terminal</span>
  73. </button>
  74. </div>
  75. </div>
  76. <div class="sm-right">
  77. <p class="sm-section-label">About</p>
  78. <div class="sm-info">
  79. <div class="sm-info-row">
  80. <span class="sm-info-key">team</span>
  81. <span class="sm-info-val">yixboost</span>
  82. </div>
  83. <div class="sm-info-row">
  84. <span class="sm-info-key">members</span>
  85. <span class="sm-info-val">cool teenagers</span>
  86. </div>
  87. <div class="sm-info-row">
  88. <span class="sm-info-key">goal</span>
  89. <span class="sm-info-val">get the flag</span>
  90. </div>
  91. </div>
  92. <div class="sm-divider"></div>
  93. <p class="sm-section-label">Links</p>
  94. <a class="sm-link" href="https://ctftime.org" target="_blank">→ ctftime.org</a>
  95. <a class="sm-link" href="https://git.tuxworld.nl" target="_blank">→ git.tuxworld.nl</a>
  96. </div>
  97. </div>
  98. <div class="sm-footer">
  99. <div class="sm-user">
  100. <div class="sm-avatar">yx</div>
  101. <span>yixboost</span>
  102. </div>
  103. <button class="sm-power" title="Power off" aria-label="Power">
  104. <svg viewBox="0 0 24 24" width="16" height="16" fill="none">
  105. <path d="M12 3v9" stroke="white" stroke-width="2" stroke-linecap="round"/>
  106. <path d="M7 6.3A8 8 0 1 0 17 6.3" stroke="white" stroke-width="2" stroke-linecap="round"/>
  107. </svg>
  108. </button>
  109. </div>
  110. </div>
  111. <nav class="taskbar" id="taskbar">
  112. <button class="tb-start" id="tb-start" aria-label="Start menu" title="Start">
  113. <img src="assets/images/logo.png" alt="Start" width="26" height="26" style="border-radius:4px;display:block;"/>
  114. </button>
  115. <div class="tb-windows" id="tb-windows">
  116. <button class="tb-window-item" id="tb-terminal-item" title="~ terminal">
  117. <div class="tb-win-icon">
  118. <svg viewBox="0 0 24 24" width="14" height="14" fill="none">
  119. <rect x="2" y="3" width="20" height="16" rx="2" stroke="white" stroke-width="1.8"/>
  120. <path d="M6 8l4 3.5L6 15" stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
  121. <line x1="13" y1="15" x2="18" y2="15" stroke="white" stroke-width="1.8" stroke-linecap="round"/>
  122. </svg>
  123. </div>
  124. <span class="tb-win-name">terminal</span>
  125. <div class="tb-win-indicator"></div>
  126. </button>
  127. </div>
  128. <div class="tb-right">
  129. <div class="tb-clock" id="tb-clock">
  130. <span id="tb-time">00:00</span>
  131. <span id="tb-date">Mon 01 Jan</span>
  132. </div>
  133. </div>
  134. </nav>
  135. <script src="assets/js/script.js"></script>
  136. </body>
  137. </html>