Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>.::Hacked By GUMH::.</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta charset="utf-8">
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Francois+One&family=Lobster&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Eagle+Lake&family=Patrick+Hand+SC&family=Walter+Turncoat&display=swap" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
- </head>
- <body>
- <style>
- @import url('https://fonts.googleapis.com/css2?family=IM+Fell+French+Canon+SC&display=swap');
- @import url('https://fonts.googleapis.com/css2?family=Girassol&display=swap');
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- background: #000;
- }
- section {
- position: relative;
- justify-content: center;
- align-items: center;
- }
- section .text {
- position: absolute;
- color: #fff;
- font-size: 18px;
- user-select: none;
- pointer-events: none;
- animation: animate 7.5s linear infinite;
- }
- @keyframes animate {
- 0% {
- color: blue;
- transform: rotate(360deg);
- }
- 100% {
- color: blue;
- transform: rotate(0deg);
- }
- }
- section .text span {
- top: -100px;
- position: absolute;
- text-transform: uppercase;
- display: inline-block;
- transform-origin: 0 100px;
- }
- .logo {
- width: 300px;
- height: 370px;
- animation: logo 7.5s linear infinite;
- }
- /* @keyframes logo {
- 0% {
- transform: rotate(360deg);
- }
- 100% {
- transform: rotate(0deg);
- }
- }*/
- .p1 {
- letter-spacing: 3px;
- font-family: 'Girassol', cursive;
- font-size: 18pxs;
- border-bottom: 1px solid cyan;
- display: inline-block;
- }
- .p2 {
- margin-top: 0px;
- letter-spacing: 3px;
- font-size: 18px;
- color: darkgreen;
- }
- /*.text{
- font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
- }*/
- .text {
- font-weight: 100;
- font-size: 28px;
- color: #FAFAFA;
- font-family: 'IM Fell French Canon SC', serif;
- text-shadow: 0 0 0.5em red, 0 0 0.5em red;
- }
- .marq{
- margin-top: 30px;
- width: fit-content;
- font-size: 16px;
- border-bottom: 1px solid red;
- border-top: .5px solid red;
- display: block;
- }
- h2 {
- color: #fff;
- font-size: 30px;
- letter-spacing: 0.5em;
- font-family: 'IM Fell French Canon SC', serif;
- animation-name: color;
- animation-duration: 4s;
- animation-iteration-count: infinite;
- text-shadow:1px 0px 0px #ff33,
- 0px 0px 2px #fff;
- }
- @keyframes color {
- 0% {color: white;}
- 25% {color: green;}
- 50% {color: yellow;}
- 75% {color: brown;}
- 100% {color: blue;}
- }
- h1 {
- /*font-family: 'Lobster', cursive;*/
- /*font-family: 'Press Start 2P', cursive;*/
- font-family: 'IM Fell French Canon SC', serif;
- font-size:2.5em;
- text-shadow: 2px 0px 0px red,
- 0px 0px 5px orangered,
- 1px 0px 3px orange,
- 2px 0px 5px yellow;
- letter-spacing: 4px;
- animation: .8s shake infinite alternate;
- }
- @keyframes shake {
- 0% {
- transform: skewX(-35deg);
- }
- 5% {
- transform: skewX(35deg);
- }
- 10% {
- transform: skewX(-35deg);
- }
- 15% {
- transform: skewX(35deg);
- }
- 20% {
- transform: skewX(0deg);
- }
- 100% {
- transform: skewX(0deg);
- }
- }
- @media screen and (max-width: 768px) {
- .p1 {
- font-size: 16px;
- letter-spacing: 1px;
- }
- h2 {
- font-size: 24px;
- letter-spacing: 5px;
- }
- h1 {
- font-size: 2em;
- }
- .logo {
- margin-top: 60px;
- width: 200px;
- height: 270px;
- }
- }
- </style>
- <div class="main">
- <section>
- <!--<h2 class="text">we-are-gray-hackers-</h2>-->
- </section>
- <center>
- <!--<img class="logo" src="https://webserverchl.000webhostapp.com/logo.png" alt="gumh_logo">-->
- <img src="https://i.imgur.com/zC0MtWj.png" alt="gumh_logo" width="250px" height="300px">
- <h1><font color="yellow">HAC</font><font color="green">KED</font><font color="white"> BY</font> <font color="red"> GUMH</font></h1>
- <br><div class="text"></div><br>
- <script>
- class TextScramble {
- constructor(el) {
- this.el = el
- this.chars = '!@#$%^&*()_-=+{}:"|<>?,./;'
- this.update = this.update.bind(this)
- }
- setText(newText) {
- const oldText = this.el.innerText
- const length = Math.max(oldText.length, newText.length)
- const promise = new Promise((resolve) => this.resolve = resolve)
- this.queue = []
- for (let i = 0; i < length; i++) {
- const from = oldText[i] || ''
- const to = newText[i] || ''
- const start = Math.floor(Math.random() * 40)
- const end = start + Math.floor(Math.random() * 40)
- this.queue.push({ from, to, start, end })
- }
- cancelAnimationFrame(this.frameRequest)
- this.frame = 0
- this.update()
- return promise
- }
- update() {
- let output = ''
- let complete = 0
- for (let i = 0, n = this.queue.length; i < n; i++) {
- let { from, to, start, end, char } = this.queue[i]
- if (this.frame >= end) {
- complete++
- output += to
- } else if (this.frame >= start) {
- if (!char || Math.random() < 0.28) {
- char = this.randomChar()
- this.queue[i].char = char
- }
- output += `<span class="dud">${char}</span>`
- } else {
- output += from
- }
- }
- this.el.innerHTML = output
- if (complete === this.queue.length) {
- this.resolve()
- } else {
- this.frameRequest = requestAnimationFrame(this.update)
- this.frame++
- }
- }
- randomChar() {
- return this.chars[Math.floor(Math.random() * this.chars.length)]
- }
- }
- const phrases = [
- 'DOH AYA DOWN WITH THE DICTATORSHIP ...',
- 'DOH AYA TO WIN DEMOCRACY BACK ...',
- 'DOH AYA POWER TO THE PEOPLE ...',
- 'OUR BLOOD, OUR SWEAT WE WILL RAISE OUR VOICES ...',
- 'REJECT MILITARY COUP',
- 'RELEASE OUR LEADERS AND POLITICAL PRISONERS',
- 'STOP KILLING PEOPLE',
- 'RESPECT OUR VOTES .... WE WANT DEMOCRACY',
- '<::== SAVE MYANMAR ::==>'
- ]
- const el = document.querySelector('.text')
- const fx = new TextScramble(el)
- let counter = 0
- const next = () => {
- fx.setText(phrases[counter]).then(() => {
- setTimeout(next, 1500)
- })
- counter = (counter + 1) % phrases.length
- }
- next()
- 'use strict';
- var app = {
- chars: [''],
- init: function () {
- app.container = document.createElement('div');
- app.container.className = 'animation-container';
- document.body.appendChild(app.container);
- window.setInterval(app.add, 100);
- },
- add: function () {
- var element = document.createElement('span');
- app.container.appendChild(element);
- app.animate(element);
- },
- animate: function (element) {
- var character = app.chars[Math.floor(Math.random() * app.chars.length)];
- var duration = Math.floor(Math.random() * 15) + 1;
- var offset = Math.floor(Math.random() * (50 - duration * 2)) + 3;
- var size = 10 + (15 - duration);
- element.style.cssText = 'right:'+offset+'vw; font-size:'+size+'px;animation-duration:'+duration+'s';
- element.innerHTML = character;
- window.setTimeout(app.remove, duration * 1000, element);
- },
- remove: function (element) {
- element.parentNode.removeChild(element);
- },
- };
- document.addEventListener('DOMContentLoaded', app.init);
- </script>
- <p class="p1"><font color="red">|| Z34oNiGh5 || </font><font color="blue">D3V!l_XIII || </font><font color="yellow">Yhk4un9l4y || </font><font color="green">Mr.C45P3R ||</font></p>
- </center>
- <br>
- <div class="marq">
- <marquee><p class="p2">Greetz to:: ..:: All Myanmar citizens and Our Fallen Heros ::..</p></marquee>
- </div>
- </div>
- <!--<audio autoplay="true" loop="true" src="https://webserverchl.000webhostapp.com/song.mp3">-->
- <audio src="https://c.top4top.io/m_2026oghmh1.mp3" autoplay="true" loop="true"></audio>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement