☰

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.0
  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.    
  31.     <a href="https://update.greasyfork.org/scripts/487298/SchoolModMenu.user.js">
  32.         <div id="v">v2.7</div>
  33.     </a>
  34.  
  35.     <div>
  36.         <div id="titlehome">What to do ?</div>
  37.         <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 ;)</div>
  38.     </div>
  39. </div>
  40.  
  41. <style>
  42. #box {
  43.     position: fixed;
  44.     top: 20px;
  45.     left: 50%;
  46.     width: 80px;
  47.     height: 12px;
  48.     background: linear-gradient(139deg, rgb(255, 255, 255), rgb(255, 255, 255));
  49.     border-radius: 5px;
  50.     outline-color: rgb(255, 255, 255);
  51.     filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.308));
  52.     transform: translateX(-50%);
  53.     transition: height 0.4s, width 0.8s, opacity 0.6s, border-radius 0.9s, background-image 0.9s, filter 0.9s;
  54.     overflow: hidden;
  55.     opacity: 0.7;
  56. }
  57.  
  58. #box:hover {
  59.     width: 600px;
  60.     height: 200px;
  61.     opacity: 1;
  62.     border-radius: 8px;
  63. }
  64.  
  65. #home {
  66.     position: absolute;
  67.     top: 40px;
  68.     left: 20px;
  69.     width: 130px;
  70.     height: 30px;
  71.     outline: none;
  72.     border: none;
  73.     background-color: rgba(255, 255, 255, 0.658);
  74.     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  75.     font-size: 15px;
  76.     font-weight: 800;
  77.     color: rgb(46, 46, 46);
  78.     transition-duration: 0.3s;
  79.     border-top-left-radius: 3px;
  80.     border-top-right-radius: 3px;
  81. }
  82.  
  83. #home:hover, #apps:hover, #keyboard:hover, #settings:hover {
  84.     background-color: rgba(255, 255, 255, 0.568);
  85. }
  86.  
  87. #maison, #option, #extention, #clavier {
  88.     pointer-events: none;
  89. }
  90.  
  91. #maison {
  92.     position: absolute;
  93.     width: 15px;
  94.     height: auto;
  95.     left: 32px;
  96.     top: 48px;
  97. }
  98.  
  99. #apps {
  100.     position: absolute;
  101.     top: 70px;
  102.     left: 20px;
  103.     width: 130px;
  104.     height: 30px;
  105.     outline: none;
  106.     border: none;
  107.     background-color: rgba(255, 255, 255, 0.658);
  108.     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  109.     font-size: 15px;
  110.     font-weight: 800;
  111.     color: rgb(46, 46, 46);
  112.     transition-duration: 0.3s;
  113. }
  114.  
  115. #extention {
  116.     position: absolute;
  117.     width: 15px;
  118.     height: auto;
  119.     left: 32px;
  120.     top: 78px;
  121. }
  122.  
  123. #keyboard {
  124.     position: absolute;
  125.     top: 100px;
  126.     left: 20px;
  127.     width: 130px;
  128.     height: 30px;
  129.     outline: none;
  130.     border: none;
  131.     background-color: rgba(255, 255, 255, 0.658);
  132.     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  133.     font-size: 15px;
  134.     font-weight: 800;
  135.     color: rgb(46, 46, 46);
  136.     transition-duration: 0.3s;
  137. }
  138.  
  139. #clavier {
  140.     position: absolute;
  141.     width: 15px;
  142.     height: auto;
  143.     left: 32px;
  144.     top: 108px;
  145. }
  146.  
  147. #settings {
  148.     position: absolute;
  149.     top: 130px;
  150.     left: 20px;
  151.     width: 130px;
  152.     height: 30px;
  153.     border: none;
  154.     background-color: rgba(255, 255, 255, 0.658);
  155.     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  156.     font-size: 12px;
  157.     font-weight: 800;
  158.     color: rgb(46, 46, 46);
  159.     transition-duration: 0.3s;
  160.     border-bottom-right-radius: 3px;
  161.     border-bottom-left-radius: 3px;
  162. }
  163.  
  164. #option {
  165.     position: absolute;
  166.     width: 15px;
  167.     height: auto;
  168.     left: 32px;
  169.     top: 138px;
  170.     transition-duration: 0.3s;
  171. }
  172.  
  173. #box button.active {
  174.     background-color: rgba(255, 255, 255, 0.459);
  175. }
  176.  
  177. #v {
  178.     position: absolute;
  179.     left: 565px;
  180.     top: 10px;
  181.     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  182.     font-weight: 800;
  183.     font-size: 11px;
  184.     text-decoration: none;
  185.     color: rgb(70, 203, 255);
  186. }
  187.  
  188. #titlehome, #texthome {
  189.     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  190.     font-weight: 800;
  191.     color: rgb(216, 216, 216);
  192. }
  193.  
  194. #titlehome {
  195.     position: absolute;
  196.     left: 330px;
  197.     top: 48px;
  198.     color: rgb(255, 255, 255) !important;
  199. }
  200.  
  201. #texthome {
  202.     position: absolute;
  203.     left: 170px;
  204.     top: 75px;
  205.     text-align: justify;
  206.     font-size: 10px;
  207.     max-width: 400px;
  208. }
  209.  
  210. .color {
  211.     color: rgb(150, 168, 255) !important;
  212. }
  213.  
  214. .fond {
  215.     position: absolute;
  216.     width: 100%;
  217.     height: auto;
  218.     pointer-events: none;
  219.     filter: blur(2px);
  220. }
  221.  
  222. .background {
  223.     position: absolute;
  224.     top: 40px;
  225.     left: 160px;
  226.     width: 424px;
  227.     height: 119px;
  228.     background-color: rgba(0, 0, 0, 0.253);
  229.     border-radius: 3px;
  230. }
  231. </style>
  232. `
  233. document.body.appendChild(box);
  234.  
  235. const homepage = document.getElementById('home')
  236. const appspage = document.getElementById('apps')
  237. const keyboardpage = document.getElementById('keyboard')
  238. const settingspage = document.getElementById('settings')
  239. homepage.classList.add('active')
  240.  
  241. const buttons = document.querySelectorAll('#box button');
  242.  
  243. buttons.forEach(button => {
  244.     button.addEventListener('click', function() {
  245.         buttons.forEach(btn => btn.classList.remove('active'));
  246.         buttons.forEach(btn => btn.classList.remove('start'));
  247.         this.classList.add('active');
  248.     });
  249. });
  250.  
  251. function test() {
  252.  
  253. }
  254.  
  255. const version = GM_info.script.version;
  256. var vUpdate = document.getElementById('v');
  257. vUpdate.textContent = 'v' + version;
  258.  
  259.  
  260.