-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbarrycap-old.html
More file actions
1 lines (1 loc) · 4.58 KB
/
barrycap-old.html
File metadata and controls
1 lines (1 loc) · 4.58 KB
1
<!DOCTYPE html><html lang="en"><head><link rel="icon"type="image/png"href="https://barrycap.com/assets/favicon16p.png"sizes="16x16"><link rel="icon"type="image/png"href="https://barrycap.com/assets/favicon24p.png"sizes="24x24"><link rel="icon"type="image/png"href="https://barrycap.com/assets/favicon48p.png"sizes="48x48"><link rel="icon"type="image/png"href="https://barrycap.com/assets/favicon64p.png"sizes="64x64"><link rel="icon"type="image/png"href="https://barrycap.com/assets/favicon96p.png"sizes="96x96"><link rel="icon"type="image/png"href="https://barrycap.com/assets/favicon128p.png"sizes="128x128"><link rel="icon"type="image/png"href="https://barrycap.com/assets/favicon256p.png"sizes="256x256"><script src="https://barrycap.com/googleanalytics.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-GY5Q2KLJ19"></script><title>Barry Cap › Old Barry Cap</title><style>body{background:#000;background-image:url(https://barrycap.com/assets/bg/home.svg);font-family:"Future Menu Brown","Brown",sans-serif;margin:20vh 0 0 16vw;overflow:hidden;animation:home 4s linear infinite}.glitch{color:#8888;font-size:15vw;padding-left:0.5vw;text-shadow:0 0 2vw #8cf8;position:relative;width:100vw;margin:0 auto;animation:bug3 4s infinite linear}.glitch:hover{color:#fff;animation:bug3 0.1s infinite linear alternate-reverse}.glitch:active{color:#fff;animation:bug3 10s infinite linear}.glitch::after{content:attr(data-text);position:absolute;left:0.1vw;text-shadow:0.2vw 0 0.1vw #00f;top:0;color:white;overflow:hidden;animation:bug 2s infinite ease-in-out alternate-reverse}.glitch::before{content:attr(data-text);position:absolute;left:-0.1vw;text-shadow:-0.2vw 0 0.1vw #f00;top:0;color:white;overflow:hidden;animation:bug2 16s infinite linear alternate-reverse}@keyframes bug{0%{clip-path:inset(89% 0 11% 0)}5%{clip-path:inset(19% 0 52% 0)}10%{clip-path:inset(8% 0 20% 0)}15%{clip-path:inset(66% 0 17% 0)}20%{clip-path:inset(16% 0 11% 0)}25%{clip-path:inset(8% 0 80% 0)}30%{clip-path:inset(62% 0 7% 0)}35%{clip-path:inset(74% 0 21% 0)}40%{clip-path:inset(36% 0 43% 0)}45%{clip-path:inset(64% 0 11% 0)}50%{clip-path:inset(62% 0 21% 0)}55%{clip-path:inset(65% 0 26% 0)}60%{clip-path:inset(58% 0 37% 0)}65%{clip-path:inset(17% 0 8% 0)}70%{clip-path:inset(10% 0 79% 0)}75%{clip-path:inset(41% 0 23% 0)}80%{clip-path:inset(59% 0 20% 0)}85%{clip-path:inset(66% 0 6% 0)}90%{clip-path:inset(57% 0 26% 0)}95%{clip-path:inset(29% 0 28% 0)}100%{clip-path:inset(54% 0 29% 0)}}@keyframes bug2{0%{clip-path:inset(51% 0 12% 0)}5%{clip-path:inset(94% 0 3% 0)}10%{clip-path:inset(82% 0 10% 0)}15%{clip-path:inset(89% 0 5% 0)}20%{clip-path:inset(4% 0 92% 0)}25%{clip-path:inset(39% 0 10% 0)}30%{clip-path:inset(6% 0 95% 0)}35%{clip-path:inset(23% 0 58% 0)}40%{clip-path:inset(36% 0 19% 0)}45%{clip-path:inset(91% 0 7% 0)}50%{clip-path:inset(47% 0 6% 0)}55%{clip-path:inset(45% 0 34% 0)}60%{clip-path:inset(78% 0 2% 0)}65%{clip-path:inset(72% 0 1% 0)}70%{clip-path:inset(54% 0 14% 0)}75%{clip-path:inset(45% 0 47% 0)}80%{clip-path:inset(36% 0 47% 0)}85%{clip-path:inset(77% 0 23% 0)}90%{clip-path:inset(66% 0 13% 0)}95%{clip-path:inset(71% 0 10% 0)}100%{clip-path:inset(94% 0 5% 0)}}@keyframes bug3{0%{clip-path:inset(12% 0 12% 0);text-shadow:0 0 2vw #8cf8}5%{clip-path:inset(45% 0 3% 0);text-shadow:0 0 2vw #8cf8}10%{clip-path:inset(78% 0 10% 0);text-shadow:-2vw 0 0 #8cf8}15%{clip-path:inset(65% 0 5% 0);text-shadow:0 0 2vw #8cf8}20%{clip-path:inset(24% 0 92% 1%)}25%{clip-path:inset(5% 24% 10% 0);text-shadow:0 2vw 4vw #8cf8}30%{clip-path:inset(78% 0 95% 0)}35%{clip-path:inset(6% 0 58% 0);text-shadow:0 0 2vw #8cf4}40%{clip-path:inset(45% 0 19% 0);text-shadow:0 0 2vw #8cf8}45%{clip-path:inset(73% 0 7% 0);text-shadow:-2vw 0 1vw #8cf8}50%{clip-path:inset(49% 15% 6% 0);text-shadow:1vw 0 0 #8cf8}55%{clip-path:inset(9% 0 34% 0);text-shadow:-1vw 0 0 #8cf8}60%{clip-path:inset(56% 0 2% 0);text-shadow:0 0.5vw 0 #8cf8}65%{clip-path:inset(47% 0 1% 0);text-shadow:0 0 2vw #8cf8}70%{clip-path:inset(53% 0 14% 0);text-shadow:4vw 0 16vw #8cf8}75%{clip-path:inset(24% 0 47% 0);text-shadow:0 0 2vw #8cf8}80%{clip-path:inset(2% 0 47% 0)}85%{clip-path:inset(65% 0 23% 0)}90%{clip-path:inset(34% 0 13% 0);text-shadow:0 0 2vw #8cf8}95%{clip-path:inset(29% 0 10% 0);text-shadow:-1vw 0 0 #8cf8}100%{clip-path:inset(97% 0 5% 0);text-shadow:0 0 2vw #8cf8}}@keyframes home{100%{background-position:-32px 32px}}@font-face{font-family:"Future Menu Brown";src:url(https://barrycap.com/assets/fonts/fmb.ttf)format("truetype")}::selection{color:#000;background:#fff8}::-moz-selection{color:#000;background:#fff8}</style></head><body><div class="glitch"data-text="Barry Cap">Barry Cap</div></body></html>