SchoolModMenu

A mod menu to use at school ! Shortcuts / Apps / chatgpt include !

当前为 2024-02-14 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name SchoolModMenu
  3. // @namespace http://tampermonkey.net/
  4. // @version 3.1
  5. // @description A mod menu to use at school ! Shortcuts / Apps / chatgpt include !
  6. // @author dltrost
  7. // @include *
  8. // @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com
  9. // @grant none
  10. // ==/UserScript==
  11.  
  12. const box = document.createElement('div')
  13. box.innerHTML = `
  14.  
  15. <div id="box">
  16. <img class="fond" src="https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxleHBsb3JlLWZlZWR8MXx8fGVufDB8fHx8fA%3D%3D">
  17. <div class="background"></div>
  18.  
  19. <button id="home" onclick="home()" class="start">Home</button>
  20. <img src="https://cdn-icons-png.flaticon.com/512/45/45180.png" id="maison">
  21.  
  22. <button id="apps" onclick="apps()" >Apps</button>
  23. <img src="https://www.svgrepo.com/show/334647/extension.svg" id="extention">
  24.  
  25. <button id="keyboard" onclick="keys()" >Keys</button>
  26. <img src="https://cdn-icons-png.flaticon.com/512/68/68760.png" id="clavier">
  27.  
  28. <button id="settings" onclick="settings()" >Settings</button>
  29. <img src="https://cdn-icons-png.flaticon.com/512/15/15185.png" id="option">
  30. <a href="https://update.greasyfork.org/scripts/487298/SchoolModMenu.user.js">
  31. <div id="v">v2.7</div>
  32. </a>
  33.  
  34. <div id="content1">
  35. <div id="titlehome">What to do ?</div>
  36. <div id="texthome"> This mode allows you to <a class="color">navigate</a> and use <a class="color">applications with complete discretion</a> ! You can change <a class="color">application themes</a>, create <a class="color">keyboard shortcuts</a> in case of panic if a teacher arrives ! I let you discover ;)<a class="color"><br><br>By dltrost</a></div>
  37. </div>
  38.  
  39. <div id="content2">
  40. <a href="https://www.ecoledirecte.com" >
  41. <div class="logosite" id="logo1"></div>
  42. </a>
  43. <a href="https://www.classroom.com" >
  44. <div class="logosite" id="logo2"></div>
  45. </a>
  46. <a href="https://docs.google.com/document/u/0/create?usp=docs_home&ths=true" >
  47. <div class="logosite" id="logo3"></div>
  48. </a>
  49. <a href="https://www.chatgpt.com" >
  50. <div class="logosite" id="logo4"></div>
  51. </a>
  52. <a href="https://code.visualstudio.com/docs/editor/vscode-web" >
  53. <div class="logosite" id="logo5"></div>
  54. </a>
  55. <a href="https://www.youtube.com" >
  56. <div class="logosite" id="logo6"></div>
  57. </a>
  58. <a href="https://www.instagram.com/" >
  59. <div class="logosite" id="logo7"></div>
  60. </a>
  61. <a href="https://www.facebook.com/" >
  62. <div class="logosite" id="logo8"></div>
  63. </a>
  64. <a href="https://www.whatsapp.com/" >
  65. <div class="logosite" id="logo9"></div>
  66. </a>
  67. <a href="https://twitter.com/m" >
  68. <div class="logosite" id="logo10"></div>
  69. </a>
  70. <a href="https://www.snapchat.com/" >
  71. <div class="logosite" id="logo11"></div>
  72. </a>
  73. <a href="https://www.discord.com" >
  74. <div class="logosite" id="logo12"></div>
  75. </a>
  76. <a href="https://www.shellshock.io" >
  77. <div class="logosite" id="logo13"></div>
  78. </a>
  79. <a href="https://garticphone.com/fr" >
  80. <div class="logosite" id="logo14"></div>
  81. </a>
  82. <a href="https://amongus-online.net/" >
  83. <div class="logosite" id="logo15"></div>
  84. </a>
  85. <a href="https://games.voodoo.io/paperio2" >
  86. <div class="logosite" id="logo16"></div>
  87. </a>
  88. <a href="https://diep.io/" >
  89. <div class="logosite" id="logo17"></div>
  90. </a>
  91. <a href="https://www.haxball.com/" >
  92. <div class="logosite" id="logo18"></div>
  93. </a>
  94.  
  95. </div>
  96. </div>
  97.  
  98. <style>
  99. #box {
  100. position: fixed;
  101. top: 20px;
  102. left: 50%;
  103. width: 80px;
  104. height: 12px;
  105. border-radius: 5px;
  106. filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.795));
  107. transform: translateX(-50%);
  108. transition: height 0.4s, width 0.8s, opacity 0.6s, border-radius 0.9s, background-image 0.9s, filter 0.9s;
  109. overflow: hidden;
  110. opacity: 0.7;
  111. }
  112.  
  113. #box:hover {
  114. width: 600px;
  115. height: 200px;
  116. opacity: 1;
  117. border-radius: 8px;
  118. }
  119.  
  120. #home {
  121. position: absolute;
  122. top: 40px;
  123. left: 20px;
  124. width: 130px;
  125. height: 30px;
  126. outline: none;
  127. border: none;
  128. background-color: rgba(255, 255, 255, 0.658);
  129. font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  130. font-size: 15px;
  131. font-weight: 800;
  132. color: rgb(46, 46, 46);
  133. transition-duration: 0.3s;
  134. border-top-left-radius: 3px;
  135. border-top-right-radius: 3px;
  136. }
  137.  
  138. #home:hover, #apps:hover, #keyboard:hover, #settings:hover {
  139. background-color: rgba(255, 255, 255, 0.568);
  140. }
  141.  
  142. #maison, #option, #extention, #clavier {
  143. pointer-events: none;
  144. }
  145.  
  146. #maison {
  147. position: absolute;
  148. width: 15px;
  149. height: auto;
  150. left: 32px;
  151. top: 48px;
  152. }
  153.  
  154. #apps {
  155. position: absolute;
  156. top: 70px;
  157. left: 20px;
  158. width: 130px;
  159. height: 30px;
  160. outline: none;
  161. border: none;
  162. background-color: rgba(255, 255, 255, 0.658);
  163. font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  164. font-size: 15px;
  165. font-weight: 800;
  166. color: rgb(46, 46, 46);
  167. transition-duration: 0.3s;
  168. }
  169.  
  170. #extention {
  171. position: absolute;
  172. width: 15px;
  173. height: auto;
  174. left: 32px;
  175. top: 78px;
  176. }
  177.  
  178. #keyboard {
  179. position: absolute;
  180. top: 100px;
  181. left: 20px;
  182. width: 130px;
  183. height: 30px;
  184. outline: none;
  185. border: none;
  186. background-color: rgba(255, 255, 255, 0.658);
  187. font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  188. font-size: 15px;
  189. font-weight: 800;
  190. color: rgb(46, 46, 46);
  191. transition-duration: 0.3s;
  192. }
  193.  
  194. #clavier {
  195. position: absolute;
  196. width: 15px;
  197. height: auto;
  198. left: 32px;
  199. top: 108px;
  200. }
  201.  
  202. #settings {
  203. position: absolute;
  204. top: 130px;
  205. left: 20px;
  206. width: 130px;
  207. height: 30px;
  208. border: none;
  209. background-color: rgba(255, 255, 255, 0.658);
  210. font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  211. font-size: 12px;
  212. font-weight: 800;
  213. color: rgb(46, 46, 46);
  214. transition-duration: 0.3s;
  215. border-bottom-right-radius: 3px;
  216. border-bottom-left-radius: 3px;
  217. }
  218.  
  219. #option {
  220. position: absolute;
  221. width: 15px;
  222. height: auto;
  223. left: 32px;
  224. top: 138px;
  225. transition-duration: 0.3s;
  226. }
  227.  
  228. #box button.active {
  229. background-color: rgba(255, 255, 255, 0.459);
  230. }
  231.  
  232. #v {
  233. position: absolute;
  234. left: 565px;
  235. top: 10px;
  236. font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  237. font-weight: 800;
  238. font-size: 11px;
  239. text-decoration: none;
  240. color: rgb(70, 203, 255);
  241. }
  242.  
  243. #titlehome, #texthome {
  244. font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  245. font-weight: 800;
  246. color: rgb(216, 216, 216);
  247. }
  248.  
  249. #titlehome {
  250. position: absolute;
  251. left: 330px;
  252. top: 48px;
  253. color: rgb(255, 255, 255) !important;
  254. }
  255.  
  256. #texthome {
  257. position: absolute;
  258. left: 170px;
  259. top: 75px;
  260. text-align: justify;
  261. font-size: 10px;
  262. max-width: 400px;
  263. }
  264.  
  265. .color {
  266. color: rgb(150, 168, 255) !important;
  267. }
  268.  
  269. .fond {
  270. position: absolute;
  271. width: 100%;
  272. height: auto;
  273. pointer-events: none;
  274. filter: blur(2px);
  275. }
  276.  
  277. .background {
  278. position: absolute;
  279. top: 40px;
  280. left: 160px;
  281. width: 424px;
  282. height: 119px;
  283. background-color: rgba(0, 0, 0, 0.253);
  284. border-radius: 3px;
  285. }
  286.  
  287. #content2 {
  288. position: absolute;
  289. left: 5px;
  290. }
  291.  
  292. .logosite {
  293. position: absolute;
  294. width: 30px;
  295. height: 30px;
  296. background-color: rgba(255, 255, 255, 0.685);
  297. border-radius: 3px;
  298. border: none;
  299. transition-duration: 0.2s;
  300. filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.377));
  301. }
  302.  
  303. .logosite:hover {
  304. transform: scale(0.9);
  305. background-color: rgba(255, 255, 255, 0.842);
  306. }
  307.  
  308. #logo1 {
  309. position: absolute;
  310. top: 66px;
  311. left: 168px;
  312. background-image: url("https://static.wixstatic.com/media/138810_d6027b553af442b09f19fe896ff594aa~mv2.png/v1/fill/w_242,h_156,al_c,lg_1,q_85,enc_auto/logoEcoleDirecte_580417d7.png");
  313. background-size: 70%;
  314. background-repeat: no-repeat;
  315. background-position: center;
  316. border: none;
  317. }
  318.  
  319. #logo2 {
  320. position: absolute;
  321. top: 66px;
  322. left: 204px;
  323. background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/59/Google_Classroom_Logo.png");
  324. background-size: 70%;
  325. background-repeat: no-repeat;
  326. background-position: center;
  327. border: none;
  328. }
  329.  
  330. #logo3 {
  331. position: absolute;
  332. top: 66px;
  333. left: 240px;
  334. background-image: url("https://cdn-icons-png.flaticon.com/512/5968/5968517.png");
  335. background-size: 70%;
  336. background-repeat: no-repeat;
  337. background-position: center;
  338. border: none;
  339. }
  340.  
  341. #logo4 {
  342. position: absolute;
  343. top: 66px;
  344. left: 276px;
  345. background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/ChatGPT_logo.svg/1024px-ChatGPT_logo.svg.png");
  346. background-size: 70%;
  347. background-repeat: no-repeat;
  348. background-position: center;
  349. border: none;
  350. }
  351.  
  352. #logo5 {
  353. position: absolute;
  354. top: 102px;
  355. left: 168px;
  356. background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_Code_1.35_icon.svg/2048px-Visual_Studio_Code_1.35_icon.svg.png");
  357. background-size: 70%;
  358. background-repeat: no-repeat;
  359. background-position: center;
  360. border: none;
  361. }
  362.  
  363. #logo6 {
  364. position: absolute;
  365. top: 102px;
  366. left: 204px;
  367. background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/ef/Youtube_logo.png");
  368. background-size: 70%;
  369. background-repeat: no-repeat;
  370. background-position: center;
  371. border: none;
  372. }
  373.  
  374. #logo7 {
  375. position: absolute;
  376. top: 66px;
  377. left: 333px;
  378. background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Instagram_icon.png/1200px-Instagram_icon.png");
  379. background-size: 70%;
  380. background-repeat: no-repeat;
  381. background-position: center;
  382. border: none;
  383. }
  384.  
  385. #logo8 {
  386. position: absolute;
  387. top: 66px;
  388. left: 369px;
  389. background-image: url("https://upload.wikimedia.org/wikipedia/commons/6/6c/Facebook_Logo_2023.png");
  390. background-size: 70%;
  391. background-repeat: no-repeat;
  392. background-position: center;
  393. border: none;
  394. }
  395.  
  396. #logo9 {
  397. position: absolute;
  398. top: 66px;
  399. left: 405px;
  400. background-image: url("https://logodownload.org/wp-content/uploads/2015/04/whatsapp-logo-png.png");
  401. background-size: 70%;
  402. background-repeat: no-repeat;
  403. background-position: center;
  404. border: none;
  405. }
  406.  
  407. #logo10 {
  408. position: absolute;
  409. top: 102px;
  410. left: 333px;
  411. background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Logo_of_Twitter.svg/512px-Logo_of_Twitter.svg.png");
  412. background-size: 70%;
  413. background-repeat: no-repeat;
  414. background-position: center;
  415. border: none;
  416. }
  417.  
  418. #logo11 {
  419. position: absolute;
  420. top: 102px;
  421. left: 369px;
  422. background-image: url("https://www.freeiconspng.com/uploads/social-media-snapchat-logo-png-clipart-21.png");
  423. background-size: 70%;
  424. background-repeat: no-repeat;
  425. background-position: center;
  426. border: none;
  427. }
  428.  
  429. #logo12 {
  430. position: absolute;
  431. top: 102px;
  432. left: 405px;
  433. background-image: url("https://logodownload.org/wp-content/uploads/2017/11/discord-logo-1-1.png");
  434. background-size: 70%;
  435. background-repeat: no-repeat;
  436. background-position: center;
  437. border: none;
  438. }
  439.  
  440. #logo13 {
  441. position: absolute;
  442. top: 66px;
  443. left: 462px;
  444. background-image: url("https://shellshock.io/favicon192.png");
  445. background-size: 70%;
  446. background-repeat: no-repeat;
  447. background-position: center;
  448. border: none;
  449. }
  450.  
  451. #logo14 {
  452. position: absolute;
  453. top: 66px;
  454. left: 498px;
  455. background-image: url("https://logos-world.net/wp-content/uploads/2022/04/Gartic-Phone-Logo.png");
  456. background-size: 90%;
  457. background-repeat: no-repeat;
  458. background-position: center;
  459. border: none;
  460. }
  461.  
  462. #logo15 {
  463. position: absolute;
  464. top: 66px;
  465. left: 534px;
  466. background-image: url("https://assets.stickpng.com/images/6002f9d851c2ec00048c6c78.png");
  467. background-size: 70%;
  468. background-repeat: no-repeat;
  469. background-position: center;
  470. border: none;
  471. }
  472.  
  473. #logo16 {
  474. position: absolute;
  475. top: 102px;
  476. left: 462px;
  477. background-image: url("data:image/jpeg;base64,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");
  478. background-size: 70%;
  479. background-repeat: no-repeat;
  480. background-position: center;
  481. border: none;
  482. }
  483.  
  484. #logo17 {
  485. position: absolute;
  486. top: 102px;
  487. left: 498px;
  488. background-image: url("https://play-lh.googleusercontent.com/6lO401fxwNTk919VwTKOdKGot82kf1WFBYGdhnVgDVsmkdK6Nv6d2ZDpmKBVO9CW2s8=w240-h480-rw");
  489. background-size: 70%;
  490. background-repeat: no-repeat;
  491. background-position: center;
  492. border: none;
  493. }
  494.  
  495. #logo18 {
  496. position: absolute;
  497. top: 102px;
  498. left: 534px;
  499. background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b9ed81e2-fe8b-4139-8830-35dabc5256fa/dbl5xzi-63bb9047-abc4-4df0-91b8-ecbe5c7b3a50.png/v1/fill/w_512,h_512/haxball_game_icon__512x512__by_m_1618_dbl5xzi-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTEyIiwicGF0aCI6IlwvZlwvYjllZDgxZTItZmU4Yi00MTM5LTg4MzAtMzVkYWJjNTI1NmZhXC9kYmw1eHppLTYzYmI5MDQ3LWFiYzQtNGRmMC05MWI4LWVjYmU1YzdiM2E1MC5wbmciLCJ3aWR0aCI6Ijw9NTEyIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.lBYfxBQacojZrd_oIexmEiYwzujVLbEHsJkcmfIFCKw");
  500. background-size: 80%;
  501. background-repeat: no-repeat;
  502. background-position: center;
  503. border: none;
  504. }
  505. </style>
  506. `
  507. document.body.appendChild(box);
  508.  
  509. const homepage = document.getElementById('home')
  510. const appspage = document.getElementById('apps')
  511. const keyboardpage = document.getElementById('keyboard')
  512. const settingspage = document.getElementById('settings')
  513. homepage.classList.add('active')
  514.  
  515. const buttons = document.querySelectorAll('#box button');
  516.  
  517. buttons.forEach(button => {
  518. button.addEventListener('click', function() {
  519. buttons.forEach(btn => btn.classList.remove('active'));
  520. buttons.forEach(btn => btn.classList.remove('start'));
  521. this.classList.add('active');
  522. });
  523. });
  524.  
  525. const homecontent = document.getElementById('content1')
  526. const appscontent = document.getElementById('content2')
  527. const keyscontent = document.getElementById('content3')
  528. const settingscontent = document.getElementById('content4')
  529. homecontent.style.opacity = "1";
  530. appscontent.style.opacity = "0";
  531. keyscontent.style.opacity = "0";
  532. settingscontent.style.opacity = "0";
  533.  
  534. function apps() {
  535. homecontent.style.opacity = "0";
  536. appscontent.style.opacity = "1";
  537. keyscontent.style.opacity = "0";
  538. settingscontent.style.opacity = "0";
  539. }
  540.  
  541. function home() {
  542. homecontent.style.opacity = "1";
  543. appscontent.style.opacity = "0";
  544. keyscontent.style.opacity = "0";
  545. settingscontent.style.opacity = "0";
  546. }
  547.  
  548. function keys() {
  549. homecontent.style.opacity = "0";
  550. appscontent.style.opacity = "0";
  551. keyscontent.style.opacity = "1";
  552. settingscontent.style.opacity = "0";
  553. }
  554.  
  555. function settings() {
  556. homecontent.style.opacity = "0";
  557. appscontent.style.opacity = "0";
  558. keyscontent.style.opacity = "0";
  559. settingscontent.style.opacity = "1";
  560. }
  561.  
  562. const version = GM_info.script.version;
  563. var vUpdate = document.getElementById('v');
  564. alert(version)
  565. vUpdate.textContent = 'v' + version;
  566.  
  567.