GREGOIRE LODI POINT JAVASCRIPT

zarbouka.user.js

// ==UserScript==
// @name         zarbouka
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://intra.epitech.eu/user/gregoire.lodi@epitech.eu/
// @grant        unsafeWindow
// ==/UserScript==

(function(window, document) {
    'use strict';

    // Your code here...
    var i = document.querySelector("#profil .bloc.main .data .picture img");
    i.setAttribute("src", "http://5.196.8.175/gregtpd_cs.jpg");
    i.setAttribute("style", "width:auto;height:100%;margin-top:0 !important;");
    document.querySelector(".item.locations tr td.value").innerText = "Wéwéwé La FIFO";
    document.querySelector(".studentyear").innerText = "3rd year";
    document.querySelector(".note .value").innerText = "3";
    document.querySelector(".note .value:last-child").innerText = "0.48";
    document.querySelector(".info-telephone").remove();
    
    var e = document.createElement("div");
    e.innerHTML = `<style>* {
    font-family:'Comic Sans MS';
}

.zarmabogoce {
   position: absolute;
   z-index: 999999;
   width: 20%;
   left: 0;
   top: 9%;
   margin-left: -500px;
   animation: zarma 1s infinite linear;
}

@keyframes zarma {
    
    25% {
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
    }
    
    50% {
	-moz-transform:rotate(720deg);
	-o-transform:rotate(720deg);
	transform:rotate(720deg);
    }

    75% {
	-moz-transform:rotate(1080deg);
	-o-transform:rotate(1080deg);
	transform:rotate(1080deg);
    }
	
    to {
	left: 100%;
	margin-left: 0px;
	-moz-transform:rotate(1440deg);
	-o-transform:rotate(1440deg);
	transform:rotate(1440deg);

    }
}</style>
      <img src="http://5.196.8.175/zarbouka.png" class="zarmabogoce" />
      <img src="http://5.196.8.175/zarbouka.png" class="zarmabogoce" style="top: 56%" />`;
    document.body.appendChild(e);
})(window, document);