-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
41 changed files
with
255 additions
and
300 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,2 @@ | ||
<!doctype html><html lang=en-us><head><meta charset=utf-8><meta name=mobile-web-app-capable content="yes"><meta name=viewport content="width=device-width,initial-scale=1"><title>The kitty zone</title> | ||
<link rel=icon href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 110 110%22><text y=%22.9em%22 font-size=%2290%22>⭐</text></svg>"><link rel=me href=https://github.com/89Q12><link rel=me href=https://catcatnya.com/@89Q12><link rel=stylesheet href=https://www.thekitty.zone/css/layout.css crossorigin=anonymous media=screen><link rel=stylesheet href=https://www.thekitty.zone/skins/macintosh.css crossorigin=anonymous media=screen><meta property="og:url" content="https://www.thekitty.zone/"><meta property="og:title" content="The kitty zone"><meta property="og:site_name" content="The kitty zone"><meta property="og:type" content="website"><meta name=twitter:title content="The kitty zone"></head><body><header><section><div class="header flex row"><div class="header__item flex row"><div class=dropdown id=logo></div><a id=site__name href=https://www.thekitty.zone/>The kitty zone </a><a id=site__name href=https://www.thekitty.zone/about/>About the project</a></div><div class="flex row"><nav aria-label="page menu" class="flex row"><ul role=menubar class="flex row"><li role=none><a class=menu__item href=https://www.thekitty.zone/><svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38.0 01-.9 3.8A8.5 8.5.0 0112.5 20a8.38 8.38.0 01-3.8-.9L3 21l1.9-5.7A8.38 8.38.0 014 11.5a8.5 8.5.0 014.7-7.6 8.38 8.38.0 013.8-.9h.5a8.48 8.48.0 018 8v.5z"/></svg></a></li></ul></nav></div></div></section></header><style>:root{--color-bg:black}.glitch{color:#fff;width:100%;font-size:150px;text-transform:uppercase;position:relative;display:inline-block}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.glitch::before{left:2px;text-shadow:-2px 0 #49fc00;clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch::after{left:-2px;text-shadow:-2px 0 #b300fc;clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@-webkit-keyframes glitch-anim{0%{clip:rect(39px,9999px,53px,0)}4.166666666666666%{clip:rect(14px,9999px,68px,0)}8.333333333333332%{clip:rect(113px,9999px,107px,0)}12.5%{clip:rect(144px,9999px,134px,0)}16.666666666666664%{clip:rect(70px,9999px,87px,0)}20.833333333333336%{clip:rect(73px,9999px,100px,0)}25%{clip:rect(66px,9999px,113px,0)}29.166666666666668%{clip:rect(84px,9999px,69px,0)}33.33333333333333%{clip:rect(119px,9999px,36px,0)}37.5%{clip:rect(100px,9999px,21px,0)}41.66666666666667%{clip:rect(86px,9999px,141px,0)}45.83333333333333%{clip:rect(101px,9999px,106px,0)}50%{clip:rect(19px,9999px,10px,0)}54.166666666666664%{clip:rect(117px,9999px,16px,0)}58.333333333333336%{clip:rect(137px,9999px,143px,0)}62.5%{clip:rect(73px,9999px,144px,0)}66.66666666666666%{clip:rect(118px,9999px,96px,0)}70.83333333333334%{clip:rect(9px,9999px,113px,0)}75%{clip:rect(72px,9999px,85px,0)}79.16666666666666%{clip:rect(75px,9999px,149px,0)}83.33333333333334%{clip:rect(106px,9999px,67px,0)}87.5%{clip:rect(35px,9999px,99px,0)}91.66666666666666%{clip:rect(25px,9999px,128px,0)}95.83333333333334%{clip:rect(36px,9999px,60px,0)}100%{clip:rect(82px,9999px,112px,0)}}@keyframes glitch-anim{0%{clip:rect(39px,9999px,53px,0)}4.166666666666666%{clip:rect(14px,9999px,68px,0)}8.333333333333332%{clip:rect(113px,9999px,107px,0)}12.5%{clip:rect(144px,9999px,134px,0)}16.666666666666664%{clip:rect(70px,9999px,87px,0)}20.833333333333336%{clip:rect(73px,9999px,100px,0)}25%{clip:rect(66px,9999px,113px,0)}29.166666666666668%{clip:rect(84px,9999px,69px,0)}33.33333333333333%{clip:rect(119px,9999px,36px,0)}37.5%{clip:rect(100px,9999px,21px,0)}41.66666666666667%{clip:rect(86px,9999px,141px,0)}45.83333333333333%{clip:rect(101px,9999px,106px,0)}50%{clip:rect(19px,9999px,10px,0)}54.166666666666664%{clip:rect(117px,9999px,16px,0)}58.333333333333336%{clip:rect(137px,9999px,143px,0)}62.5%{clip:rect(73px,9999px,144px,0)}66.66666666666666%{clip:rect(118px,9999px,96px,0)}70.83333333333334%{clip:rect(9px,9999px,113px,0)}75%{clip:rect(72px,9999px,85px,0)}79.16666666666666%{clip:rect(75px,9999px,149px,0)}83.33333333333334%{clip:rect(106px,9999px,67px,0)}87.5%{clip:rect(35px,9999px,99px,0)}91.66666666666666%{clip:rect(25px,9999px,128px,0)}95.83333333333334%{clip:rect(36px,9999px,60px,0)}100%{clip:rect(82px,9999px,112px,0)}}@-webkit-keyframes glitch-anim-2{6.666666666666667%{clip:rect(83px,9999px,90px,0)}10%{clip:rect(112px,9999px,91px,0)}13.333333333333334%{clip:rect(34px,9999px,40px,0)}16.666666666666664%{clip:rect(89px,9999px,142px,0)}20%{clip:rect(1px,9999px,47px,0)}23.333333333333332%{clip:rect(14px,9999px,82px,0)}26.666666666666668%{clip:rect(101px,9999px,80px,0)}30%{clip:rect(88px,9999px,136px,0)}33.33333333333333%{clip:rect(69px,9999px,142px,0)}36.666666666666664%{clip:rect(128px,9999px,81px,0)}40%{clip:rect(102px,9999px,7px,0)}43.333333333333336%{clip:rect(97px,9999px,111px,0)}46.666666666666664%{clip:rect(35px,9999px,13px,0)}50%{clip:rect(123px,9999px,38px,0)}53.333333333333336%{clip:rect(1px,9999px,72px,0)}56.666666666666664%{clip:rect(80px,9999px,93px,0)}60%{clip:rect(58px,9999px,93px,0)}63.33333333333333%{clip:rect(30px,9999px,107px,0)}66.66666666666666%{clip:rect(37px,9999px,30px,0)}70%{clip:rect(130px,9999px,69px,0)}73.33333333333333%{clip:rect(129px,9999px,60px,0)}76.66666666666667%{clip:rect(85px,9999px,18px,0)}80%{clip:rect(28px,9999px,38px,0)}83.33333333333334%{clip:rect(131px,9999px,50px,0)}86.66666666666667%{clip:rect(42px,9999px,133px,0)}90%{clip:rect(103px,9999px,101px,0)}93.33333333333333%{clip:rect(38px,9999px,52px,0)}96.66666666666667%{clip:rect(6px,9999px,80px,0)}100%{clip:rect(99px,9999px,117px,0)}}@keyframes glitch-anim-2{6.666666666666667%{clip:rect(83px,9999px,90px,0)}10%{clip:rect(112px,9999px,91px,0)}13.333333333333334%{clip:rect(34px,9999px,40px,0)}16.666666666666664%{clip:rect(89px,9999px,142px,0)}20%{clip:rect(1px,9999px,47px,0)}23.333333333333332%{clip:rect(14px,9999px,82px,0)}26.666666666666668%{clip:rect(101px,9999px,80px,0)}30%{clip:rect(88px,9999px,136px,0)}33.33333333333333%{clip:rect(69px,9999px,142px,0)}36.666666666666664%{clip:rect(128px,9999px,81px,0)}40%{clip:rect(102px,9999px,7px,0)}43.333333333333336%{clip:rect(97px,9999px,111px,0)}46.666666666666664%{clip:rect(35px,9999px,13px,0)}50%{clip:rect(123px,9999px,38px,0)}53.333333333333336%{clip:rect(1px,9999px,72px,0)}56.666666666666664%{clip:rect(80px,9999px,93px,0)}60%{clip:rect(58px,9999px,93px,0)}63.33333333333333%{clip:rect(30px,9999px,107px,0)}66.66666666666666%{clip:rect(37px,9999px,30px,0)}70%{clip:rect(130px,9999px,69px,0)}73.33333333333333%{clip:rect(129px,9999px,60px,0)}76.66666666666667%{clip:rect(85px,9999px,18px,0)}80%{clip:rect(28px,9999px,38px,0)}83.33333333333334%{clip:rect(131px,9999px,50px,0)}86.66666666666667%{clip:rect(42px,9999px,133px,0)}90%{clip:rect(103px,9999px,101px,0)}93.33333333333333%{clip:rect(38px,9999px,52px,0)}96.66666666666667%{clip:rect(6px,9999px,80px,0)}100%{clip:rect(99px,9999px,117px,0)}}</style><main aria-role=main><section class=flex><div class=glitch data-text=404><p>404</p></div></section></main></body></html> | ||
<link rel=icon href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 110 110%22><text y=%22.9em%22 font-size=%2290%22>⭐</text></svg>"><link rel=me href=https://github.com/89Q12><link rel=me href=https://catcatnya.com/@89Q12><link rel=stylesheet href=https://www.thekitty.zone/css/layout.css crossorigin=anonymous media=screen><link rel=stylesheet href=https://www.thekitty.zone/skins/macintosh.css crossorigin=anonymous media=screen><meta property="og:url" content="https://www.thekitty.zone/"><meta property="og:title" content="The kitty zone"><meta property="og:site_name" content="The kitty zone"><meta property="og:type" content="website"><meta name=twitter:title content="The kitty zone"></head><body><header><section><div class="header flex row"><div class="header__item flex row"><div class=dropdown id=logo></div><a id=site__name href=https://www.thekitty.zone/>The kitty zone </a><a id=site__name href=https://www.thekitty.zone/about/>About the project</a></div><div class="flex row"><nav aria-label="page menu" class="flex row"><ul role=menubar class="flex row"><li role=none><a class=menu__item href=https://www.thekitty.zone/><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38.0 01-.9 3.8A8.5 8.5.0 0112.5 20a8.38 8.38.0 01-3.8-.9L3 21l1.9-5.7A8.38 8.38.0 014 11.5a8.5 8.5.0 014.7-7.6 8.38 8.38.0 013.8-.9h.5a8.48 8.48.0 018 8v.5z"/></svg></a></li></ul></nav></div></div></section></header><style>:root{--color-bg:black}.glitch{color:#fff;width:100%;font-size:150px;text-transform:uppercase;position:relative;display:inline-block}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.glitch::before{left:2px;text-shadow:-2px 0 #49fc00;clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch::after{left:-2px;text-shadow:-2px 0 #b300fc;clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@-webkit-keyframes glitch-anim{0%{clip:rect(39px,9999px,53px,0)}4.166666666666666%{clip:rect(14px,9999px,68px,0)}8.333333333333332%{clip:rect(113px,9999px,107px,0)}12.5%{clip:rect(144px,9999px,134px,0)}16.666666666666664%{clip:rect(70px,9999px,87px,0)}20.833333333333336%{clip:rect(73px,9999px,100px,0)}25%{clip:rect(66px,9999px,113px,0)}29.166666666666668%{clip:rect(84px,9999px,69px,0)}33.33333333333333%{clip:rect(119px,9999px,36px,0)}37.5%{clip:rect(100px,9999px,21px,0)}41.66666666666667%{clip:rect(86px,9999px,141px,0)}45.83333333333333%{clip:rect(101px,9999px,106px,0)}50%{clip:rect(19px,9999px,10px,0)}54.166666666666664%{clip:rect(117px,9999px,16px,0)}58.333333333333336%{clip:rect(137px,9999px,143px,0)}62.5%{clip:rect(73px,9999px,144px,0)}66.66666666666666%{clip:rect(118px,9999px,96px,0)}70.83333333333334%{clip:rect(9px,9999px,113px,0)}75%{clip:rect(72px,9999px,85px,0)}79.16666666666666%{clip:rect(75px,9999px,149px,0)}83.33333333333334%{clip:rect(106px,9999px,67px,0)}87.5%{clip:rect(35px,9999px,99px,0)}91.66666666666666%{clip:rect(25px,9999px,128px,0)}95.83333333333334%{clip:rect(36px,9999px,60px,0)}100%{clip:rect(82px,9999px,112px,0)}}@keyframes glitch-anim{0%{clip:rect(39px,9999px,53px,0)}4.166666666666666%{clip:rect(14px,9999px,68px,0)}8.333333333333332%{clip:rect(113px,9999px,107px,0)}12.5%{clip:rect(144px,9999px,134px,0)}16.666666666666664%{clip:rect(70px,9999px,87px,0)}20.833333333333336%{clip:rect(73px,9999px,100px,0)}25%{clip:rect(66px,9999px,113px,0)}29.166666666666668%{clip:rect(84px,9999px,69px,0)}33.33333333333333%{clip:rect(119px,9999px,36px,0)}37.5%{clip:rect(100px,9999px,21px,0)}41.66666666666667%{clip:rect(86px,9999px,141px,0)}45.83333333333333%{clip:rect(101px,9999px,106px,0)}50%{clip:rect(19px,9999px,10px,0)}54.166666666666664%{clip:rect(117px,9999px,16px,0)}58.333333333333336%{clip:rect(137px,9999px,143px,0)}62.5%{clip:rect(73px,9999px,144px,0)}66.66666666666666%{clip:rect(118px,9999px,96px,0)}70.83333333333334%{clip:rect(9px,9999px,113px,0)}75%{clip:rect(72px,9999px,85px,0)}79.16666666666666%{clip:rect(75px,9999px,149px,0)}83.33333333333334%{clip:rect(106px,9999px,67px,0)}87.5%{clip:rect(35px,9999px,99px,0)}91.66666666666666%{clip:rect(25px,9999px,128px,0)}95.83333333333334%{clip:rect(36px,9999px,60px,0)}100%{clip:rect(82px,9999px,112px,0)}}@-webkit-keyframes glitch-anim-2{6.666666666666667%{clip:rect(83px,9999px,90px,0)}10%{clip:rect(112px,9999px,91px,0)}13.333333333333334%{clip:rect(34px,9999px,40px,0)}16.666666666666664%{clip:rect(89px,9999px,142px,0)}20%{clip:rect(1px,9999px,47px,0)}23.333333333333332%{clip:rect(14px,9999px,82px,0)}26.666666666666668%{clip:rect(101px,9999px,80px,0)}30%{clip:rect(88px,9999px,136px,0)}33.33333333333333%{clip:rect(69px,9999px,142px,0)}36.666666666666664%{clip:rect(128px,9999px,81px,0)}40%{clip:rect(102px,9999px,7px,0)}43.333333333333336%{clip:rect(97px,9999px,111px,0)}46.666666666666664%{clip:rect(35px,9999px,13px,0)}50%{clip:rect(123px,9999px,38px,0)}53.333333333333336%{clip:rect(1px,9999px,72px,0)}56.666666666666664%{clip:rect(80px,9999px,93px,0)}60%{clip:rect(58px,9999px,93px,0)}63.33333333333333%{clip:rect(30px,9999px,107px,0)}66.66666666666666%{clip:rect(37px,9999px,30px,0)}70%{clip:rect(130px,9999px,69px,0)}73.33333333333333%{clip:rect(129px,9999px,60px,0)}76.66666666666667%{clip:rect(85px,9999px,18px,0)}80%{clip:rect(28px,9999px,38px,0)}83.33333333333334%{clip:rect(131px,9999px,50px,0)}86.66666666666667%{clip:rect(42px,9999px,133px,0)}90%{clip:rect(103px,9999px,101px,0)}93.33333333333333%{clip:rect(38px,9999px,52px,0)}96.66666666666667%{clip:rect(6px,9999px,80px,0)}100%{clip:rect(99px,9999px,117px,0)}}@keyframes glitch-anim-2{6.666666666666667%{clip:rect(83px,9999px,90px,0)}10%{clip:rect(112px,9999px,91px,0)}13.333333333333334%{clip:rect(34px,9999px,40px,0)}16.666666666666664%{clip:rect(89px,9999px,142px,0)}20%{clip:rect(1px,9999px,47px,0)}23.333333333333332%{clip:rect(14px,9999px,82px,0)}26.666666666666668%{clip:rect(101px,9999px,80px,0)}30%{clip:rect(88px,9999px,136px,0)}33.33333333333333%{clip:rect(69px,9999px,142px,0)}36.666666666666664%{clip:rect(128px,9999px,81px,0)}40%{clip:rect(102px,9999px,7px,0)}43.333333333333336%{clip:rect(97px,9999px,111px,0)}46.666666666666664%{clip:rect(35px,9999px,13px,0)}50%{clip:rect(123px,9999px,38px,0)}53.333333333333336%{clip:rect(1px,9999px,72px,0)}56.666666666666664%{clip:rect(80px,9999px,93px,0)}60%{clip:rect(58px,9999px,93px,0)}63.33333333333333%{clip:rect(30px,9999px,107px,0)}66.66666666666666%{clip:rect(37px,9999px,30px,0)}70%{clip:rect(130px,9999px,69px,0)}73.33333333333333%{clip:rect(129px,9999px,60px,0)}76.66666666666667%{clip:rect(85px,9999px,18px,0)}80%{clip:rect(28px,9999px,38px,0)}83.33333333333334%{clip:rect(131px,9999px,50px,0)}86.66666666666667%{clip:rect(42px,9999px,133px,0)}90%{clip:rect(103px,9999px,101px,0)}93.33333333333333%{clip:rect(38px,9999px,52px,0)}96.66666666666667%{clip:rect(6px,9999px,80px,0)}100%{clip:rect(99px,9999px,117px,0)}}</style><main aria-role=main><section class=flex><div class=glitch data-text=404><p>404</p></div></section></main></body></html> |
Oops, something went wrong.