index.html 6.6 KB

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