ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / timer.tbf.ro /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : index.html \| Size : 5.41 KB
<!DOCTYPE html> <html> <head> <title>Timer</title> <style> body { background-color: black; color: white; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; font-size: 3em; font-family: Arial, sans-serif; flex-direction: column; font-family: Abril Fatface; } #start-button { margin-top: 1em; font-size: 0.5em; } #progress-bar { position: absolute; bottom: 0; left: 0; height: 100vh; background-color: rgb(255, 196, 57); z-index:-1; } .input-style { display: block; width: 60%; height: 60px; padding: 10px 20px; margin: 20px auto; font-size: 25px; line-height: 25px; font-family: Arial, sans-serif; border: none; border-radius: 10px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; outline: none; background-color: white; color: black; } .input-style:hover { box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2); transform: translateY(-3px); } .input-style:focus { border: 2px solid rgb(255, 196, 57); } .button-style { display: inline-block; font-family: Arial, sans-serif; font-size: 20px; text-align: center; color: #fff; border: none; padding: 15px 30px; margin: 10px 2px; background-color: rgb(255, 196, 57); transition: all 0.5s; cursor: pointer; border-radius: 10px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); outline: none; text-decoration: none; } .button-style:hover { background-color: rgb(230, 176, 52); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2); transform: translateY(-3px); } .button-style:active { transform: translateY(-1px); } </style> </head> <body> <h1 id="timer">Timp per sesiune</h1> <input id="time-input" class="input-style" type="number" min="1" placeholder="Minute pe sesiune" /> <input id="sesssions-input" class="input-style" type="number" min="1" value="6" placeholder="Numar de sesiuni" /> <input id="name-input" class="input-style" type="text" value="Manager" placeholder="Titlu sesiune" /> <button id="start-button" class="button-style">Start</button> <div id="progress-bar"></div> <script> let totalTime; let timeLeft; let timersLeft = 6; let currentManager = 1; let titleName = 'Manager'; let intervalId; const beep = new Audio('beep.wav'); // Your beep sound function startTimer() { if (timersLeft < 1) { document.getElementById('timer').innerText = 'Timpul s-a terminat!!'; document.getElementById('progress-bar').style.width = '0'; return; } // Start timer intervalId = setInterval(() => { timeLeft--; let minutes = Math.floor(timeLeft / 60); let seconds = timeLeft % 60; if(document.getElementById('sesssions-input').value != 1){ document.getElementById('timer').innerText = titleName + ` #${currentManager}: ${minutes}:${seconds < 10 ? '0' + seconds : seconds}`; }else{ document.getElementById('timer').innerText = titleName + `: ${minutes}:${seconds < 10 ? '0' + seconds : seconds}`; } // Update progress bar let progress = ((totalTime - timeLeft) / totalTime) * 100; document.getElementById('progress-bar').style.width = progress + '%'; if (timeLeft < 1) { clearInterval(intervalId); beep.play(); // Play sound timersLeft--; timeLeft = document.getElementById('time-input').value * 60; totalTime = timeLeft; currentManager++; startTimer(); } }, 1000); } // Start button event document.getElementById('start-button').addEventListener('click', function() { timeLeft = document.getElementById('time-input').value * 60; // Get value from input field totalTime = timeLeft; timersLeft = document.getElementById('sesssions-input').value ? document.getElementById('sesssions-input').value : 6; titleName = document.getElementById('name-input').value ? document.getElementById('name-input').value : 'Manager'; document.getElementById('time-input').style.display = 'none'; // Hide input field document.getElementById('sesssions-input').style.display = 'none'; // Hide input field document.getElementById('name-input').style.display = 'none'; // Hide input field document.getElementById('start-button').style.display = 'none'; // Hide start button startTimer(); }); </script> </body> </html> Back

Edit File : index.html | Size : 5.41 KB

<!DOCTYPE html>
<html>
<head>
    <title>Timer</title>
    <style>
        body {
            background-color: black;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            font-size: 3em;
            font-family: Arial, sans-serif;
            flex-direction: column;
            font-family: Abril Fatface;
        }

#start-button {
            margin-top: 1em;
            font-size: 0.5em;
        }

#progress-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 100vh;
            background-color: rgb(255, 196, 57);
            z-index:-1;
        }

.input-style {
            display: block;
            width: 60%;
            height: 60px;
            padding: 10px 20px;
            margin: 20px auto;
            font-size: 25px;
            line-height: 25px;
            font-family: Arial, sans-serif;
            border: none;
            border-radius: 10px;
            box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease 0s;
            outline: none;
            background-color: white;
            color: black;
        }

.input-style:hover {
            box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
            transform: translateY(-3px);
        }

.input-style:focus {
            border: 2px solid rgb(255, 196, 57);
        }

.button-style {
            display: inline-block;
            font-family: Arial, sans-serif;
            font-size: 20px;
            text-align: center;
            color: #fff;
            border: none;
            padding: 15px 30px;
            margin: 10px 2px;
            background-color: rgb(255, 196, 57);
            transition: all 0.5s;
            cursor: pointer;
            border-radius: 10px;
            box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
            outline: none;
            text-decoration: none;
        }

.button-style:hover {
            background-color: rgb(230, 176, 52);
            box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
            transform: translateY(-3px);
        }

.button-style:active {
            transform: translateY(-1px);
        }

</style>
</head>
<body>
    <h1 id="timer">Timp per sesiune</h1>
    <input id="time-input" class="input-style" type="number" min="1" placeholder="Minute pe sesiune" />
    <input id="sesssions-input" class="input-style" type="number" min="1" value="6" placeholder="Numar de sesiuni" />
    <input id="name-input" class="input-style" type="text"  value="Manager" placeholder="Titlu sesiune" />
    <button id="start-button" class="button-style">Start</button>
    <div id="progress-bar"></div>
    <script>
        let totalTime;
        let timeLeft; 
        let timersLeft = 6;
        let currentManager = 1;
        let titleName = 'Manager';
        let intervalId;
        const beep = new Audio('beep.wav'); // Your beep sound

function startTimer() {
            if (timersLeft < 1) {
                document.getElementById('timer').innerText = 'Timpul s-a terminat!!';
                document.getElementById('progress-bar').style.width = '0';
                return;
            }

// Start timer
            intervalId = setInterval(() => {
                timeLeft--;
                let minutes = Math.floor(timeLeft / 60);
                let seconds = timeLeft % 60;
                
                if(document.getElementById('sesssions-input').value != 1){
                    document.getElementById('timer').innerText = titleName + ` #${currentManager}: ${minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
                }else{
                    document.getElementById('timer').innerText = titleName + `: ${minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
                }

// Update progress bar
                let progress = ((totalTime - timeLeft) / totalTime) * 100;
                document.getElementById('progress-bar').style.width = progress + '%';

if (timeLeft < 1) {
                    clearInterval(intervalId);
                    beep.play(); // Play sound
                    timersLeft--;
                    timeLeft = document.getElementById('time-input').value * 60;
                    totalTime = timeLeft;
                    currentManager++;
                    startTimer();
                }
            }, 1000);
        }

// Start button event
        document.getElementById('start-button').addEventListener('click', function() {
            timeLeft = document.getElementById('time-input').value * 60; // Get value from input field
            totalTime = timeLeft;
            timersLeft = document.getElementById('sesssions-input').value ? document.getElementById('sesssions-input').value : 6;
            titleName = document.getElementById('name-input').value ? document.getElementById('name-input').value : 'Manager';
            document.getElementById('time-input').style.display = 'none'; // Hide input field
            document.getElementById('sesssions-input').style.display = 'none'; // Hide input field
            document.getElementById('name-input').style.display = 'none'; // Hide input field
            document.getElementById('start-button').style.display = 'none'; // Hide start button
            startTimer();
        });
    </script>
</body>
</html>

Back