Skip to content

Commit

Permalink
deploy: 899547d
Browse files Browse the repository at this point in the history
  • Loading branch information
89Q12 committed Oct 18, 2024
1 parent 15deeca commit 0446316
Show file tree
Hide file tree
Showing 41 changed files with 255 additions and 300 deletions.
2 changes: 1 addition & 1 deletion 404.html
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>
Loading

0 comments on commit 0446316

Please sign in to comment.