- ID scansione:
- aee416be-2ae5-4ea0-9077-36817f181e46Fatto
- URL inviato:
- https://albinoblacksheep.com/Reindirizzato
- Report terminato:
Link · 2 trovati
I link in uscita identificati dalla pagina
Link | Testo |
---|---|
https://www.instagram.com/albino.blacksheep/ | |
https://www.youtube.com/user/AlbinoBlackSheep?sub_confirmation=1 | YouTube |
Variabili JavaScript · 73 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
Nome | Tipo |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
saveTheme | function |
songs | object |
isIE11 | boolean |
togglePip | function |
scrollWin | function |
checktheme | function |
iOS2023 | function |
Messaggi di log della console · 1 trovati
Messaggi registrati nella console Web
Tipo | Categoria | Log |
---|---|---|
log | other |
|
HTML
Il corpo HTML non elaborato della pagina
<!DOCTYPE html><html id="html" lang="en" class="light-scheme"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Albino Blacksheep</title>
<link rel="canonical" href="https://www.albinoblacksheep.com/">
<style>
html {
overflow-y:scroll;
scroll-behavior:smooth;
font-size:16px;
}
.dark-scheme {color-scheme:dark;}
.translated-rtl {direction:rtl}
body {
margin:0;
padding:0;
background:#fff;
background:var(--colo-bg);
color:#333;
color:var(--color-text);
font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, HelveticaNeue, Helvetica, Arial, sans-serif;
font-weight:400;
line-height:1;
-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
font-size:16px;
}
/* https://clamp.font-size.app/ */
html, body {font-size: clamp(1rem, 0rem + 1.17vw, 4rem);}
@media only screen and (max-width:520px){
html, body {font-size:14px;}
}
@media only screen and (max-width:360px){
html, body {font-size:13px;}
}
body.dark-theme {
background-color:#000;
color:#ccc;
color:var(--color-text);
}
@view-transition {navigation: auto;}
.fixed {
z-index: -1;
position: fixed;
top:0;bottom:0;left:0;right:0;
width: 100%;
height: 100%;
background:var(--color-bg);
transition:background-color .4s;
}
h1, h2, h3 {
font-size: 2.25em;
font-weight: normal;
line-height:1.25;
margin:1.25rem 1rem;
font-family: Philosopher, philosopherregular, Baskerville, Cochin, Georgia, serif;
overflow-wrap: break-word;
}
h2 {font-size:1.875em;}
h3, h4 {font-size:1.6em;}
p {
font-size:1.25em;margin:1em 1rem;line-height:1.6;
overflow-wrap: break-word;
}
ul, ol {padding:0;}
@font-face{
font-family:'philosopherregular';
src:url('/style/2017_files/philosopher-regular.eot');
src:url('/style/2017_files/philosopher-regular.eot?#iefix') format('embedded-opentype'),
url('/style/2017_files/philosopher-regular.woff2') format('woff2'),
url('/style/2017_files/philosopher-regular.woff') format('woff'),
url('/style/2017_files/philosopher-regular.ttf') format('truetype'),
url('/style/2017_files/philosopher-regular.svg#philosopherregular') format('svg');
font-weight:normal;
font-style:normal;
/* font-display: swap; */
}
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
svg {
display:block;
width:100%;
height:100%;
overflow:hidden;
max-width:100%;
-webkit-transform-origin:50% 50% 0;
transform-origin:50% 50% 0;
}
a {
text-decoration:none;
color:var(--color-primary);
background-color:transparent;
-webkit-tap-highlight-color:rgba(0,0,0,0);
transition:background .4s, color .4s, opacity .4s;
}
p a, .items a {font-weight: 600;}
p a:hover, p a:focus, .items a:hover, .items a:focus {text-decoration:underline;}
.header label, .options label {cursor:pointer;}
.brand {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.brand a:hover {color:var(--color-text-contrast)}
.brand img {
position:absolute;
top:0;
width:3.75em;
height:3.75em;
z-index:1;
filter: drop-shadow(0.125em 0.35em 0.25em rgba(0,0,0,.15));
cursor:help;
transition:transform .75s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform:translateZ(0) rotate(0deg);
}
.brand img:hover {transform:translateZ(0) rotate(360deg)}
.brand h2, .brand h1 {
font-size:1.5em;
line-height:1;
margin:0 .25rem;
padding:.7rem 0;
margin-left:4.25rem;
margin-left: 2.833em;
letter-spacing: .0625rem;
margin-inline: 2.833em .25rem;
}
.menu {
margin:0;
padding:0;
list-style-type:none;
display:flex;
align-items: center;
text-transform: uppercase;
font-family:Verdana, sans-serif;
}
.menu li {
display:inline-block;
display: flex;
}
.menu a {
display: flex;
align-items: center;
padding:.95em .5em;
}
.menu-txt {font-size:.875em;}
.menu-ic {margin-right:.25em;margin-inline-end: 0.25em;margin-inline-start: 0;}
.ic {margin:0 .25em;}
.menu-ic, .ic {display:block;width:1.125em;height:1.125em;color:currentColor;}
.menu-ic svg, .ic svg {display:block;width:100%;height:100%;fill:currentColor;}
.header a {color:var(--color-on-contrast);}
.menu a:hover {
color:var(--color-text);
background-color:var(--color-bg);
}
a .menu-ic {
color:var(--color-on-contrast);opacity:.5;
transition:fill .5s, color .5s, opacity .5s;
}
a:hover .menu-ic {color:var(--color-contrast);opacity:1}
a:hover .menu-games {color: #ffee00;}
.li-games a {
background-position: -2rem 0;
background-repeat: no-repeat;
background-size: 32px 30px;
background-size: 2em 1.875em;
transition: background-position 0s linear, color .4s, background-color .4s;
}
.li-games a:hover {
background-image: url(/style/2013_files/sonic.gif);
background-position: 6.25rem 0;
transition: background-position .4s linear, color .4s, background-color .4s;
}
.li-flash a {
background-image: url(/style/2023/banana6-opt.gif);
background-position: 3.5em 3.5em;
background-position: calc(0% + 3.5em) calc(100% + 3em);
background-repeat: no-repeat;
background-size: 33px 35px;
background-size: 2.0625em 2.8175em;
transition: background-position 1s, color .4s, background-color .4s;
}
.li-flash a:hover {background-position: 3.5em 1.5em;}
button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
-webkit-appearance: none;
}
.mode {
width:2em;height:2em;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width:768px){
.menu-ic {width:1em;height:1em;}
}
@media only screen and (max-width:760px){
.menu .li-home {display:none;}
}
@media only screen and (max-width:680px){
.menu-ic {display:none;}
}
@media only screen and (max-width:620px){
.menu .li-flash, .menu .li-games, .menu .li-audio {display:none;background:transparent;}
}
.dir {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(7em, 100%), 1fr));
gap: 0 .5em;
list-style-type:none;
padding:0;
margin:1em 1rem;
}
.dir.items, a.ic {display:revert;width:auto;list-style-type: disc;}
.dir li {margin-bottom:.5em;}
.dir-wide {grid-template-columns: repeat(auto-fill, minmax(min(13em, 100%), 1fr));}
.dir-wide a {display:flex;align-items: center;}
.dir-wide img {width:2em; height:2em;margin:0 .5em 0 0}
.files {margin:1em 1rem;padding:0;list-style-type:none;}
.files li {
position: relative;
margin:0 0 .5em 0;
line-height: 1.6;
border-radius: .375em;
clear: left;
display: block;
}
.files {font-size: 1.125em;}
.files a {
display: block;
overflow: auto;
padding: .375rem;
border-radius: .375rem;
box-shadow: inset .625rem .625rem .375rem rgba(0,0,0,.25), .625rem .625rem .125rem rgba(255,255,255,.4);
box-shadow: .0625rem .0625rem 1em rgba(0,0,0,.1);
box-shadow: .0625rem .125rem .5em rgba(0,0,0,.1);
background: rgba(0,0,0,.0);
background: var(--color-card); background: rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.25);
color: var(--color-primary);
transition: color .4s, background .4s, box-shadow ease 0.4s, transform ease 0.4s;
}
.dark-theme .files a {box-shadow: .0625rem .0625rem 1em rgba(0,0,0,.3);}
.files a:hover {
background:rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.99);
box-shadow: .0625rem .125rem .5em rgba(0,0,0,.2);
}
.files a:hover{transform: translateY(-.1em);}
.files .mp3:hover {transform:none;}
.files img, .files svg {
float: left;
display: inline;
margin: .375rem;
margin-right: .75rem;
box-shadow: none;
border-radius: 0.2rem;
width: 6.625rem;
height: 3.6875rem;
}
.translated-rtl .files img, .translated-rtl .files svg {margin-inline-end: .75rem;float: right;}
@media only screen and (max-width: 768px) {
.files img, .files svg {
width: auto;
height: 3rem;
}
.cd .vinyl {height: 3rem;}
}
.auth {
text-decoration: none;
color:var(--color-text);
display: block;
font-size: .925rem;
line-height: 1.7;
}
.header .bottom {margin-bottom:0;}
.searchbar {
padding:0 1em;
display:flex;
margin:0 auto;
justify-content: center;
}
.cse-search-box1 {margin:2em 0;max-width:70em;width:100%;padding:0;}
.forminput, .forminput2 {
-webkit-appearance: none;
appearance: none;
font-size: 1.25em;
padding: 8px;
padding: .5rem;
padding: .4em;
width: 240px;
width: 15rem;
border-radius: .25rem;
color:var(--color-text);
color:var(--header);
background: rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.6);
border: .125em solid rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.4);
font-family: inherit;
transition: background .4s;
box-shadow: inset 0.0625rem 0.0625rem 0.375rem rgba(0,0,0,.25);
margin-right:.25em;
margin-inline-end:.25em;
margin-inline-start:0;
}
/*
.dark-theme .forminput, .dark-theme .forminput2 {box-shadow: inset 0.0625rem 0.0625rem 0.375rem rgba(0,0,0,.75);}
*/
.si-wrapper {
display: flex;
align-items: center;align-items: stretch;
justify-content: flex-end;
}
.si-input {width:100%;max-width:12em;}
.si-input, .searchbar button {
-webkit-backdrop-filter:blur(.25em);
backdrop-filter: blur(.25em);
}
.forminput:hover, .forminput:focus {background: rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),1);}
.searchbar button, .load-comments {
color:var(--color-primary);
background:rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.4);
font-size: 1.25em;
border: 0.125rem solid rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.4);
box-shadow: 0.0625rem 0.0625rem 0.375rem rgba(0,0,0,.25);
border-radius: .25rem;
transition: background .15s;
}
/*
.dark-theme .searchbar button, .dark-theme .load-comments {box-shadow: 0.0625rem 0.0625rem 0.375rem rgba(0,0,0,.75);}
*/
.searchbar button:hover, .searchbar button:focus,
.load-comments:hover, .load-comments:focus {background:rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),1);}
.menu .li-search {display:none;}
button .search {
padding:.463em;
display:flex;
}
.search svg {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding:1px;
}
/* LAYOUT */
.header {z-index:2;}
@media only screen and (min-width:245px){
.header {
position:sticky;
top:0;
z-index:2;
}
}
@media only screen and (max-width:290px){
.header {font-size:12px}
.small-hide {display:none}
}
@media only screen and (max-width:260px){
.header {font-size:11px}
}
@media only screen and (max-width:245px){
.header {font-size:10px}
.brand {font-size:.9em}
}
.header {pointer-events:none;}
.header .wrapper {
color:var(--color-text-contrast);
background:#f0f0f0;
background:var(--color-contrast);
pointer-events:all;
box-shadow: 0 .25em .25em rgba(0,0,0,.2);
position:relative;
}
.dark-theme .header .wrapper {box-shadow: 0 .25em .25em rgba(0,0,0,.6);}
.header .wrapper:before {content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 15%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.1) 75%, rgba(255,255,255,0.1) 85%, rgba(255,255,255,0) 100%);
max-width:72em;margin:0 auto;
pointer-events:none;
}
@media only screen and (max-width:620px){
.header .wrapper:before {background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 15%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 85%, rgba(255,255,255,.1) 100%);}
}
.header .inner {
display: flex;
justify-content: space-between;
align-items: center;
position:relative;
max-width:70em;
padding:0 .769rem;
}
.bottom, .top {transition: background .4s;}
.bottom, .top {
height:1em;
background:rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.15);
border-bottom:1px solid transparent;
-webkit-backdrop-filter:blur(.25em);
backdrop-filter: blur(.25em);
margin-bottom:2em;
box-shadow: inset 0 0 1em rgba(0, 0, 0, .25), 0 .5em .55em rgba(0, 0, 0, .1);
}
.dark-theme .bottom {box-shadow: inset 0 0 1em rgba(0, 0, 0, .75), 0 .5em .55em rgba(0, 0, 0, .3);}
.top {
border-top:1px solid transparent;
border-bottom:none;
margin-bottom:0;
box-shadow: inset 0 0 1em rgba(0, 0, 0, .25), 0 -.15em .55em rgba(0, 0, 0, .1);
}
.dark-theme .top {box-shadow: inset 0 0 1em rgba(0, 0, 0, .75), 0 -.5em .55em rgba(0, 0, 0, .3);}
/* MAIN */
.wrapper {
background:#f0f0f0;
background: var(--color-bg);
transition:background .4s;
}
.inner {
max-width: 64em;
margin: 0 auto;
}
header .inner {max-width:100%}
.section, .sidebar {
display: inline;
}
.section {
width: 62.891%;
float: left;
position: relative;
}
.translated-rtl .section {float: right;}
.medium {
width: 78.125%;
}
@media only screen and (max-width: 768px) {
.section, .sidebar {
width: 100%;
display: block;
}}
@media only screen and (max-width: 768px) {
.sidebar, .wrapper, .section, .wide, .medium, .footer, .inner {
width: inherit;
max-width: 100%;
margin: 0 auto;
-webkit-animation: none;
animation: none;
}}
.clear {clear: both;}
.section {
width: 62.891%;
float: left;
position: relative;
}
.sidebar {
width: 29.688%;
float: right;
}
.translated-rtl .sidebar {float: left;}
.section, .sidebar {
display: inline;
}
.sidebar h4, .sidebar h3, .sidebar h2, .sidebar h1, .sidebar p, .sidebar .files {margin-left: 0;margin-inline: 0 1rem;}
@media only screen and (max-width: 768px) {
dl, ul, ol, .scores, .sidebar h1, .sidebar h2, .sidebar h3, .files, .sidebar p, .sidebar .files, .dir, .disqus_thread {
margin: 1.25rem .769rem;
/* display: block; */
}
}
@media only screen and (max-width: 768px) {
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3, h4 {font-size: 1.5em;}
h1, h2, h3, h4, p {margin: .769rem;}
}
@media only screen and (max-width: 768px) {
.sidebar {clear: both;}
.section, .sidebar {width: 100%;display: block;}
}
.h1 {height: 2.25em;}
.wide {width: 100%;}
/* HEADING */
.heading {
color: #fff;color: var(--color-text-contrast);
background: rgba(0,0,0,.5);
background: var(--color-contrast);
text-align: center;
padding: 1.25em 0 2.5em 0;
/*box-shadow: inset 0em -1em 2em rgba(0,0,0,.25); */
position: relative;
transition:background .4s, color .4s;
pointer-events:all;
}
.heading:before {
content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;
background:
linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,.15) 100%),
linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,.15) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
pointer-events:none;
}
.boxy, .media {box-shadow: 0.125em 0.125em 2em rgba(0,0,0,.2);}
.dark-theme .boxy, .dark-theme .media {box-shadow: 0.125em 0.125em 2em rgba(0,0,0,.6);}
@media only screen and (max-width: 768px) {
.heading {padding: 0.769rem 0;}
}
.heading h1 {font-size: 2.25em;margin: 0;display: inline-block;}
.byline {padding-left: .625em;padding-inline:.625em 0;opacity:.8;}
.media .byline {padding-left: 0;}
@media only screen and (max-width: 768px) {
.byline {display: block;padding-left: 0;}
}
/* CD */
ul.vcard, .cd, .sys, .compact {font-size:1em;}
.files .vcard img {width:3rem;height:3rem}
.files.cd img {width:auto;margin-right: 1.75em;border-radius:0;}
.cd .vinyl {
width:5rem;
height:3.6875rem;
background: url(/style/2023/vinyl-2023-opt.svg) no-repeat;
background-size:auto 100%;
background-position:top left;
background-repeat:no-repeat;
position: absolute;
z-index:1;
top:calc(0.375rem + 0.375rem);
left:calc(0.375rem + 0.375rem);
}
.translated-rtl .cd .vinyl {left:unset;right:calc(0.375rem + 0.375rem);background-position:top right;}
@media only screen and (max-width: 768px) {
.cd .vinyl {height: 3rem;}
}
.sys {position:absolute;bottom:.5rem;right:.5rem;color:var(--color-text);pointer-events:none;font-size:.8125rem}
.cut li img, .cut li svg{width:auto;max-height:3.75rem}
.files li .mp3 {
text-transform: lowercase;
font-size:.6875em;
font-size:.925rem;
position:absolute;
width:36px;
width:2.25rem;
top:0;
right:0;
bottom:0;
overflow: hidden;
display: flex;
align-items: center;
box-shadow:none;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.translated-rtl .files li .mp3 {right:unset;left:0;}
.files li .mp3:before {content:"";
content: "";
background: lightgrey;
background: radial-gradient(white 20%, transparent 20%), conic-gradient(lightgrey, grey, lightgrey, grey, lightgrey, darkgrey, grey, lightgrey, grey, lightgrey, darkgrey, grey, lightgrey, grey, lightgrey, darkgrey, grey, lightgrey);
border-radius: 50%;
border: 0 solid grey;
width: 2em;
display: block;
height: 2em;
right: -50%;
position: absolute;
transition:transform .4s;
opacity:.66;
}
.translated-rtl .files li .mp3:before {right:unset; left: -50%;}
.files .mp3:hover:before {transform: translateX(-25%);}
.compact li img {width:5.385em;height:3em}
.cut li svg, .square li img{max-width:3.75em;width:3.75em;height:auto}
.lists .cd {font-size:.875em}
@media only screen and (max-width:768px) {
.vinyl {background-size:auto 39px;}
}
.cutout {
margin-top: -90px;
margin-top: -5.625rem;
}
.righty {
float: right;
display: inline;
}
.translated-rtl .righty {float: left;}
.center {text-align:center;}
@media only screen and (max-width: 768px) {
.cutout {
margin-top: -50px;
margin-top: -3.846rem;
margin-top: -4.25rem;
max-height: 10.7em;max-height: 10.7rem;
width: auto;
}
}
.mode-relative {
position: relative;
overflow:hidden;
}
.mode-wheel svg {
/*
padding: 0.1em; padding:0.35em;
margin: auto;
*/
width: 62%;width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@keyframes scaleout {
0% {opacity:1;transform: scale(.62) rotate(0deg);}
100% {opacity:.33;transform: scale(1) rotate(360deg);}
}
@keyframes scaleoutrev {
0% {opacity:.33;transform: scale(1) rotate(0deg);}
100% {opacity:1;transform: scale(0.62) rotate(360deg);}
}
.mode-wheel {animation: scaleoutrev 1s ease-in-out forwards;animation-delay: 0s;}
.dark-theme .mode-wheel {
animation: scaleout 1s ease-in-out forwards;
animation-delay: 0s;
opacity:1;
}
.sunmoon:hover {color:var(--color-on-contrast);}
.sunmoon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition:color .4s;
}
:where(html){
--ease-elastic-3:cubic-bezier(.5,1.25,.75,1.25);
--ease-elastic-4:cubic-bezier(.5,1.5,.75,1.25);
--ease-3:cubic-bezier(.25,0,.3,1);
--ease-out-5:cubic-bezier(0,0,0,1);
}
.mode svg, .mode-wheel {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) rotate(0deg);
}
.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center center;}
.dark-theme .sun-and-moon>.sun{transform:scale(1.75)}
.dark-theme .sun-and-moon>.sun-beams {opacity:0}
.dark-theme .sun-and-moon>.moon>circle{transform:translate(-7px)}
@supports (cx: 1){
.dark-theme .sun-and-moon>.moon>circle {
transform:translate(0);
cx:17;
}
}
@media (prefers-reduced-motion: no-preference){
.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3), color .5s, opacity .5s; transform:scale(.75);
}
.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}
.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5), color .5s}
@supports (cx: 1){
.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5), color .5s}
}
.dark-theme .sun-and-moon>.sun{
transform:scale(1.75);
transition-timing-function:var(--ease-3);
transition-duration:.25s
}
.dark-theme .sun-and-moon>.sun-beams{
transform:rotate(-25deg);
transition-duration:.15s
}
.dark-theme .sun-and-moon>.moon>circle{
transition-delay:.25s;
transition-duration:.5s;
}
}
.deets {font-size:1em;}
.items {margin:1em 1rem;padding:0;list-style-position:inside}
.items a:hover {text-decoration:underline;}
.items li {margin-bottom:.75em;line-height:1.5;}
.code, code {word-break: break-word;overflow-wrap: break-word;font-size:1em;direction:ltr}
.image img{display:inline;float:left}
.code p {font-size:1em;}
.media a {font-weight:normal;}
.gsc-control-cse {padding:0 !important;border:0 !important;}
video, object, .media, audio {max-width:100%;}
/* CAL */
.blog {
font-size: 1em;
line-height:1;
border-radius: .25em;
position: absolute;
top: 0;
right: 0;
text-align: center;
width: 5.625em;
padding: 0 0 .25em 0;
}
.medium .blog {
box-shadow:inset 0.0625rem 0.0625rem 0.375rem rgba(0,0,0,.25), 0.0625rem 0.0625rem 0.125rem rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb),.4);
margin: 1.25em -5.625em 0 0;
margin-inline:0 -5.625em;
}
@media only screen and (max-width: 768px) {
.medium .blog {
position: relative;
margin:auto;
}
}
@media only screen and (min-width: 769px) {
.medium .blog {
margin-top: -3em;
top: 5em;
position: sticky;
float: right;
margin-bottom: 1em;
}
.translated-rtl .medium .blog {float:left}
}
.mm, .dd, .yyyy {
display: block;
letter-spacing: .0625em;
padding: .25em 0;
}
.mm {
color: var(--color-text-contrast);
background: var(--color-contrast);
transition:background .4s, color .4s;
border-radius: 0.25em 0.25em 0 0;
}
.dd {
font-size: 1.625em;
padding:.15em 0 0 0;
}
time {font-variant-numeric: tabular-nums;}
.archive-nav {display:flex;list-style:none;font-size:1.25em;flex-wrap: wrap;}
.archive-nav li {margin-inline:0 1rem;}
.archive-nav li:last-child {margin:0}
/* THEMES */
.themes {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin:0;
padding:0;
overflow-x: auto;
list-style: none;
text-align: center;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 calc(0% + 1.25em), #000 calc(100% - 1.25em), transparent 100%);
mask-image: linear-gradient(90deg, transparent, #000 calc(0% + 1.25em), #000 calc(100% - 1.25em), transparent 100%);
-webkit-overflow-scrolling:touch;
}
.themes {
position: relative;
z-index: 2;
overflow-y: hidden;
scroll-behavior: smooth;
}
.themes li {display:inline-block;margin:1em .5em;}
.themes li:first-child {margin-inline-start:1em;}
.themes .last-child {margin-inline-end:1em;}
.themes button {
display: inline-block;
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
outline-offset: .25em;
box-shadow: none;
margin: 0;
padding: 0;
/*
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
*/
text-shadow: none;
position: relative;
top: unset;
right: unset;
font-size: 1em;
background: transparent;
color:var(--color-text);
font-weight:normal;
border-radius:.25em;
-webkit-user-select: none;user-select: none;
}
.themes .active {box-shadow: 0 0 0 2px var(--color-primary);pointer-events: none;}
.theme:hover {outline: auto var(--header)}
.colours {
display: block;
line-height: 1.1;
width: 5.25em;
border-radius: .25em;
font-weight:600;
}
.c_1 {
background: var(--color-contrast);
width: 100%;
height: 1em;
display: flex;
border-radius: .25em .25em 0 0;
align-items: center;
}
.c_2 {
background: var(--color-on-contrast);
width: 50%;
height: .25em;
border-radius: .25em;
margin-inline-start: .5em;
display:block;
}
.c_4 {
height: 3em;
display: block;
background: var(--color-bg);
border-radius: 0 0 .25em .25em;
}
.c_6 {
color: var(--color-text);
width: 100%;
font-size: .86rem;font-size: .9rem;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
display: inline-block;
margin-top: .15em;
}
.c_6 .ic {
display: inline-block;
display: inline-flex;
width: 1em;
height: 1em;
vertical-align: middle;
align-items: center;
margin: 0;
margin-right: .15em;
}
.themepicker {
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow: auto;
overflow-y: hidden;
height: 0;
transition: height .5s;
-webkit-overflow-scrolling:touch;
padding:0;
/*
scrollbar-color:var(--color-border) var(--color-bg-offset);
*/
}
.themepicker a:hover {text-decoration:underline;}
.theme-check {
position: absolute;
/* top: 2em; */
right: 0;}
.theme-check {opacity:0;pointer-events:none}
.theme-check:checked + .themepicker {
height: 11.25em;
}
@media all and (max-width: 620px) and (orientation : portrait) {
.theme-check:checked + .themepicker {
height: 12.25em;
}
.c_4 {height: 4em;}
.colours {width:4em}
}
.theme-check:focus-visible {
opacity: 1;
pointer-events: all;
}
.themes::-webkit-scrollbar{height:.5em}
.themes::-webkit-scrollbar-thumb{background:var(--header);max-height:5em;border-radius:15em;}
.themes::-webkit-scrollbar-track{background:var(--card)}
.closer, .nav-mobile {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width:100%;max-width:70em;margin:0 auto;
}
.closer label,
.nav-mobile label {font-family:monospace;font-weight:bold;-webkit-user-select: none;user-select: none;padding:.5em .75em .5em .25em;}
.closer h3,
.nav-mobile h3 {font-size:1em;margin:.5em 0 .5em .75em;font-family:inherit;font-weight:bold;}
@media only screen and (min-width:621px) {
.nav-mobile {display:none;}
.theme-check:checked + .themepicker {
height: 9em;
}
}
.navblock {display:flex;flex-wrap: wrap;align-items: center;}
.nav-mobile ul {display:flex;flex-wrap: wrap;list-style:none;margin:0 0 0 .75em;padding:0;}
.nav-mobile li {margin:0 .25em;}
@media only screen and (max-width:620px) {
.closer label {display:none;}
}
/* ====
#Custom HTML5 Video Player
by www.albinoblacksheep.com
Summer 2022
===== */
/* BUTTON STUFF */
.btn {
box-shadow:none;
cursor: pointer;
display: inline-block;
display: inline-flex;
align-items: center;
align-content: center;
-webkit-touch-callout: none;
touch-action: manipulation;
-ms-user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent;
user-select: none;
text-indent: 0;
border: 0;
padding: 0;
margin: 0;
-webkit-appearance: none;
appearance: none;
font: inherit;
font-size: 1em;
text-shadow: none;
background:transparent;
color:inherit;
line-height: 1;
transition: color .15s, background .15s;
overflow:visible;
position:relative;
}
.btn + .btn {margin-left:.75em;margin-inline:.75em 0;}
button > * {position:relative}
button * {
pointer-events: none;
}
/*
button:active {
-ms-transform: translate(-1px, -1px);
}
*/
.btn-primary {
color: currentColor;
color: var(--color3);
background: lightblue;
background: var(--color1);
background-image: linear-gradient(var(--color1), var(--color2));
border-width: 0;
border-radius: .25em;
padding: .25em;
font-family: inherit;
line-height: normal;
font-weight: 600;
text-shadow: 0 -.0625em 0 rgba(0,0,0,.25);
}
.dark-theme .btn-primary {text-shadow: 0 .0625em 0 rgba(255,255,255,.25);}
.playit {
background: #ccc;
background: var(--color3);
color: inherit;
letter-spacing: normal;
color: #333;
color: var(--header);
border-radius: 1.5em;
justify-content: left;
min-width: 0;
text-transform: uppercase;
font-weight: 600;
padding: .25em;
}
.btn-circle {
position: relative;
border-radius: 50%;
width: 2em;
height: 2em;
background-color: #666;
padding: 0;
display: block;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
transform: translateZ(0);
}
.btn-primary:hover,
.video-container:hover .btn-primary.playback-animation,
.playit:hover .btn-primary {background-size:100% 150%;color:var(--card);}
.dark-theme .btn-primary:hover {color:var(--card);}
.btn-primary:active,
.video-container:active .btn-primary.playback-animation,
.playit:active .btn-primary {background:linear-gradient(var(--color2), var(--color1));}
.btn-primary svg {
display: inline-block;
width: 1.25em;
height: 1.25em;
margin-right: .25em;margin-inline:0 .25em;
}
.video-controls svg {
width: 1.25em;
height: 1.25em;
fill: currentColor;
stroke: currentColor;
cursor: pointer;
color:currentColor;
}
.video-controls .btn-primary svg {color:currentColor}
.btn-circle, .dark-theme .btn-circle {border-radius:50%;}
.btn-circle span {padding:.25em;display:flex;}
.btn-circle svg {
width: 1em;
height: 1em;
margin: 0;
}
@keyframes rotateloader {
100% {transform: rotate(360deg)}
}
.load-cir {
width:2em;height:2em;display:block;
position:absolute;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.loading .load-cir,
.waiting .load-cir {animation:rotateloader 1s linear infinite, opacity .25s;
border:1px solid transparent;
border-top-color: var(--color2);
border-width:.2em;
border-radius:50%;
}
.pause .load-cir {display:none}
.video-playlist {
margin: auto;
max-width: 64em;
margin:1em auto;
overflow:hidden;overflow:clip;
color:var(--text);
font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, HelveticaNeue, Helvetica, Arial, sans-serif;
}
@media only screen and (max-width:640px){
.video-playlist {font-size:16px}
}
@media only screen and (max-width:468px){
.video-playlist {font-size:16px}
}
@media only screen and (max-width:319px){
.video-playlist {font-size:13px}
}
.video-playlist svg {max-width:unset}
.video-border {border:.125em solid #fff;border:.125em solid var(--card);border-left:0;border-right:0;}
.layout-btn {visibility:hidden}
.track-nav, .single-column .track-nav {border-radius:0 0 .5em .5em;}
@media only screen and (min-width:640px){
.video-border {border:.125em solid #fff;border:.125em solid var(--card);}
.layout-btn {visibility:visible}
.video-playlist {display:block;display:flex;padding:0 1em;overflow:hidden;}
.single-column {display:block;}
.video-side {width:100%;flex-shrink:.75;}
.track-nav {border-radius: .5em .5em 0 0;margin:.25em 1rem 0 1rem}
}
.single-column .track-nav {border-radius:0 0 .5em .5em;margin:0}
.video-container {
display:block;
padding:0;
margin:0 auto;
text-align:center;
width:100%; max-width:100%;
position:relative;
padding-bottom: 56.25%;
height:0;
transition: padding .75s;
background: #111;background:transparent;
}
.video-container video, .video-container .poster {
width: 100%;
height: 100%;
display: block;
max-width:100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
object-fit: contain;
}
.video-container .poster {
object-fit: cover;
}
.video-controls {
right: 0;
left: 0;
padding: .5rem 1rem;
position: absolute;
bottom: 0;
transition: all 0.2s ease;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.95));
color:#fff;
}
.video-controls.hide {opacity:0; /*pointer-events: none; */}
/* TOP CONTROLS */
.cover2 {
width: 4.24em;
height: 2.4em;
object-fit: cover;
font-family: 'object-fit: cover;';
border-radius: .25em;
}
.songtitle {
overflow-y: unset;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
font-size:1em;
width:100%;
text-align:left;text-align: start;
display:inline-grid;
margin: 0 0 0 .5rem; margin-inline:.5rem 0;
line-height:1.25;
color:currentColor;
}
.songartist {
font-size: .85em;
clear: both;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
line-height:normal;
}
.trackname {font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
font-size: 1em;
width: 100%;
text-align: left;text-align: start;
display: block;
line-height:normal;
}
.right-nav .btn {margin-left:.25em;margin-inline:.25em 0}
.video-controls2 {
top:0;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding:.25em 1em 1em 1em;
bottom: inherit;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
}
.video-container:hover .video-controls {opacity:1;}
@keyframes showcontrols {
0%, 50% {opacity:1}
100% {opacity:0;display:none;}
}
/* Bottom CONTROLS */
.pausebutton {display:none;}
.play .pausebutton {display:inherit;}
.playbutton {display:inherit;}
.play .playbutton {display:none;}
.bottom-controls {
display: flex;
justify-content: space-between;
align-items: center;
}
.left-controls, .right-controls {
display: flex;
align-items: center;
}
.volume-controls {
display: flex;
align-items: center;
margin: 0 .75rem;
}
/*
.volume-controls input {
width: 6em;
opacity: 1;
transition: all 0.4s ease;
}
.volume-controls:hover input, .volume-controls input:focus {
width: 6em;
opacity: 1;
}
*/
.video-progress {
position: relative;
height: 1.75em;
margin-bottom: 1em;
display: flex;
align-content: center;
}
.progress-container {
background: #fff;
border-radius: .25em;
cursor: pointer;
margin: .5em 0;margin-bottom:.5em;
height: .5em;
width: 100%;
border-radius: 1em;-webkit-mask-image: -webkit-radial-gradient(white, black);
box-shadow:inset .1em .1em .1em rgba(0,0,0,.2);
}
/*
.progress {
background: #999;
background:var(--color1);
height: 100%;
width: 0%;
transition: width .1s linear;
background-image:
linear-gradient( 180deg, var(--color1), var(--color2));
animation: animate-stripes .5 linear infinite;
}
@keyframes animate-stripes {
0% {background-position: 0px 0;}
100% { background-position: -100px 0; } }
@keyframes animate-indeterminate {
from { background-position-x: 0px }
to { background-position-x: 35px }
}
.video-progress progress {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 1em;-webkit-mask-image: -webkit-radial-gradient(white, black);
width: 100%;
height: .5em;
pointer-events: none;
position: absolute;
top: 0;left:0;
display:none;
}
*/
.video-progress progress {display:none}
/*
.video-progress progress::-webkit-progress-bar {
background-color: #474545;
}
.video-progress progress::-webkit-progress-value {
background: var(--color1);
}
.video-progress progress::-moz-progress-bar {
border: 1px solid var(--color1);
background: var(--color1);
}
*/
.seek {
display:flex;
align-items: flex-start;
position: absolute;
top: 0;
width: 100%;
cursor: pointer;
margin: 0;
}
input[type=range].seek {height:1.75em;
display: flex;
align-items: center;
position: absolute;
top: 0;left:0;
}
input[type=range].seek::-webkit-slider-runnable-track {background:transparent;box-shadow:none;}
input[type=range].seek::-webkit-slider-thumb {position: relative;;left:-.1em}
.seek:hover+.seek-tooltip {
display: block;
}
.seek-tooltip {
display: none;
position: absolute;
top: -.9em;
margin-left: -2.5em;margin-inline: -2.5em 0;
font-size: .75em;
padding: .25em;
border-radius: .25em;
content: attr(data-title);
font-weight: bold;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
pointer-events:none;
}
.video-playlist button::before {
content: attr(data-title);
position: absolute;
inset-inline-start: -50%;
top: -75%;
background-color: rgba(0,0,0,.6);
color: #fff;
font-weight: bold;
padding: .25em;
word-break: keep-all;
white-space: pre;
font-size: .75em;
border-radius: .25em;
pointer-events: none;
z-index:1;
display:none;
pointer-events:none;
}
button:hover::before {
display: inline-block;
}
/* FIXES MAY 2023 */
.video-controls {overflow:hidden;padding-top:.75em}
.video-controls2 {padding-top:.25em}
#playlist:hover::before,
.fullscreen-button:hover::before {
inset-inline-start:-150%;
}
.darkmode:hover::before, .lightmode:hover::before {inset-inline-start: -200%;}
.fullscreen-button {
margin-right: 0;margin-inline-end: 0;
}
input[type=range]{
-webkit-appearance:none;appearance:none;
padding: 0;
margin: 0;
height:2.25em;
background-color:transparent;
font-size:1em;
}
input[type=range]:focus {-webkit-box-shadow:unset;box-shadow:unset}
input[type=range]::-webkit-slider-runnable-track {
height: .5em;
background: #ccc;background: transparent;
border: none;
border-radius: .25em;
box-shadow: inset 0.1em 0.1em 0.1em rgba(0,0,0,.2);
}
input[type=range].volume::-webkit-slider-runnable-track {background: #fff;}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;appearance: none;
border: none;
height: 1.5em;
width: 1.5em;
border-radius: 50%;
background: #999;background:var(--color1);background-image:linear-gradient( 180deg, var(--color1), var(--color2));
box-shadow: .1em .1em .1em rgba(0,0,0,.2);
margin-top: -.5em;
margin-bottom: -.5em;
cursor: ew-resize;
}
input[type=range]:focus {
outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #999;background: transparent;
}
input[type=range].volume:focus::-webkit-slider-runnable-track {background: #fff;}
input[type=range]{
/* fix for FF unable to apply focus style bug */
border: 1px solid transparent;
/*required for proper track sizing in FF*/
width:100%;
}
input[type=range]::-moz-range-track {
width: inherit;
width:100%;
height: .5em;
background: #ccc;background: transparent;
box-shadow: inset .1em .1em .1em rgba(0,0,0,.2);
border: none;
border-radius: .25em;
}
input[type=range].volume::-moz-range-track {background: #fff;}
input[type=range]::-moz-range-thumb {
border: none;
height: 1.5em;
width: 1.5em;
border-radius: 50%;
background: #999;background: var(--color1);
box-shadow: .1em .1em .1em rgba(0,0,0,.2);
cursor: ew-resize;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
outline: 1px solid transparent;
outline-offset: -1px;
}
input[type=range]:focus::-moz-range-track {
background: #999;background: transparent;
}
input[type=range]::-ms-track {
width:100%;
height: .5em;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
background: transparent;
/*leave room for the larger thumb to overflow with a transparent border */
border-color: transparent;
border-width: .5em 0;
/*remove default tick marks*/
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #ccc;background: transparent;
box-shadow: inset .1em .1em .1em rgba(0,0,0,.2);
border-radius: .25em;
}
input[type=range]::-ms-fill-upper {
background: transparent;
box-shadow: inset .1em .1em .1em rgba(0,0,0,.2);
border-radius: .25em;
}
input[type=range].volume::-ms-fill-lower {background:#fff;}
input[type=range]::-ms-thumb {
border: none;
height: 1.5em;
width: 1.5em;
border-radius: 50%;
background: #999;background: var(--color1);
box-shadow: .1em .1em .2em rgba(0,0,0,.2);
cursor: ew-resize;
}
input[type=range]:focus::-ms-fill-lower {
background: #999;background: transparent;
}
input[type=range].volume:focus::-ms-fill-lower {background:#fff;}
input[type=range]:focus::-ms-fill-upper {
background: #ddd;background: transparent;
}
input[type=range].volume {width:6em}
.hidden {
display: none;
}
.time {font-size:.85em;font-variant-numeric:tabular-nums;}
/* Big Play */
.playback-animation {
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.5em;
margin-top: -2.5em;
width: 5em;
height: 5em;
border-radius: 5em;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
z-index:1;
}
.opacity0 {opacity:0}
.opacity1 {opacity:1}
.playback-animation.play {opacity: 0;}
.playback-animation.pause {opacity: 0;}
.playback-animation svg {opacity: 1;display:block;width:2.5em;height:2.5em}
/* tracks */
.track-nav {
display: flex;
align-content: center;
align-items: center;
justify-content: space-between;
background:#fff;
background:var(--card);
padding:.75em 1rem;
box-shadow:0 1em 2em -1em rgba(0,0,0,.25);
position: relative;
z-index: 1;
}
.currenttrack {min-width:8ch;display:inline-block;text-align:center;font-variant-numeric: tabular-nums;}
.leftside, .mid, .rightside {
display: flex;
align-items: center;
}
.mid {direction:ltr}
.extra-div {width:100%;}
.albumthumb img, .albumthumb {width:4.24em;height:2.4em;width:4.375em;height:2.4357em;display:block;object-fit:cover;}
.songthumb {
font-weight:600;
}
.track-byline {font-size:.85em;opacity:.85;font-weight:normal;display:none;}
.inline {display:inline;}
.action-btn {padding:.25em}
.action-btn:hover {color:#333;color:var(--header)}
.btn-icon svg {margin:0}
.playlist {
position: absolute;
right: .5em;
top:0;
bottom:0;
}
.action-btn svg {
margin: auto;
width:1.25em;
height:1.25em;
}
.tracklistouter {
max-width:100%;width:100%;
position: relative;
margin: 0 auto;
}
.tracklist {
word-wrap: break-word;
margin: 0 1rem;
max-width:100%;
overflow-y:scroll;
height:0;
transition:height 1s, max-height 1s, opacity 1.5s;
-webkit-overflow-scrolling: auto;
/* -webkit-overflow-scrolling: touch; */
background:#fff;
background:var(--card);
}
.showplaylist {height:11em;}
@media only screen and (min-width:640px){
.showplaylist {height:16.4em;}
}
.single-column .showplaylist {height:11em;}
.tracklist ol {
list-style-type:none;
line-height:1.25;
font-size:1em;
margin:0;
padding:0;
counter-reset: ti-counter;
}
.tracklist li {
counter-increment: ti-counter 1;
background:#fff;
background:var(--card);
}
.trackol a {
display:block;
padding:.25em .5em;
margin:1px 0 0 0;
text-decoration:none;
color:#666;
color:var(--text);
transition:color .25s, background .25s;
}
.trackol .current a,
.trackol a:hover,
.trackol a:focus {
background:#f8f8f8;
background:var(--color3);
color:#333;
color:var(--header);
}
.trackol a:before, .albumthumb, .songthumb {
vertical-align:middle;
display:table-cell;
}
.trackol a:before {
content:counter(my-awesome-counter) '\25B7';
content: counter(ti-counter) "";
content: counter(ti-counter, decimal-leading-zero) "";
font-family:monospace;
padding-right:.5em;padding-inline:0 .5em;
width:auto;
height:1em;
min-width: 1.6em;
text-align:center;
font-size:.85em;
}
.trackol + div {text-align:center;font-size:85%;line-height:1.5;opacity:.5;}
.trackol + div:before {content:'Albino Blacksheep Compact Player ';}
.songthumb {padding-left:.5em;padding-inline:.5em 0;font-size:.85em;line-height:normal;}
.tracklist::-webkit-scrollbar {width:.5em;-webkit-appearance:none;appearance:none;}
.tracklist::-webkit-scrollbar-track {
border-radius:0;
background:transparent;
}
.tracklist::-webkit-scrollbar-thumb {
min-height:2em;
border:none;
background-color: #999;
background-color:var(--text);
background-image: none;
border-radius:.125em;
}
.tracklist::-webkit-scrollbar-thumb:hover {background-color:var(--header);}
.bottomstick {
display:flex;
align-items: center;
justify-content: flex-end;
margin: 0 1rem;
background: #fff;
background:var(--card);
text-align:right;
padding-right:.5em;padding-inline:0 .5em;
border-radius:0 0 .5em .5em;
box-shadow: 0 -0.25em 2em 0 rgba(0,0,0,.1);
position: relative;
}
.tracklist {will-change: transform;}
.za .z-a {display:none;}
.az .a-z {display:none;}
.artist-za .artist-z-a {display:none;}
.artist-az .artist-a-z {display:none;}
.bottomstick .action-btn {
padding:.25em 0;
visibility:hidden;
opacity:0;
transition:all .5s, color .15s;
font-size:90%;
line-height: 1.25;
}
.showplaylist + .bottomstick .action-btn {visibility:visible;opacity:1;}
.darkmode, .lightmode {
visibility: visible !important;
opacity: 1 !important;
}
.lightmode,
.normal .lightmode,
.dark-theme .darkmode,
.light-theme .lightmode,
.video-playlist.dark-theme .darkmode,
.video-playlist.light-theme .lightmode,
.dark-theme .video-playlist.light-theme .lightmode {display:none}
.light-theme .video-playlist.dark-theme .lightmode,
.dark-theme .video-playlist .lightmode,
.dark-theme .video-playlist.light-theme .darkmode,
.video-playlist.dark-theme .lightmode {display:inline-block}
@keyframes bigplay {
0% {transform: scale(1);opacity:1}
100% {transform: scale(1.3);opacity:0}
}
@keyframes bigplay2 {
0% {transform: scale(1);opacity:1}
100% {transform: scale(1.3);opacity:0}
}
.animatePlayback {animation:bigplay .5s}
.animatePlayback2 {animation:bigplay2 .5s}
/* FIXES MAY 2023 */
@media only screen and (min-width: 640px) {
.video-border {
border: .5em solid rgba(var(--color-rgb),var(--color-rgb),var(--color-rgb), .25);
box-shadow: .125em .125em 1.5em rgba(0,0,0,.2);
border-radius: .25em;
}
}
.video-playlist {overflow: inherit;}
.trackname a {display:none;}
.video-controls2 {pointer-events:none;}
.right-nav {pointer-events:all;}
@media only screen and (min-width:640px){
.track-nav {margin-top:0;}
.video-playlist .bottomstick, .video-playlist .tracklist, .video-playlist .track-nav {/*margin-right:0;*/margin-inline-end:0;}
.single-column .bottomstick,
.single-column .tracklist {margin:0 1rem;}
} .new_ratio {padding-bottom:70.0000%;}
/* FOOTER */
.footer a, .footer summary {
color: var(--color-on-contrast);
text-decoration:none;
display: inline-flex;
align-items: center;
}
.footer summary {display:list-item;}
.footer a:hover {text-decoration:underline;}
.footer p {font-size:1em;margin:1em 1rem;font-variant-numeric:tabular-nums;}
.footer {
position:relative;
display:block;
width:100%;
background:#f0f0f0;
background: var(--color-contrast);
overflow:hidden;
transition:background-color .4s;
}
.footer-watermark {
position:relative;
max-width:40em;
display: flex;
justify-content: flex-end;
align-items: flex-start;
overflow:hidden;
color: var(--color-text-contrast);
background-color: transparent;
background-image:url(/style/2023/sheepie-mono-rev-opt.svg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 344 344'%3E%3Cpath d='M172 19C77 19 0 87.5 0 172s77 153 172 153 172-68.5 172-153S267 19 172 19zm0 16.81c29.34 0 55.36 18.4 71.53 46.75 3.5 1.15 23.11 8.02 33.22 21.85 9.81 13.4 16.13 35.93 13.6 51.8-2.54 15.9-9.25 35-17.73 28.32-4.12-3.25-8.26-12.63-12.09-24.47-3.7 59.02-41.94 105.4-88.53 105.4s-84.82-46.38-88.53-105.4c-3.83 11.84-7.97 21.22-12.1 24.47-8.47 6.67-15.18-12.43-17.71-28.31-2.54-15.88 3.78-38.4 13.59-51.81 10.11-13.83 29.71-20.7 33.22-21.85 16.17-28.35 42.2-46.75 71.53-46.75zm0 4.13c-22 0-39.84 25.26-39.84 36.15C132.16 87 150 98.25 172 98.25c22 0 39.84-11.27 39.84-22.16S194 39.94 172 39.94zm15.94 66.75c-7.34 0-13.5 10.04-15.35 23.69 1.97-4.13 4.63-6.7 7.57-6.7 6.06 0 10.97 10.82 10.97 24.13 0 10.25-2.93 18.96-7.04 22.44 1.23.61 2.53.94 3.85.94 8.8 0 15.97-14.44 15.97-32.25 0-17.81-7.16-32.25-15.97-32.25zm-31.88.72c-8.8 0-15.97 14.44-15.97 32.25 0 17.8 7.16 32.25 15.97 32.25 1.52 0 2.99-.43 4.38-1.22-4.39-3.16-7.56-12.19-7.56-22.88 0-13.3 4.9-24.12 10.96-24.12 2.87 0 5.49 2.43 7.44 6.37-2.02-13.13-8.06-22.65-15.22-22.65zm8.38 132.78a3.55 3.55 0 0 0 0 7.1 3.55 3.55 0 0 0 0-7.1zm15.12 0a3.55 3.55 0 0 0 0 7.1 3.55 3.55 0 0 0 0-7.1z' fill='%23fff' style='opacity:.1'/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-size:40em auto;
background-position:-20em 0;
}
.translated-rtl .footer-watermark {background-position:20em 0;}
.footer .inner {margin:0;}
.footer .ic {
margin:0 .35em 0 0;color:var(--color-text-contrast);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change:transform;
display: flex;
align-items: center;
margin-inline-end: .35em;
margin-inline-start: 0;
}
.yt img {border-radius:.15em;}
.ic img, .ic picture {aspect-ratio: 1/1;width:100%;}
.footerlis .retro {display: none;}
.footerlis:hover .retro {display: inherit;}
.footerlis:hover .modern {display:none;}
@media (-webkit-min-device-pixel-ratio: 1.5) {
.pixelated img {image-rendering: pixelated;}
}
.footerlis picture, .footerlis img {display:block;line-height:1;}
.footerlis {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.footerlis ul {padding:0;margin:1em 1rem;list-style-type:none;}
.footerlis li {margin:1.25em 0;}
.the-bros {
position:absolute;
bottom:0;
left:0;
width: 100%;
height: 42px;height: 2.625em;
}
.mario, .luigi {
position:absolute;
bottom:-5px;bottom:-.3125em;
left:0;
transition: transform 12s ease-in;
transform:translateX(-2.5em);
}
.luigi {
transform:translateX(-20vw);
transition: transform 13.9s ease-in-out;
transition-delay:.2s}
.footer:hover .mario,
.footer:hover .luigi {
transform: translateX(90em);
transform: translateX(100vw);
}
.the-bros img {transform:scaleX(-1);width:40px;height:42px;width:2.5em;height:2.625em;image-rendering: pixelated;}
.footer:hover .the-bros img {transform:scaleX(1);}
.the-bros:hover .mario, .the-bros:hover .luigi {transform:translateX(-10vw);}
.the-bros:hover .mario img, .the-bros:hover .luigi img {transform:scaleX(-1);}
details {margin:0 1rem .5em 1rem;line-height: 1.6;}
summary {cursor:pointer;max-width:fit-content;}
summary:hover {text-decoration:underline;}
.footer .stats {min-height:6em;margin:0 1rem;line-height:1.6;}
/* THEMES */
.background {
background:var(--fixed);
background-size:90em auto;
background-position: top center;
background-repeat:no-repeat;
}
@media only screen and (max-width:520px){
.background {background-size:74em auto;}
}
body {
--color1: #fcb569;
--color2: #ff8600;
}
body,
.light-theme {
--bg: #fff;
--card: #fff;
--text: #666;
--header: #333;
--color3:#eee !important;
--fixed:transparent;
--color-rgb:255;
}
.dark-theme {
--bg: #080808;
--card: #0d0d0d;
--text: #999;
--header: #ccc;
--color3:#111 !important;
--color-rgb:35;
}
.dark-theme img, .light-theme .dark-theme img {opacity: .75;transition:opacity .4s;}
.dark-theme .brand img {transition:transform .75s;}
.light-theme img, .current img, .dark-theme .brand img, .footer img {opacity: 1;}
.dark-theme a:hover img, .dark-theme img:hover {opacity: 1;}
[data-theme='light'] {
--color-primary: #000;
--color-bg: #f0f0f0;
--color-contrast: rgba(14,14,14,.95);
--color-text-contrast: #dadada;
--color-on-contrast: #fff;
--color-text: #666;
--fixed: #f7f7f7;
}
[data-theme='light'] .background {background-image:url(/style/2023/bg-light1-opt.jpg);background-position:0 0;}
[data-theme='light'].webp .background {background-image:url(/style/2023/bg-light1-opt.webp);}
[data-theme='light'] .header .wrapper,
[data-theme='light'] .heading,
[data-theme='light'] .footer {
-webkit-backdrop-filter:blur(2px);
backdrop-filter:blur(2px);
}
[data-theme='light'] .header .wrapper {z-index:1}
[data-theme='dark'] {
--color-text: #999;
--color-primary: #ddd;
--color-contrast:#111;
--color-contrast: rgba(14,14,14,.95);
--color-on-contrast: #f8f8f8;
--color-text-contrast:#e8e8e8;
--color-rgb: 35;
--color-rgb: 40;
--color-bg:#080808;
/* --color-bg:#0a0a0a; */
--color1: #d0adf0;
--color2: #9461fd;
}
[data-theme='dark'] .background {background:#000;}
[data-theme='dark'] a .menu-ic {color:var(--color1);}
[data-theme='dark'] a:hover .menu-ic {color:var(--color-on-contrast)}
[data-theme='dark'] a:hover .menu-games {color:#ffee00}
[data-theme='br'] {
--color-text:#402022;
--color-primary: #d34596;
--color-on-contrast: #fff;
--color-contrast:#d34596;
--color-text-contrast: #eee;
--color1: #e055a2;
--color2: #d34596;
--color-bg: #ede7e4;
}
[data-theme='br'] .background {
background-color:#fff;
background-image:url(/style/2023/br1-opt.jpg);
}
[data-theme='br'].webp .background {background-image:url(/style/2023/br1-opt.webp);}
[data-theme='abs1999'] {
--color-text: #ccc;
--color-primary: #fef4d6;
--color-bg: #080808;
--color-contrast: #bfb199;
--color-on-contrast: #111;
--color-text-contrast:#222;
--color-rgb:23;
--color1: #fef4d6;
--color2: #bfb199;
}
[data-theme='abs1999'] .header .wrapper,
[data-theme='abs1999'] .heading,
[data-theme='abs1999'] .footer {background: linear-gradient(0deg, #bfb199 0%, #fef4d6 50%, #bfb199 100%);}
[data-theme='abs1999'] .background {background-image:url(/image/bg.gif);background-size:auto auto;background-repeat:repeat;image-rendering:pixelated;}
[data-theme='abs2004'] {
--color-text: #ccc;
--color-primary: #61979F;
--color-bg: #080808;
--color-contrast:#294242;
--color-on-contrast: #eee;
--color-text-contrast:#ccc;
--color-rgb:23;
--color1: #61979F;
--color2: #213235;
}
[data-theme='abs2004'] .files a {border-radius:0;}
[data-theme='abs2004'] .files a:hover {transform:none;}
[data-theme='abs2004'] .header .wrapper,
[data-theme='abs2004'] .heading,
[data-theme='abs2004'] .footer {background:linear-gradient(180deg, #081010 0%, #102121 .75em, #294242 100%);}
[data-theme='abs2004'] .background {background:#1B1F25;}
[data-theme='abs2004'] .top,
[data-theme='abs2004'] .bottom,
[data-theme='abs2004'] .header .bottom {box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;background:transparent;}
[data-theme='abs2004'] .top {border:0;border-bottom:1px solid #213235;}
[data-theme='abs2004'] .bottom {border:0;border-top:1px solid #213235;}
[data-theme='abs2004'] .files li {outline: 1px solid #222;background:linear-gradient(180deg, #1a1a1a 0%, #050505 3em, #050505 100%);border-radius:0;}
[data-theme='electric'] {
--color-bg:#f5f8fd;
--color-text: #666;
--color-primary: #172c66;
--color-contrast:#172c66;
--color-on-contrast: #f582ae;
--color-text-contrast:#fff;
--color1: #f582ae;
--color2: #ff3d6a;
--fixed:#fff;
}
[data-theme='electric'] .background {
/*background:linear-gradient(25deg, #D9AFD9 0%, #97D9E1 100%); */
background-image:url(/style/2023/electric1-opt.jpg);}
[data-theme='electric'].webp .background {background-image:url(/style/2023/electric1-opt.webp);}
[data-theme='peachy'] {
--color-text: #40241b;
--color-primary: #ff6c48;
--color-bg: #fff9e9;--color-bg:#ffeedf;--color-bg:#fff5ec;
--color-contrast: #ff8e6c;
--color-on-contrast: #fff;
--color-text-contrast:#fff;
--color1: #ff9491;
--color2: #ff6d6d;
--fixed:#fff;
}
[data-theme='peachy'] .background {background-image:url(/style/2023/peachy1-opt.jpg);}
[data-theme='peachy'].webp .background {background-image:url(/style/2023/peachy1-opt.webp);}
[data-theme='peachy'] .wrapper:not(.header .wrapper), [data-theme='peachy'] .footer {box-shadow:.0625em .125em 2em rgba(0,0,0,.15);}
[data-theme='mindful'] {
--color-text: #666;
--color-primary: #3f2b8d;
--color-on-contrast: #f2eff8;
--color-contrast: #3f2b8d;
--color-text-contrast: #eee;
--color1: #6543a1;
--color2: #3f2b8d;
--color-bg: #f2eff8;
}
/*--fixed: linear-gradient(90deg, #c7bae1 0%, #bad4e1 100%); */
[data-theme='mindful'] .background {background-image:url(/style/2023/mindful1-opt.jpg);background-position:0 0;}
[data-theme='mindful'].webp .background {background-image:url(/style/2023/mindful1-opt.webp);}
[data-theme='minty'] {
--color-text: #666;
--color-primary: #288852;
--color-on-contrast: #fff;
--color-contrast: #086F39;
--color-text-contrast: #eee;
--color1: #288852;
--color2: #086F39;
--color-bg: mintcream;
--fixed:#f4f4f4;
}
[data-theme='minty'] .background {background-image: url(/style/2023/minty1-opt.jpg);background-position:0 0;}
[data-theme='minty'].webp .background {background-image: url(/style/2023/minty1-opt.webp);}
[data-theme='rosey'] {
--color-text: #555;
--color-primary: #555;
--color-bg: #fcecef;
--color-contrast: #f6c6d2;
--color-on-contrast: #444;
--color-text-contrast: #555;
--color1: #eaa2b8;
--color2: #dc98ad;
--fixed: #fff;
}
[data-theme='rosey'] .background {background-image: url(/style/2023/rosey1-opt.jpg);background-position:0 0;}
[data-theme='rosey'].webp .background {background-image: url(/style/2023/rosey1.webp);}
[data-theme='nautical'] {
--color-text: #444;
--color-primary: #2b1d0e;--color-primary:rgb(35, 64, 88);
--color-on-contrast: #fff;
--color-contrast: rgb(35, 64, 88); /* salty dog */
--color-text-contrast: #eee;
--color1: palegoldenrod;
--color2: goldenrod;
--color-bg:#f8f1ea;
}
[data-theme='nautical'] .background {background-image:url(/style/2023/nautical1-opt.jpg);background-repeat:repeat;}
[data-theme='nautical'].webp .background {background-image:url(/style/2023/nautical1-opt.webp);}
[data-theme='nautical'] .wrapper:not(.header .wrapper), [data-theme='nautical'] .footer {box-shadow:.0625em .125em 2em rgba(0,0,0,.15);}
[data-theme='tiffany'] {
--color-text: #555;
--color-primary: #000;
--color-bg: #f9f9f9;
--color-contrast: var(--color1);
--color-on-contrast: #fff;
--color-text-contrast:#eee;
--color1: #0abab5;
--color2: #0a938f;
}
[data-theme='peachy'] .heading,
[data-theme='nautical'] .heading {box-shadow:0.0625em 0.125em 2em rgba(0,0,0,.15);}
[data-theme='abs1999'] .top,
[data-theme='abs1999'] .bottom,
[data-theme='peachy'] .top,
[data-theme='peachy'] .bottom,
[data-theme='nautical'] .top,
[data-theme='nautical'] .bottom {visibility:hidden;}
[data-theme='peachy'] .header .bottom,
[data-theme='nautical'] .header .bottom {visibility:visible;}
.btn_header {display:none;}
@media only screen and (min-width:1280px){
.btn_header {display: flex;align-items: center;margin:0 1rem;background: var(--color-contrast);color: var(--color-on-contrast);
padding: 0.25em;
border-radius: 0.25em;font-size:.9rem;font-weight:600;
}
.side .header {float:left;width:15em;height: 100%;position: fixed;}
.translated-rtl .side .header {float:right;}
.side .header .wrapper:before {background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 15%, rgba(255,255,253,0) 50%, rgba(255,255,255,0) 100%)}
.side .header .wrapper {height:100%}
.side main, .side .searchbar,
.side footer,
.side .options {float:right;width:calc(100% - 15em);}
.translated-rtl .side main,
.translated-rtl .side .searchbar,
.translated-rtl .side footer,
.translated-rtl .side .options {float:left;}
.side .menu, .side .header .inner {flex-direction: column;}
.side .brand {flex-direction: column;}
.side .brand img {position:relative;}
.side .brand h2, .side .brand h1 {margin-inline:auto auto;}
.side .searchbar {padding:0}
.side .cse-search-box1 {padding:0 1em;}
.side .nav, .side .menu li, .side .menu a {width:100%}
.side .menu a {border-radius:.25rem;}
.side .menu .li-mode {width:auto;order: -1;}
.side .li-games a:hover {
background-position: 16rem 0;transition: background-position .6s linear, color .4s, background-color .4s;
}
.side .background {background-size:75em auto;background-position: 15em 0;background-repeat: repeat-x;}
.translated-rtl .background {transform: scaleX(-1);}
.side[data-theme='abs1999'] .background {background-size:auto auto;background-repeat: repeat;transform: scaleX(1);}
}
.compact-icons {
grid-template-columns: repeat(auto-fill, minmax(min(9.75em, 100%), 1fr));
display:grid;
align-items: center;
align-content: center;
justify-items: stretch;
list-style: none;
}
@media only screen and (min-width:335px){
.compact-icons {grid-template-columns: auto auto auto;}
}
.compact-icons a {display: flex;
align-items: center;
overflow: visible;
}
.compact-icons .ic {width:1.25em;height:1.25em;
margin:0 .5em 0 .25em;margin-inline:.25em .5em;
}
.compact-icons svg {
width:100%;height:100%;
margin:0;padding:0;
float:none;
border-radius:0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform:translate3d(-1px,-1px,0);
padding:1px;
}
</style>
<meta name="description" content="Albino Blacksheep (ABS): Mostly Flash, Game and Video Media files for users and developers.">
<meta name="keywords" content="Albino Blacksheep, albino, blacksheep, black, sheep, albinoblacksheep, albino black sheep, flash, video, swf, ABS">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@albinoblack">
<meta name="twitter:creator" content="@albinoblack">
<meta property="og:type" content="website">
<meta property="og:title" content="Albino Blacksheep">
<meta property="og:description" content="Albino Blacksheep (ABS): Mostly Flash, Game and Video Media files for users and developers.">
<meta property="og:url" content="https://www.albinoblacksheep.com/">
<meta property="og:image" content="https://www.albinoblacksheep.com/promote/albinoblacksheep-1024.png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta property="og:site_name" content="Albino Blacksheep">
<link rel="alternate" type="application/rss+xml" title="Albino Blacksheep RSS" href="/abs.xml">
<link rel="search" type="application/opensearchdescription+xml" title="Albino Blacksheep" href="/search/opensearch.xml">
<link rel="help" title="Help" href="https://www.albinoblacksheep.com/help/">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/svg+xml" href="/logo.svg" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#222222">
<meta name="msapplication-TileColor" content="#222222">
<meta name="theme-color" content="#fff" data-theme-name="light">
<!-- <meta property="fb:admins" content="891240289"> -->
<link rel="image_src" href="https://www.albinoblacksheep.com/promote/albinoblacksheep-1024.png">
<link rel="author" href="/humans.txt">
<link rel="preload" href="/style/2017_files/philosopher-regular.woff2" as="font" type="font/woff2" crossorigin="">
</head>
<body id="body" class="webp light-theme up" data-theme="light">
<div class="fixed">
<div class="fixed background"></div>
</div>
<section class="options">
<div class="wrapper">
<input type="checkbox" class="theme-check" id="theme-check" title="toggle theme selector">
<div id="themepicker" class="themepicker" aria-hidden="true">
<div class="nav-mobile">
<h3>Nav<span class="small-hide">igation</span></h3>
<div class="navblock">
<ul>
<li><a href="/flash/">Flash Videos</a>
</li><li><a href="/games/">Games</a>
</li><li><a href="/audio/">Music</a>
</li></ul>
<label for="theme-check" id="close-theme-check2"><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 64 64"><path d="M31.98.73A31.28 31.28 0 0 0 .73 32 31.28 31.28 0 0 0 32 63.28 31.28 31.28 0 0 0 63.28 32 31.28 31.28 0 0 0 32 .73a31.28 31.28 0 0 0-.02 0zM18.1 15.07h.36c1.24.05 2.6.66 3.7 1.76L32 26.65l9.83-9.82c1.96-1.96 4.73-2.35 6.2-.87 1.49 1.48 1.1 4.25-.86 6.21L37.35 32l9.82 9.83c1.96 1.96 2.35 4.73.87 6.2-1.48 1.49-4.25 1.1-6.21-.86L32 37.35l-9.83 9.82c-1.96 1.96-4.73 2.35-6.2.87-1.49-1.48-1.1-4.25.86-6.21L26.65 32l-9.82-9.83c-1.96-1.96-2.35-4.73-.87-6.2a3.18 3.18 0 0 1 2.15-.9z" fill="currentColor"></path>
</svg></span></label>
</div>
</div>
<div class="closer">
<button class="btn_header"><svg style="display:inline-block;width:1.15em;height:1.15em;margin-inline-end:.25em;" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 394.66 394.66">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M59.2 19.73h276.26c21.8 0 39.47 21.8 39.47 39.47v276.26a39.46 39.46 0 0 1-39.47 39.47H59.2c-21.8 0-39.47-21.8-39.47-39.47V59.2A39.46 39.46 0 0 1 59.2 19.73z" stroke-width="39.466"></path>
<path d="M19.73 138.13h355.2" stroke-width="39.466"></path>
<path d="M138.13 374.93v-236.8" stroke-width="39.466"></path>
</g>
</svg> Header Top/Side</button>
<h3>Select Theme</h3> <label for="theme-check" id="close-theme-check"><span class="ic"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 64 64"><path d="M31.98.73A31.28 31.28 0 0 0 .73 32 31.28 31.28 0 0 0 32 63.28 31.28 31.28 0 0 0 63.28 32 31.28 31.28 0 0 0 32 .73a31.28 31.28 0 0 0-.02 0zM18.1 15.07h.36c1.24.05 2.6.66 3.7 1.76L32 26.65l9.83-9.82c1.96-1.96 4.73-2.35 6.2-.87 1.49 1.48 1.1 4.25-.86 6.21L37.35 32l9.82 9.83c1.96 1.96 2.35 4.73.87 6.2-1.48 1.49-4.25 1.1-6.21-.86L32 37.35l-9.83 9.82c-1.96 1.96-4.73 2.35-6.2.87-1.49-1.48-1.1-4.25.86-6.21L26.65 32l-9.82-9.83c-1.96-1.96-2.35-4.73-.87-6.2a3.18 3.18 0 0 1 2.15-.9z" fill="currentColor"></path>
</svg></span></label>
</div>
<ul class="themes" id="theme-menu">
<li>
<button class="theme btn_br" aria-label="select color theme 'Baskin-Robbins 31 Flavours'" data-theme="br">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">31 Flavours</span></span>
</span>
</button>
</li><li>
<button class="theme btn_abs1999" aria-label="select color theme 'ABS 2001'" data-theme="abs1999">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">2001 <span class="ic" style="font-size:2em;"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 234.45 307.01">
<defs>
<linearGradient id="zekb">
<stop offset="0" stop-color="#222"></stop>
<stop offset=".49"></stop>
<stop offset="1"></stop>
</linearGradient>
<linearGradient id="zeka">
<stop offset="0"></stop>
<stop offset=".49" stop-color="#fff"></stop>
<stop offset="1"></stop>
</linearGradient>
<linearGradient xlink:href="#zeka" id="zekc" x1="175.4" y1="77.31" x2="201.66" y2="78.01" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.92 .08 -.13 .54 29.65 15.6)"></linearGradient>
<linearGradient xlink:href="#zekb" id="zekd" x1="378.64" y1="98.13" x2="384.95" y2="323.42" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.98 0 0 .98 -205.96 -6.05)"></linearGradient>
</defs>
<g transform="translate(-44.96 -10.26)">
<path d="m212.19 99.46-50.07-9.18 5.92-32.6 54.2 10.9z" fill="url(#zekc)" stroke="#000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"></path>
<circle cx="162.18" cy="200.05" r="114.29" fill="url(#zekd)" stroke="#000" stroke-width="5.86" stroke-linecap="round"></circle>
<circle cx="115.78" cy="162.48" r="41.32" fill="#fff" stroke="#000" stroke-width="4" stroke-linecap="round"></circle>
<circle cx="199.08" cy="176.37" r="35.9" fill="#fff" stroke="#000" stroke-width="3.48" stroke-linecap="round"></circle>
<circle cx="98.45" cy="152.09" r="17.04" fill="#000"></circle>
<path d="m79.93 217.02 47.82 84.85 85.67-58.33-67.75 5.08z" fill="red"></path>
<circle cx="207.62" cy="189.95" r="17.04" fill="#000"></circle>
<path d="M196.26 62.48a70.03 70.03 0 0 0 17.6-26.28 69.9 69.9 0 0 0 4.49-22.94" fill="none" stroke="#000" stroke-width="6" stroke-linecap="round"></path>
</g>
</svg></span></span></span>
</span>
</button>
</li><li>
<button class="theme btn_abs2004" aria-label="select color theme 'ABS 2004'" data-theme="abs2004">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">2004</span></span>
</span>
</button>
</li><li>
<button class="theme btn_light active" aria-label="select color theme 'ABS Default'" data-theme="light">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">2023 (Default)</span></span>
</span>
</button>
</li><li>
<button class="theme btn_dark" aria-label="select color theme 'Dark Mode'" data-theme="dark">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">2023 <span class="ic"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48">
<path d="M25.12,43.81c7.35,0,14.09-4.01,17.6-10.47c0.29-0.53,0.24-1.18-0.12-1.66c-0.36-0.48-0.98-0.71-1.56-0.58 c-1.2,0.26-2.41,0.39-3.6,0.39c-9.34,0-16.94-7.6-16.94-16.94c0-2.82,0.71-5.61,2.05-8.08c0.29-0.53,0.24-1.18-0.12-1.66 c-0.36-0.48-0.98-0.71-1.56-0.58C11.73,6.21,5.1,14.43,5.1,23.79C5.1,34.83,14.08,43.81,25.12,43.81z" fill="currentColor"></path>
</svg></span>Dark</span></span>
</span>
</button>
</li><li>
<button class="theme btn_electric" aria-label="select color theme 'Moo Moo'" data-theme="electric">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">Electric</span></span>
</span>
</button>
</li><li>
<button class="theme btn_peachy" aria-label="select color theme 'Peachy'" data-theme="peachy">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">Just Peachy</span></span>
</span>
</button>
</li><li>
<button class="theme btn_mindful" aria-label="select color theme 'Mindful'" data-theme="mindful">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">Mindful</span></span>
</span>
</button>
</li><li>
<button class="theme btn_minty" aria-label="select color theme 'Minty'" data-theme="minty">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">Minty Fresh</span></span>
</span>
</button>
</li><li>
<button class="theme btn_nautical" aria-label="select color theme 'nautical Modern'" data-theme="nautical">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">Nautical</span></span>
</span>
</button>
</li><li>
<button class="theme btn_rosey" aria-label="select color theme 'Rosey Red'" data-theme="rosey">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">Rosey</span></span>
</span>
</button>
</li><li>
<button class="last-child theme btn_tiffany" aria-label="select color theme 'Tiffany Blue®'" data-theme="tiffany">
<span class="colours"><span class="c_1"><span class="c_2"></span></span><span class="c_4">
<span class="c_6">Tiffany Blue®</span></span>
</span>
</button>
</li></ul>
</div>
<script>
const btn_header = document.querySelector(".btn_header");
btn_header.addEventListener("click", function() {
document.body.classList.toggle("side");
var header = document.body.classList.contains("side") ? "side" : "up";
document.cookie = "header" + "=" + header + ";secure; " + "max-age" + "=" + expires + ";path=/";
});
const btn_br = document.querySelector(".btn_br");
const btn_abs1999 = document.querySelector(".btn_abs1999");
const btn_abs2004 = document.querySelector(".btn_abs2004");
// const btn_abs2007 = document.querySelector(".btn_abs2007");
const btn_light = document.querySelector(".btn_light");
const btn_dark = document.querySelector(".btn_dark");
const btn_peachy = document.querySelector(".btn_peachy");
const btn_mindful = document.querySelector(".btn_mindful");
// const btn_minimal = document.querySelector(".btn_minimal");
const btn_minty = document.querySelector(".btn_minty");
const btn_electric = document.querySelector(".btn_electric");
const btn_nautical = document.querySelector(".btn_nautical");
const btn_rosey = document.querySelector(".btn_rosey");
const btn_tiffany = document.querySelector(".btn_tiffany");
const rootElement = document.getElementById("html");
const metaThemeColor = document.querySelector('meta[name="theme-color"]');
const expires = 3600 * 24 * 14;
function saveTheme() {
document.body.setAttribute('data-theme', theme);
// if ( document.body.className.match(/(?:^|\s)webp(?!\S)/) ) {
// document.body.className += (" " + theme + "-theme");
// }
// else {
// document.body.className = ("" + theme + "-theme");
// }
//document.body.className = document.body.className.replace( /(?:^|\s)light-theme(?!\S)/g , '' );
// rootElement.className = ("" + theme + "-scheme");
// rootElement.setAttribute('data-theme', theme);
document.body.classList.remove("light-theme"); // REMOVE LATER
document.body.classList.remove("dark-theme");
rootElement.classList.remove("dark-scheme");
metaThemeColor.setAttribute("data-theme-name", theme);
metaThemeColor.setAttribute("content", themeColour);
document.cookie = "theme" + "=" + theme + ";secure; " + "max-age" + "=" + expires + ";path=/";
}
btn_br.addEventListener("click", function() {
theme = "br";
themeColour = "#d34596";
saveTheme();
//document.body.classList.add("light-theme");
});
btn_abs1999.addEventListener("click", function() {
theme = "abs1999";
themeColour = "#000";
saveTheme();
document.body.classList.remove("light-theme");
document.body.classList.add("dark-theme");
rootElement.classList.add("dark-scheme");
});
btn_abs2004.addEventListener("click", function() {
theme = "abs2004";
themeColour = "#1B1F25";
saveTheme();
document.body.classList.remove("light-theme");
document.body.classList.add("dark-theme");
rootElement.classList.add("dark-scheme");
});
btn_light.addEventListener("click", function() {
theme = "light";
themeColour = "white";
saveTheme();
});
btn_dark.addEventListener("click", function() {
theme = "dark";
themeColour = "#222";
saveTheme();
document.body.classList.remove("light-theme");
document.body.classList.add("dark-theme");
rootElement.classList.add("dark-scheme");
});
btn_electric.addEventListener("click", function() {
theme = "electric";
themeColour = "#172c66";
saveTheme();
});
btn_peachy.addEventListener("click", function() {
theme = "peachy";
themeColour = "#ff8e6c";
saveTheme();
});
btn_mindful.addEventListener("click", function() {
theme = "mindful";
themeColour = "#3f2b8d";
saveTheme();
});
btn_minty.addEventListener("click", function() {
theme = "minty";
themeColour = "#086F39";
saveTheme();
});
btn_nautical.addEventListener("click", function() {
theme = "nautical";
themeColour = "rgb(35, 64, 88)";
saveTheme();
});
btn_rosey.addEventListener("click", function() {
theme = "rosey";
themeColour = "#f6c6d2";
saveTheme();
});
btn_tiffany.addEventListener("click", function() {
theme = "tiffany";
themeColour = "#0abab5";
saveTheme();
});
let nav = document.querySelector('.themepicker')
if (nav) {
let navLinks = document.querySelectorAll('.themepicker button')
let activeLink = document.querySelector('.active')
activeLink.scrollIntoView({ behavior: "instant", block: 'nearest', inline: "center" })
navLinks.forEach( function(link) {
link.addEventListener("click", (event) => {
navLinks.forEach( function(link) {
link.classList.remove('active')
})
link.classList.add('active')
link.scrollIntoView({ behavior: "smooth", block: 'nearest', inline: "center" }) //https://stackoverflow.com/a/72886726
})
})
}
</script>
</div>
</section>
<header class="header">
<div class="wrapper">
<div class="inner">
<div class="brand">
<img id="logo" src="/promote/albinoblacksheep-64.png" srcset="/logo.svg 1x, /logo.svg 2x" width="64" height="64" alt="">
<a href="/">
<h1>Albino Blacksheep</h1>
</a>
</div>
<nav class="nav">
<ul class="menu">
<li class="li-home"><a href="/"><span class="menu-ic"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 576 512"><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z" fill="currentColor"></path></svg></span><span class="menu-txt">Main</span></a>
</li><li class="li-flash"><a href="/flash/"><span class="menu-ic"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9V344c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z" fill="currentColor"></path></svg></span><span class="menu-txt">Flash Videos</span></a>
</li><li class="li-games" id="games"><a href="/games/"><span class="menu-ic menu-games"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 64 64"><path d="M56.3 11.2C50.4 4.3 41.7 0 32 0 14.3 0 0 14.3 0 32 0 49.7 14.3 64 32 64 41.7 64 50.4 59.7 56.3 52.8L36 32 56.3 11.2zM40 7.5c2.5 0 4.5 2 4.5 4.5 0 2.5-2 4.5-4.5 4.5-2.5 0-4.5-2-4.5-4.5 0-2.5 2-4.5 4.5-4.5z" fill="currentColor"></path></svg></span><span class="menu-txt">Games</span></a>
</li><li class="li-audio"><a href="/audio/"><span class="menu-ic"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path d="M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7v72V368c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V147L192 223.8V432c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V200 128c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z" fill="currentColor"></path></svg></span><span class="menu-txt">Music</span></a>
<!--
<li class="li-search search-btn" id="search-btn"><a href="/search/"><span class="ic search"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="currentColor"/></svg></span></a>
-->
</li><li class="li-mode mode-relative">
<label id="modelabel" for="theme-check"><span class="ic mode mode-wheel"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 200 200">
<path d="m200 99.08-99.94.42L50.2 186.7A100 100 0 0 0 100 200a100 100 0 0 0 100-100 100 100 0 0 0 0-.92z" fill="#f0f"></path>
<path d="M49.81 13.45A100 100 0 0 0 0 99.95a100 100 0 0 0 50 86.6l49.88-87.21Z" fill="#ff0"></path>
<path d="M99.94 0A100 100 0 0 0 50 13.4l50.07 85.89 99.93-.42A100 100 0 0 0 100 0a100 100 0 0 0-.06 0z" fill="#0ff"></path>
</svg></span><span class="ic mode sunmoon"><svg class="sun-and-moon" aria-hidden="true" width="32" height="32" viewBox="0 0 24 24">
<mask class="moon" id="moon-mask">
<rect x="0" y="0" width="100%" height="100%" fill="white"></rect>
<circle cx="24" cy="10" r="6" fill="black"></circle>
</mask>
<circle class="sun" cx="12" cy="12" r="6" mask="url(#moon-mask)" fill="currentColor"></circle>
<g class="sun-beams" fill="currentColor">
<path d="M12 0c-.48 0-1.1 2.95-1.64 4.87a7.32 7.32 0 0 1 1.64-.2 7.32 7.32 0 0 1 1.64.2C13.09 2.95 12.48 0 12 0ZM3.66 3.47c-.07 0-.11.02-.14.05-.34.33 1.31 2.85 2.28 4.6A7.32 7.32 0 0 1 8.1 5.8c-1.58-.88-3.8-2.33-4.45-2.33Zm16.68 0c-.64 0-2.87 1.45-4.45 2.33A7.32 7.32 0 0 1 18.2 8.1c.97-1.74 2.62-4.26 2.28-4.6-.03-.02-.07-.04-.14-.04Zm-15.47 6.9C2.95 10.9 0 11.51 0 12s2.95 1.1 4.87 1.64a7.32 7.32 0 0 1-.2-1.64 7.32 7.32 0 0 1 .2-1.64Zm14.26 0a7.32 7.32 0 0 1 .2 1.63 7.32 7.32 0 0 1-.2 1.64C21.05 13.09 24 12.48 24 12s-2.95-1.1-4.87-1.64ZM5.8 15.88c-.97 1.74-2.62 4.26-2.28 4.6.33.33 2.85-1.32 4.6-2.29A7.32 7.32 0 0 1 5.8 15.9Zm12.4 0a7.32 7.32 0 0 1-2.31 2.31c1.74.97 4.26 2.62 4.6 2.28.33-.33-1.32-2.85-2.29-4.6zm-7.84 3.24C10.91 21.05 11.52 24 12 24s1.1-2.95 1.64-4.87a7.32 7.32 0 0 1-1.64.2 7.32 7.32 0 0 1-1.64-.2z"></path>
</g></svg></span></label>
</li></ul>
</nav>
</div>
</div>
<div class="bottom"></div>
</header>
<div class="searchbar" role="search">
<form action="/search/" class="cse-search-box1" id="cse-search-box1">
<input type="hidden" name="cx" value="partner-pub-6275177839270700:9139095159">
<input type="hidden" name="cof" value="FORID:11">
<input type="hidden" name="ie" value="UTF-8">
<input type="hidden" name="ivt" value="false">
<div class="si-wrapper"><input type="search" name="q" size="20" id="searchinput" class="forminput si-input" aria-label="search" placeholder="Search" spellcheck="false" required="">
<button title="Search" class="si-btn" name="sa" type="submit"><span class="ic search"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg></span></button>
</div>
</form>
</div>
<main>
<!-- <div class="myhtmlticker tickerstyle"></div> -->
<!-- tuturing jenny 5000 sinbad richeardson -->
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section wide">
<h2>Featured</h2>
<script>
var songs = [
{name:"Bob and the Apple"
, artist:"LazyBoy"
, url:"/flash/bobandapple"
, album:"/flash/screen/bobandapple.png"
, poster:"/flash/960/bobandapple.jpg"
, file:"/mp4/bobandapple(www.albinoblacksheep.com).mp4"
, width:"500"
, height:"350"
},
{name:"Avada Kedavra"
, artist:"Andrew Kepple"
, url:"/flash/avada-kedavra"
, album:"/flash/screen/avada-kedavra.png"
, poster:"/flash/960/avada-kedavra.jpg"
, file:"/mp4/avada-kedavra(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"350"
},
{name:"Everything You Know Is Wrong!"
, artist:"R. Wappin"
, url:"/flash/wrong"
, album:"/flash/screen/wrong.png"
, poster:"/flash/960/wrong.jpg"
, file:"/mp4/wrong(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Beepdog"
, artist:"Nobuyuki"
, url:"/flash/beepdog"
, album:"/flash/screen/beepdog.png"
, poster:"/flash/960/beepdog.jpg"
, file:"/mp4/beepdog(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Spelunker Brothers"
, artist:"Jimmy Egeland"
, url:"/flash/spelunker"
, album:"/flash/screen/spelunker.png"
, poster:"/flash/960/spelunker.jpg"
, file:"/mp4/spelunker(www.albinoblacksheep.com).mp4"
, width:"640"
, height:"360"
},
{name:"Two O'Clock"
, artist:"Jimmy Egeland"
, url:"/flash/twooclock"
, album:"/flash/screen/twooclock.png"
, poster:"/flash/960/twooclock.jpg"
, file:"/mp4/twooclock(www.albinoblacksheep.com).mp4"
, width:"640"
, height:"360"
},
{name:"It's Algebra Tibe!"
, artist:"Sinbad Richardson"
, url:"/video/its-algebra-tibe"
, album:"/video/shot/its-algebra-tibe.jpg"
, poster:"/video/960/its-algebra-tibe.jpg"
, file:"/mp4/its-algebra-tibe(www.albinoblacksheep.com).mp4"
, width:"1920"
, height:"1080"
},
{name:"The Ultimate Showdown"
, artist:"AltF4"
, url:"/flash/showdown"
, album:"/flash/screen/showdown.png"
, poster:"/flash/960/showdown.jpg"
, file:"/mp4/showdown(www.albinoblacksheep.com).mp4"
, width:"600"
, height:"450"
},
{name:"A Coconut Up Your Butt"
, artist:"NightShadow"
, url:"/flash/coconutupbutt"
, album:"/flash/screen/coconutupbutt.png"
, poster:"/flash/960/coconutupbutt.jpg"
, file:"/mp4/coconutupbutt(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"My Virgin Dad"
, artist:"LazyBoy"
, url:"/flash/lazy-writing-6"
, album:"/flash/screen/lazy-writing-6.png"
, poster:"/flash/960/lazy-writing-6.jpg"
, file:"/mp4/lazy-writing-6(www.albinoblacksheep.com).mp4"
, width:"640"
, height:"360"
},
{name:"My Virgin Dad 2"
, artist:"LazyBoy"
, url:"/flash/lazy-writing-14"
, album:"/flash/screen/lazy-writing-14.png"
, poster:"/flash/960/lazy-writing-14.jpg"
, file:"/mp4/lazy-writing-14(www.albinoblacksheep.com).mp4"
, width:"960"
, height:"540"
},
{name:"One Million Page Views - Bonus Scene"
, artist:"LazyBoy"
, url:"/flash/pageviews"
, album:"/flash/screen/pageviews.png"
, poster:"/flash/960/pageviews.jpg"
, file:"/mp4/pageviews-bonus(www.albinoblacksheep.com).mp4"
, width:"500"
, height:"350"
},
{name:"James' Weird Little World"
, artist:"LazyBoy"
, url:"/video/james-weird-little-world"
, album:"/video/shot/james-weird-little-world.jpg"
, poster:"/video/960/james-weird-little-world.jpg"
, file:"/mp4/james-weird-little-world(www.albinoblacksheep.com).mp4"
, width:"1920"
, height:"1080"
},
{name:"James' Weird Little World 2"
, artist:"LazyBoy"
, url:"/video/james-weird-little-world-2"
, album:"/video/shot/james-weird-little-world-2.jpg"
, poster:"/video/960/james-weird-little-world-2.jpg"
, file:"/mp4/james-weird-little-world-2(www.albinoblacksheep.com).mp4"
, width:"1920"
, height:"1080"
},
{name:"Draining the Lizard on a Dead Gay Wizard"
, artist:"Andrew Kepple"
, url:"/flash/lizardwizard"
, album:"/flash/screen/lizardwizard.png"
, poster:"/flash/960/lizardwizard.jpg"
, file:"/mp4/lizardwizard(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Supertaster"
, artist:"R. Wappin"
, url:"/flash/supertaster"
, album:"/flash/screen/supertaster.png"
, poster:"/flash/960/supertaster.jpg"
, file:"/mp4/supertaster(www.albinoblacksheep.com).mp4"
, width:"960"
, height:"540"
},
{name:"Frogs"
, artist:"LazyBoy"
, url:"/flash/lazy-writing-2"
, album:"/flash/screen/lazy-writing-2.png"
, poster:"/flash/960/lazy-writing-2.jpg"
, file:"/mp4/lazy-writing-2(www.albinoblacksheep.com).mp4"
, width:"1920"
, height:"1080"
},
{name:"Hulkulele"
, artist:"WooleyWorld"
, url:"/flash/hulkulele"
, album:"/flash/screen/hulkulele.png"
, poster:"/flash/960/hulkulele.jpg"
, file:"/mp4/hulkulele(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Badenture"
, artist:"Rustpuppet"
, url:"/flash/badenture"
, album:"/flash/screen/badenture.png"
, poster:"/flash/960/badenture.jpg"
, file:"/mp4/badenture(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"The Basketball Cartoon"
, artist:"Mr.Fizzy"
, url:"/flash/basketball"
, album:"/flash/screen/basketball.png"
, poster:"/flash/960/basketball.jpg"
, file:"/mp4/basketball(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"The End of Ze World"
, artist:"Jason Windsor / Fluid"
, url:"/flash/end"
, album:"/flash/screen/end.png"
, poster:"/flash/960/end.jpg"
, file:"/mp4/end(www.albinoblacksheep.com).mp4"
, width:"780"
, height:"440"
},
{name:"Boy and Robot Get a Pet"
, artist:"ryoshenron"
, url:"/flash/getapet"
, album:"/flash/screen/getapet.png"
, poster:"/flash/960/getapet.jpg"
, file:"/mp4/getapet(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"That's Your Horoscope for Today!"
, artist:"ZekeySpaceyLizard"
, url:"/flash/horoscope"
, album:"/flash/screen/horoscope.png"
, poster:"/flash/960/horoscope.jpg"
, file:"/mp4/horoscope(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Pee-Wiu's Sh*thouse"
, artist:"Andrew Kepple"
, url:"/flash/peewiu"
, album:"/flash/screen/peewiu.png"
, poster:"/flash/960/peewiu.jpg"
, file:"/mp4/peewiu(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Just a Bit Crazy"
, artist:"Eddsworld"
, url:"/flash/bitcrazy"
, album:"/flash/screen/bitcrazy.png"
, poster:"/flash/960/bitcrazy.jpg"
, file:"/mp4/bitcrazy(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Crush Kill Destroy Dance"
, artist:"Tirrel"
, url:"/flash/ckdd"
, album:"/flash/screen/ckdd.png"
, poster:"/flash/960/ckdd.jpg"
, file:"/mp4/ckdd(www.albinoblacksheep.com).mp4"
, width:"450"
, height:"450"
},
{name:"I Scream, You Scream"
, artist:"Jimmy Egeland"
, url:"/video/i-scream-you-scream"
, album:"/video/shot/i-scream-you-scream.jpg"
, poster:"/video/960/i-scream-you-scream.jpg"
, file:"/mp4/i-scream-you-scream(www.albinoblacksheep.com).mp4"
, width:"640"
, height:"360"
},
{name:"Dash It!"
, artist:"Alexandr Tanana"
, url:"/flash/dash-it"
, album:"/flash/screen/dash-it.png"
, poster:"/flash/960/dash-it.jpg"
, file:"/mp4/dash-it(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Brazil"
, artist:"drewmo"
, url:"/flash/brazil"
, album:"/flash/screen/brazil.png"
, poster:"/flash/960/brazil.jpg"
, file:"/mp4/brazil(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Deadman Waiting To Happen"
, artist:"nProcess"
, url:"/flash/deadman"
, album:"/flash/screen/deadman.png"
, poster:"/flash/960/deadman.jpg"
, file:"/mp4/deadman(www.albinoblacksheep.com).mp4"
, width:"460"
, height:"345"
},
{name:"Forehead Shavecut"
, artist:"Jesse Jones"
, url:"/flash/shavecut"
, album:"/flash/screen/shavecut.png"
, poster:"/flash/960/shavecut.jpg"
, file:"/mp4/shavecut(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},
{name:"Web Design Pitch"
, artist:"LazyBoy"
, url:"/flash/web-design-pitch"
, album:"/flash/screen/web-design-pitch.png"
, poster:"/flash/960/web-design-pitch.jpg"
, file:"/mp4/web-design-pitch(www.albinoblacksheep.com).mp4"
, width:"960"
, height:"540"
},
{name:"1 Minute Meals"
, artist:"Jordan Comeaux"
, url:"/flash/1-minute-meals"
, album:"/flash/screen/1-minute-meals.png"
, poster:"/flash/960/1-minute-meals.jpg"
, file:"/mp4/1-minute-meals(www.albinoblacksheep.com).mp4"
, width:"960"
, height:"540"
},
{name:"Isaac's Island"
, artist:"Andrew Kepple"
, url:"/flash/usc3"
, album:"/flash/screen/usc3.png"
, poster:"/flash/960/usc3.jpg"
, file:"/mp4/isaacs-island(www.albinoblacksheep.com).mp4"
, width:"550"
, height:"400"
},];
</script>
<div class="video-playlist" id="video-playlist">
<div class="video-side" id="video-side">
<div class="video-border">
<div class="video-container new_ratio" id="video-container" style="padding-bottom: 70%;">
<div class="btn btn-primary btn-icon playback-animation opacity1" id="playback-animation">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 368 368">
<g class="svg_play playbutton">
<path d="M73.56 368a35.37 35.37 0 0 1-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V39c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0 1 35.77.45l247.85 148.36a36 36 0 0 1 0 61l-247.9 148.4A35.5 35.5 0 0 1 73.57 368Z" fill="currentColor"></path>
</g>
<g class="svg_pause pausebutton">
<path d="M139.1 316.75a51.25 51.25 0 0 1-102.5 0V51.25a51.25 51.25 0 0 1 102.5 0z" fill="currentColor"></path>
<path d="M331.4 316.75a51.25 51.25 0 0 1-102.5 0V51.25a51.25 51.25 0 0 1 102.5 0z" fill="currentColor"></path>
</g>
</svg>
</div>
<img loading="lazy" id="poster" class="poster ofi" src="/flash/960/bobandapple.jpg" width="960" height="540" alt="">
<video playsinline="" class="video" id="videotag" preload="none" controlslist="nodownload" x-webkit-airplay="allow" src="/mp4/bobandapple(www.albinoblacksheep.com).mp4">
<!--<source src="" type="video/mp4"/>-->
</video>
<div class="video-controls video-controls2 hidden hide" id="video-controls2">
<img src="/flash/screen/bobandapple.png" alt="" id="cover2" class="cover2 ofi">
<div class="songtitle">
<span id="songtitle" class="trackname">Bob and the Apple <a href="/flash/bobandapple">🔗︎</a></span>
<span id="songartist" class="songartist">by LazyBoy</span>
</div>
<div class="right-nav">
<a class="btn btn-primary btn-icon" href="/flash/bobandapple" id="urlbutton" title="Bob and the Apple">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 100 100">
<path d="M50.91 12.55 38.97 24.49a25.88 25.88 0 0 0 0 36.53c.58.58 1.18 1.13 1.84 1.68a4.5 4.5 0 0 0 5.75-6.93c-.45-.37-.85-.73-1.22-1.1a16.87 16.87 0 0 1 0-23.81L57.27 18.9a16.83 16.83 0 0 1 23.8 23.8l-5.12 5.13a4.5 4.5 0 0 0 6.36 6.36l5.12-5.12a25.83 25.83 0 0 0-36.53-36.53Z" fill="currentColor"></path>
<path d="M59.19 37.32a4.5 4.5 0 0 0-5.65 7.01 14 14 0 0 1 1.11 1.01 16.85 16.85 0 0 1 0 23.8L42.71 81.1a16.83 16.83 0 1 1-23.8-23.8l5.17-5.18a4.5 4.5 0 0 0-6.36-6.36l-5.18 5.17a25.83 25.83 0 0 0 36.54 36.53l11.94-11.94a25.85 25.85 0 0 0 0-36.53 22.97 22.97 0 0 0-1.83-1.66Z" fill="currentColor"></path>
</svg>
</a>
</div>
</div>
<div class="video-controls hidden hide" id="video-controls">
<div class="video-progress" id="video-progress">
<div id="progress-container" class="progress-container">
<div id="progress" class="progress"></div>
</div>
<progress id="progress-bar" value="0"></progress>
<input class="seek" id="seek" aria-label="seek slider" value="0" min="0" type="range" step="1">
<div class="seek-tooltip" id="seek-tooltip">00:00</div>
</div>
<div class="bottom-controls">
<div class="left-controls">
<button data-title="Play (k)" id="play" aria-label="play/pause" class="btn btn-primary btn-icon btn-circle">
<span class="load-cir"></span>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 368 368">
<g class="svg_play playbutton">
<path d="M73.56 368a35.37 35.37 0 0 1-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V39c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0 1 35.77.45l247.85 148.36a36 36 0 0 1 0 61l-247.9 148.4A35.5 35.5 0 0 1 73.57 368Z" fill="currentColor"></path>
</g>
<g class="svg_pause pausebutton">
<path d="M139.1 316.75a51.25 51.25 0 0 1-102.5 0V51.25a51.25 51.25 0 0 1 102.5 0z" fill="currentColor"></path>
<path d="M331.4 316.75a51.25 51.25 0 0 1-102.5 0V51.25a51.25 51.25 0 0 1 102.5 0z" fill="currentColor"></path>
</g>
</svg>
</button>
<div class="volume-controls">
<button data-title="Mute (m)" aria-label="mute" class="btn volume-button" id="volume-button">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 362 362">
<path d="M200 341.19a23.92 23.92 0 0 1-14.21-4.7l-.66-.5-91.46-75H24a24 24 0 0 1-24-24v-112a24 24 0 0 1 24-24h69.65l91.46-75 .66-.5A24 24 0 0 1 224 44.83v272.34a24 24 0 0 1-24 24z" fill="currentColor"></path>
<path id="volume-low" d="M266 260.87a16 16 0 0 1-14.29-23.18c9.49-18.9 14.3-38 14.3-56.82 0-19.36-4.66-37.92-14.25-56.73a16 16 0 0 1 28.5-14.54C292.2 133.03 298 156.34 298 180.87c0 23.83-6 47.78-17.7 71.18a16 16 0 0 1-14.3 8.82z" fill="currentColor"></path>
<path id="volume-high" d="M314 308.74a16 16 0 0 1-13.87-24C319 251.79 330 224.19 330 180.74c0-44.12-10.94-71.52-29.83-103.95a16 16 0 0 1 27.66-16.05c21.09 36.16 34.17 68.88 34.17 120 0 50.36-13.06 83.24-34.12 120a16 16 0 0 1-13.88 8z" fill="currentColor"></path>
<path class="hidden" id="volume-mute" d="m349 133.23-94.8 95.54m0-95.54 94.8 95.54" fill="none" stroke="#fff" stroke-width="26" stroke-linecap="round"></path>
</svg>
</button>
<input class="volume" id="volume" aria-label="volume slider" value="1" data-mute="0.5" type="range" max="1" min="0" step="0.01">
</div>
<div class="time">
<time id="time-elapsed">00:00</time>
<span> / </span>
<time id="duration">00:00</time>
</div>
</div>
<div class="right-controls">
<button data-title="PIP (p)" class="btn pip-button" aria-label="picture-in-picture" id="pip-button" onclick="togglePip();">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 22.03 22.03" fill="currentColor">
<path d="M20.01 18.05V3.98h-18v14.07Zm2.02-.05q0 .8-.6 1.4-.62.62-1.42.62h-18q-.8 0-1.4-.61Q0 18.8 0 18V3.98q0-.8.6-1.38.62-.58 1.42-.58h18q.8 0 1.4.58.61.59.61 1.38zM18 10.03v6h-7.97v-6z"></path>
</svg>
</button>
<button data-title="Full (f)" class="btn fullscreen-button" aria-label="fullscreen" id="fullscreen-button">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 13.97 13.97" fill="currentColor">
<path id="fullscreen" d="M9 0h4.97v4.97H12v-3H9zm3 12V9h1.97v4.97H9V12zM0 4.97V0h4.97v1.97h-3v3zM1.97 9v3h3v1.97H0V9Z"></path>
</svg>
</button>
<button data-title="AirPlay" id="airplay" class="btn airplay-button" aria-label="AirPlay" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 29 29" fill="currentColor">
<path fill="currentColor" d="M7.18 26.5a1.2 1.2 0 0 1-.7-2.07l7.07-8.27a1.2 1.2 0 0 1 1.9 0l7.08 8.26c.23.22.37.53.37.88a1.2 1.2 0 0 1-1.07 1.2zm14.35-6-2.06-2.4h7.02V4.9H2.5v13.2h7.02l-2.05 2.4H2.5a2.4 2.4 0 0 1-2.4-2.4V4.9a2.4 2.4 0 0 1 2.4-2.4h24a2.4 2.4 0 0 1 2.4 2.4v13.2a2.4 2.4 0 0 1-2.4 2.4z"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /video-side -->
<div class="tracklistouter">
<div class="track-nav">
<div class="leftside">
<button id="layout" data-title="Layout (l)" title="Layout" class="btn action-btn layout-btn" onclick="layout();">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 394.66 394.66">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
<path d="M59.2 19.73h276.26c21.8 0 39.47 21.8 39.47 39.47v276.26a39.46 39.46 0 0 1-39.47 39.47H59.2c-21.8 0-39.47-21.8-39.47-39.47V59.2A39.46 39.46 0 0 1 59.2 19.73z" stroke-width="39.466"></path>
<path d="M19.73 138.13h355.2" stroke-width="39.466"></path>
<path d="M138.13 374.93v-236.8" stroke-width="39.466"></path>
</g>
</svg></button>
</div>
<div class="mid">
<button id="prev" data-title="Prev (←)" title="Previous" class="btn action-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 348.491 348.491">
<path d="M334.241,28.174c-8.757-4.617-19.361-4-27.54,1.586L125.586,153.723
c-6.479,4.434-10.365,11.773-10.395,19.639c-0.023,7.848,3.825,15.219,10.28,19.697l181.098,125.566
c8.165,5.662,18.799,6.322,27.602,1.707c8.803-4.602,14.32-13.711,14.32-23.654V51.797
C348.491,41.902,343.004,32.809,334.241,28.174z" fill="currentColor"></path>
<path d="M31.518,14.524C14.112,14.524,0,28.637,0,46.043v256.406c0,17.406,14.112,31.518,31.518,31.518
c17.406,0,31.518-14.111,31.518-31.518V46.043C63.036,28.637,48.924,14.524,31.518,14.524z" fill="currentColor"></path>
</svg></button>
<span id="currenttrack" class="currenttrack">1/34</span>
<button id="next" data-title="Next (→)" title="Next" class="btn action-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 337.002 337.002">
<path d="M222.902,147.886L41.783,23.923c-8.174-5.588-18.775-6.201-27.533-1.586C5.478,26.971,0,36.065,0,45.962
v244.879c0,9.941,5.508,19.053,14.328,23.654c8.802,4.617,19.42,3.955,27.594-1.709l181.104-125.564
c6.45-4.479,10.297-11.85,10.266-19.699C233.275,159.66,229.383,152.319,222.902,147.886z" fill="currentColor"></path>
<path d="M305.484,9.502c-17.406,0-31.518,14.112-31.518,31.519v254.96c0,17.407,14.111,31.519,31.518,31.519
c17.407,0,31.518-14.111,31.518-31.519V41.021C337.002,23.615,322.892,9.502,305.484,9.502z" fill="currentColor"></path>
</svg></button>
</div>
<div class="rightside">
<button id="playlist" data-title="Playlist (t)" title="Playlist" class="btn action-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 341.54 341.54" fill="currentColor">
<path d="M325.47 54.93H16.07a16.06 16.06 0 1 1 0-32.14h309.4a16.06 16.06 0 1 1 0 32.14z"></path>
<path d="M325.47 129.25H16.07a16.06 16.06 0 1 1 0-32.14h309.4a16.06 16.06 0 1 1 0 32.14z"></path>
<path d="M129.18 203.56H16.07a16.06 16.06 0 1 1 0-32.14h113.1a16.06 16.06 0 1 1 0 32.14z"></path>
<path d="M126.49 277.87H16.08a16.06 16.06 0 1 1 0-32.14h110.4a16.06 16.06 0 1 1 0 32.14z"></path>
<path d="M222.99 318.74c-4.92 0-9.78-1.28-14.25-3.8-10.3-5.8-16.7-17.25-16.7-29.87V178.86c0-12.73 6.49-24.22 16.9-30a28.98 28.98 0 0 1 29.74.82l87.86 58.64c9.6 6.1 15.07 15.12 15 24.79-.08 9.8-5.83 18.87-15.78 24.88l-87.07 56.23a30.21 30.21 0 0 1-15.7 4.52zm1.2-140.11v106.71l81.25-52.48z"></path>
</svg></button>
</div>
</div>
<div id="tracklist" class="tracklist showplaylist"><ol id="trackol" class="trackol"><li id="cursong0" class="current"><a onclick="loadSong(songs[0]);playSong();scrollbox();return false;" href="/flash/bobandapple"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/bobandapple.png" width="70" height="39" alt=""></span><span class="songthumb">Bob and the Apple<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong1"><a onclick="loadSong(songs[1]);playSong();scrollbox();return false;" href="/flash/avada-kedavra"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/avada-kedavra.png" width="70" height="39" alt=""></span><span class="songthumb">Avada Kedavra<span class="track-byline"> - Andrew Kepple</span></span></a></li><li id="cursong2"><a onclick="loadSong(songs[2]);playSong();scrollbox();return false;" href="/flash/wrong"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/wrong.png" width="70" height="39" alt=""></span><span class="songthumb">Everything You Know Is Wrong!<span class="track-byline"> - R. Wappin</span></span></a></li><li id="cursong3"><a onclick="loadSong(songs[3]);playSong();scrollbox();return false;" href="/flash/beepdog"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/beepdog.png" width="70" height="39" alt=""></span><span class="songthumb">Beepdog<span class="track-byline"> - Nobuyuki</span></span></a></li><li id="cursong4"><a onclick="loadSong(songs[4]);playSong();scrollbox();return false;" href="/flash/spelunker"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/spelunker.png" width="70" height="39" alt=""></span><span class="songthumb">Spelunker Brothers<span class="track-byline"> - Jimmy Egeland</span></span></a></li><li id="cursong5"><a onclick="loadSong(songs[5]);playSong();scrollbox();return false;" href="/flash/twooclock"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/twooclock.png" width="70" height="39" alt=""></span><span class="songthumb">Two O'Clock<span class="track-byline"> - Jimmy Egeland</span></span></a></li><li id="cursong6"><a onclick="loadSong(songs[6]);playSong();scrollbox();return false;" href="/video/its-algebra-tibe"><span class="albumthumb"><img class="ofi" loading="lazy" src="/video/shot/its-algebra-tibe.jpg" width="70" height="39" alt=""></span><span class="songthumb">It's Algebra Tibe!<span class="track-byline"> - Sinbad Richardson</span></span></a></li><li id="cursong7"><a onclick="loadSong(songs[7]);playSong();scrollbox();return false;" href="/flash/showdown"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/showdown.png" width="70" height="39" alt=""></span><span class="songthumb">The Ultimate Showdown<span class="track-byline"> - AltF4</span></span></a></li><li id="cursong8"><a onclick="loadSong(songs[8]);playSong();scrollbox();return false;" href="/flash/coconutupbutt"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/coconutupbutt.png" width="70" height="39" alt=""></span><span class="songthumb">A Coconut Up Your Butt<span class="track-byline"> - NightShadow</span></span></a></li><li id="cursong9"><a onclick="loadSong(songs[9]);playSong();scrollbox();return false;" href="/flash/lazy-writing-6"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/lazy-writing-6.png" width="70" height="39" alt=""></span><span class="songthumb">My Virgin Dad<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong10"><a onclick="loadSong(songs[10]);playSong();scrollbox();return false;" href="/flash/lazy-writing-14"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/lazy-writing-14.png" width="70" height="39" alt=""></span><span class="songthumb">My Virgin Dad 2<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong11"><a onclick="loadSong(songs[11]);playSong();scrollbox();return false;" href="/flash/pageviews"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/pageviews.png" width="70" height="39" alt=""></span><span class="songthumb">One Million Page Views - Bonus Scene<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong12"><a onclick="loadSong(songs[12]);playSong();scrollbox();return false;" href="/video/james-weird-little-world"><span class="albumthumb"><img class="ofi" loading="lazy" src="/video/shot/james-weird-little-world.jpg" width="70" height="39" alt=""></span><span class="songthumb">James' Weird Little World<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong13"><a onclick="loadSong(songs[13]);playSong();scrollbox();return false;" href="/video/james-weird-little-world-2"><span class="albumthumb"><img class="ofi" loading="lazy" src="/video/shot/james-weird-little-world-2.jpg" width="70" height="39" alt=""></span><span class="songthumb">James' Weird Little World 2<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong14"><a onclick="loadSong(songs[14]);playSong();scrollbox();return false;" href="/flash/lizardwizard"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/lizardwizard.png" width="70" height="39" alt=""></span><span class="songthumb">Draining the Lizard on a Dead Gay Wizard<span class="track-byline"> - Andrew Kepple</span></span></a></li><li id="cursong15"><a onclick="loadSong(songs[15]);playSong();scrollbox();return false;" href="/flash/supertaster"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/supertaster.png" width="70" height="39" alt=""></span><span class="songthumb">Supertaster<span class="track-byline"> - R. Wappin</span></span></a></li><li id="cursong16"><a onclick="loadSong(songs[16]);playSong();scrollbox();return false;" href="/flash/lazy-writing-2"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/lazy-writing-2.png" width="70" height="39" alt=""></span><span class="songthumb">Frogs<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong17"><a onclick="loadSong(songs[17]);playSong();scrollbox();return false;" href="/flash/hulkulele"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/hulkulele.png" width="70" height="39" alt=""></span><span class="songthumb">Hulkulele<span class="track-byline"> - WooleyWorld</span></span></a></li><li id="cursong18"><a onclick="loadSong(songs[18]);playSong();scrollbox();return false;" href="/flash/badenture"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/badenture.png" width="70" height="39" alt=""></span><span class="songthumb">Badenture<span class="track-byline"> - Rustpuppet</span></span></a></li><li id="cursong19"><a onclick="loadSong(songs[19]);playSong();scrollbox();return false;" href="/flash/basketball"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/basketball.png" width="70" height="39" alt=""></span><span class="songthumb">The Basketball Cartoon<span class="track-byline"> - Mr.Fizzy</span></span></a></li><li id="cursong20"><a onclick="loadSong(songs[20]);playSong();scrollbox();return false;" href="/flash/end"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/end.png" width="70" height="39" alt=""></span><span class="songthumb">The End of Ze World<span class="track-byline"> - Jason Windsor / Fluid</span></span></a></li><li id="cursong21"><a onclick="loadSong(songs[21]);playSong();scrollbox();return false;" href="/flash/getapet"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/getapet.png" width="70" height="39" alt=""></span><span class="songthumb">Boy and Robot Get a Pet<span class="track-byline"> - ryoshenron</span></span></a></li><li id="cursong22"><a onclick="loadSong(songs[22]);playSong();scrollbox();return false;" href="/flash/horoscope"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/horoscope.png" width="70" height="39" alt=""></span><span class="songthumb">That's Your Horoscope for Today!<span class="track-byline"> - ZekeySpaceyLizard</span></span></a></li><li id="cursong23"><a onclick="loadSong(songs[23]);playSong();scrollbox();return false;" href="/flash/peewiu"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/peewiu.png" width="70" height="39" alt=""></span><span class="songthumb">Pee-Wiu's Sh*thouse<span class="track-byline"> - Andrew Kepple</span></span></a></li><li id="cursong24"><a onclick="loadSong(songs[24]);playSong();scrollbox();return false;" href="/flash/bitcrazy"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/bitcrazy.png" width="70" height="39" alt=""></span><span class="songthumb">Just a Bit Crazy<span class="track-byline"> - Eddsworld</span></span></a></li><li id="cursong25"><a onclick="loadSong(songs[25]);playSong();scrollbox();return false;" href="/flash/ckdd"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/ckdd.png" width="70" height="39" alt=""></span><span class="songthumb">Crush Kill Destroy Dance<span class="track-byline"> - Tirrel</span></span></a></li><li id="cursong26"><a onclick="loadSong(songs[26]);playSong();scrollbox();return false;" href="/video/i-scream-you-scream"><span class="albumthumb"><img class="ofi" loading="lazy" src="/video/shot/i-scream-you-scream.jpg" width="70" height="39" alt=""></span><span class="songthumb">I Scream, You Scream<span class="track-byline"> - Jimmy Egeland</span></span></a></li><li id="cursong27"><a onclick="loadSong(songs[27]);playSong();scrollbox();return false;" href="/flash/dash-it"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/dash-it.png" width="70" height="39" alt=""></span><span class="songthumb">Dash It!<span class="track-byline"> - Alexandr Tanana</span></span></a></li><li id="cursong28"><a onclick="loadSong(songs[28]);playSong();scrollbox();return false;" href="/flash/brazil"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/brazil.png" width="70" height="39" alt=""></span><span class="songthumb">Brazil<span class="track-byline"> - drewmo</span></span></a></li><li id="cursong29"><a onclick="loadSong(songs[29]);playSong();scrollbox();return false;" href="/flash/deadman"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/deadman.png" width="70" height="39" alt=""></span><span class="songthumb">Deadman Waiting To Happen<span class="track-byline"> - nProcess</span></span></a></li><li id="cursong30"><a onclick="loadSong(songs[30]);playSong();scrollbox();return false;" href="/flash/shavecut"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/shavecut.png" width="70" height="39" alt=""></span><span class="songthumb">Forehead Shavecut<span class="track-byline"> - Jesse Jones</span></span></a></li><li id="cursong31"><a onclick="loadSong(songs[31]);playSong();scrollbox();return false;" href="/flash/web-design-pitch"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/web-design-pitch.png" width="70" height="39" alt=""></span><span class="songthumb">Web Design Pitch<span class="track-byline"> - LazyBoy</span></span></a></li><li id="cursong32"><a onclick="loadSong(songs[32]);playSong();scrollbox();return false;" href="/flash/1-minute-meals"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/1-minute-meals.png" width="70" height="39" alt=""></span><span class="songthumb">1 Minute Meals<span class="track-byline"> - Jordan Comeaux</span></span></a></li><li id="cursong33"><a onclick="loadSong(songs[33]);playSong();scrollbox();return false;" href="/flash/usc3"><span class="albumthumb"><img class="ofi" loading="lazy" src="/flash/screen/usc3.png" width="70" height="39" alt=""></span><span class="songthumb">Isaac's Island<span class="track-byline"> - Andrew Kepple</span></span></a></li></ol><div><a href="https://www.albinoblacksheep.com/">© Albino Blacksheep</a></div></div>
<div id="bottomstick" class="bottomstick artist-za za">
<button onclick="sortArtistAZ();showplaylist();" class="btn action-btn artist-a-z" data-title="Sort by Artist" title="Sort by Artist A-Z">Artist A•Z</button>
<button onclick="sortArtistZA();showplaylist();" class="btn action-btn artist-z-a" data-title="Sort by Artist" title="Sort by Artist Z-A">Artist Z•A</button>
<button onclick="sortaz();showplaylist();" class="btn action-btn a-z" data-title="Sort by Title" title="Sort by Title A-Z">Title A•Z</button>
<button onclick="sortza();showplaylist();" class="btn action-btn z-a" data-title="Sort by Title" title="Sort by Title Z-A">Title Z•A</button>
<button onclick="shuffle();showplaylist();" id="shuffle" class="btn action-btn" title="Shuffle" data-title="Shuffle"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512">
<path d="m506.24 371.7-96-80c-4.77-4-11.42-4.8-17.02-2.2a16.02 16.02 0 0 0-9.22 14.49v48h-26.78a63.69 63.69 0 0 1-54.28-30.08L199.33 156.15A127.22 127.22 0 0 0 90.78 95.99H0v64h90.78c22.21 0 42.5 11.26 54.28 30.08l103.61 165.76a127.3 127.3 0 0 0 108.55 60.16H384v48a16.02 16.02 0 0 0 16 16c3.68 0 7.33-1.25 10.24-3.71l96-80a15.91 15.91 0 0 0 5.76-12.3c0-4.73-2.08-9.24-5.76-12.28z" fill="currentColor"></path>
<path d="m506.24 115.7-96-80A16.02 16.02 0 0 0 384 47.99v48h-26.78c-44.45 0-85.03 22.5-108.55 60.16l-5.79 9.28 37.73 60.38 22.33-35.74a63.69 63.69 0 0 1 54.28-30.08H384v48a15.99 15.99 0 0 0 26.24 12.29l96-80a15.91 15.91 0 0 0 5.76-12.3c0-4.73-2.08-9.24-5.76-12.28z" fill="currentColor"></path>
<path d="m167.4 286.16-22.31 35.75a63.74 63.74 0 0 1-54.3 30.08H0v64h90.78c44.42 0 85-22.5 108.55-60.16l5.79-9.28-37.73-60.39z" fill="currentColor"></path>
</svg>
</button>
<button onclick="darkstyle();" class="btn action-btn darkmode" title="Dark Style" data-title="dark mode">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 100 100">
<path d="M50,31.6c-10.1,0-18.4,8.3-18.4,18.4S39.9,68.4,50,68.4c10.1,0,18.4-8.3,18.4-18.4S60.1,31.6,50,31.6z" fill="currentColor"></path>
<path d="M50,23.7c2.3,0,4.2-1.9,4.2-4.2V6.7c0-2.3-1.9-4.2-4.2-4.2s-4.2,1.9-4.2,4.2v12.8C45.8,21.9,47.7,23.7,50,23.7z" fill="currentColor"></path>
<path d="M25.5,31.4c0.8,0.8,1.9,1.2,3,1.2c1.1,0,2.2-0.4,3-1.2c1.6-1.6,1.6-4.3,0-5.9l-9.1-9.1c-1.6-1.6-4.3-1.6-5.9,0 c-1.6,1.6-1.6,4.3,0,5.9L25.5,31.4z" fill="currentColor"></path>
<path d="M23.8,50c0-2.3-1.9-4.2-4.2-4.2H6.7c-2.3,0-4.2,1.9-4.2,4.2s1.9,4.2,4.2,4.2h12.8C21.9,54.2,23.8,52.3,23.8,50z" fill="currentColor"></path>
<path d="M25.5,68.6l-9.1,9.1c-1.6,1.6-1.6,4.3,0,5.9c0.8,0.8,1.9,1.2,3,1.2c1.1,0,2.2-0.4,3-1.2l9.1-9.1c1.6-1.6,1.6-4.3,0-5.9 C29.8,66.9,27.1,66.9,25.5,68.6z" fill="currentColor"></path>
<path d="M50,76.3c-2.3,0-4.2,1.9-4.2,4.2v12.8c0,2.3,1.9,4.2,4.2,4.2s4.2-1.9,4.2-4.2V80.5C54.2,78.1,52.3,76.3,50,76.3z" fill="currentColor"></path>
<path d="M74.5,68.6c-1.6-1.6-4.3-1.6-5.9,0c-1.6,1.6-1.6,4.3,0,5.9l9.1,9.1c0.8,0.8,1.9,1.2,3,1.2c1.1,0,2.2-0.4,3-1.2 c1.6-1.6,1.6-4.3,0-5.9L74.5,68.6z" fill="currentColor"></path>
<path d="M93.3,45.8H80.5c-2.3,0-4.2,1.9-4.2,4.2s1.9,4.2,4.2,4.2h12.8c2.3,0,4.2-1.9,4.2-4.2S95.6,45.8,93.3,45.8z" fill="currentColor"></path>
<path d="M71.5,32.7c1.1,0,2.2-0.4,3-1.2l9.1-9.1c1.6-1.6,1.6-4.3,0-5.9c-1.6-1.6-4.3-1.6-5.9,0l-9.1,9.1c-1.6,1.6-1.6,4.3,0,5.9 C69.4,32.3,70.5,32.7,71.5,32.7z" fill="currentColor"></path>
</svg>
</button>
<button onclick="lightstyle();" class="btn action-btn lightmode" title="Light Style" data-title="dark mode"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48">
<path d="M25.12,43.81c7.35,0,14.09-4.01,17.6-10.47c0.29-0.53,0.24-1.18-0.12-1.66c-0.36-0.48-0.98-0.71-1.56-0.58 c-1.2,0.26-2.41,0.39-3.6,0.39c-9.34,0-16.94-7.6-16.94-16.94c0-2.82,0.71-5.61,2.05-8.08c0.29-0.53,0.24-1.18-0.12-1.66 c-0.36-0.48-0.98-0.71-1.56-0.58C11.73,6.21,5.1,14.43,5.1,23.79C5.1,34.83,14.08,43.81,25.12,43.81z" fill="currentColor"></path>
</svg>
</button>
</div>
</div><!-- tracklistouter -->
</div>
<!-- ?v=20230521 -->
<script async="" src="/flash/video-playlist/video-playlist.js"></script>
<script>
var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
// true on IE11
// false on Edge and other IEs/browsers.
if (isIE11) { //
}
else{
}
// togglePip toggles Picture-in-Picture mode on the video
async function togglePip() {
try {
if (video !== document.pictureInPictureElement) {
pipButton.disabled = true;
await video.requestPictureInPicture();
} else {
await document.exitPictureInPicture();
}
} catch (error) {
console.error(error);
} finally {
pipButton.disabled = false;
}
}
</script>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
<!-- Opossum Scream (At Own Ass)
https://www.youtube.com/watch?v=utHL1lpDKyo
Kingdom
-->
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>Black Goo</h2>
<h3 class="blog"><time datetime="2024-10-31"><span class="mm">October</span> <span class="dd">31</span> <span class="yyyy">2024</span></time></h3>
<ul class="files">
<li><a href="/video/opossum-scream-at-own-ass"><img src="/video/shot/opossum-scream-at-own-ass.jpg" width="106" height="59" alt="">Opossum Scream (At Own Ass)</a></li>
<li><a href="/video/single-man-halloween-special"><img src="/video/shot/single-man-halloween-special.jpg" width="106" height="59" alt="">Single Man Halloween Special</a></li>
</ul>
<p>One Halloween themed from Tom_FJM, and one brand new.</p>
<ul class="files">
<li><a href="/flash/deal-in-happiness"><img src="/flash/screen/deal-in-happiness.png" width="106" height="59" alt="">Tom_FJM - Deal in Happiness</a></li>
<li><a href="/flash/walk-again"><img src="/flash/screen/walk-again.png" width="106" height="59" alt="">Tom_FJM - Walk Again</a></li>
</ul>
<p>I would consider <cite>Kingdom</cite> to be a sequel.</p>
<ul class="files">
<li><a href="/video/a-modern-odyssey"><img src="/video/shot/a-modern-odyssey.jpg" width="106" height="59" alt="">A Modern Odyssey</a></li>
<li><a href="/video/kingdom"><img src="/video/shot/kingdom.jpg" width="106" height="59" alt="">Kingdom</a></li>
</ul>
<p>Head over to <a href="/2023/10">October 2023</a> for the typical Halloween animations.</p>
<p>YouTube has a <a href="/webmaster/social-icons">new social icon</a> with a subtle change. I'm trying my best to keep track of all social icons.</p>
<p>Sponsored:
</p><p><a href="/text/pokemon-go-pokecoins">Discover the Secret to Unlimited Fun with Pokemon Go PokeCoins</a>
</p>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>The new timeline</h2>
<h3 class="blog"><time datetime="2024-07-19"><span class="mm">July</span> <span class="dd">19</span> <span class="yyyy">2024</span></time></h3>
<p>This is Weird Al music video is brand new. <a href="/rwappin/">R. Wappin</a> tells us, "we've come full circle".</p>
<ul class="files">
<li><a href="/video/polkamania"><img loading="lazy" src="/video/shot/polkamania.jpg" width="106" height="59" alt="">Weird Al - Polkamania!</a></li>
<li><a href="/video/totar-win"><img loading="lazy" src="/video/shot/totar-win.jpg" width="106" height="59" alt="">Totar Win</a></li>
<li><a href="/video/nuggets"><img loading="lazy" src="/video/shot/nuggets.jpg" width="106" height="59" alt="">Nuggets</a></li>
</ul>
<p>A new game by <a href="/surn/">Surn</a>, similar to <a href="/games/does">Dungeon of Existential Surprise</a>. Let's see how a non-Flash game compares.
</p><ul class="files">
<li><a href="/games/space-treasure"><img loading="lazy" src="/flash/screen/space-treasure.png" width="106" height="59" alt="">Space Treasure</a></li>
<li><a href="/flash/albuquerque"><img loading="lazy" src="/flash/screen/albuquerque.png" width="106" height="59" alt="">Albuquerque: THE MOVIE</a></li>
<li><a href="/flash/wrong"><img loading="lazy" src="/flash/screen/wrong.png" width="106" height="59" alt="">Everything You Know Is Wrong!</a></li>
</ul>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>After the Eclipse times</h2>
<h3 class="blog"><time datetime="2024-06-12"><span class="mm">June</span> <span class="dd">12</span> <span class="yyyy">2024</span></time></h3>
<p>Yotam has been making these <a href="/flash/yotam-birthday/">Yotam's Birthday</a> animations since he was 15. Today he is 33.
</p><ul class="files">
<li><a href="/video/birthday33"><img loading="lazy" src="/video/shot/birthday33.jpg" width="106" height="59" alt="">Yotam's 33rd Birthday</a></li>
<li><a href="/video/i-am-zobny"><img loading="lazy" src="/video/shot/i-am-zobny.jpg" width="106" height="59" alt="">i am zobny</a></li>
</ul>
<p>Looks like Tom_FJM may need his own page here if these videos become regular.</p>
<ul class="files">
<li><a href="/flash/freud-method"><img loading="lazy" src="/flash/screen/freud-method.png" width="106" height="59" alt="">Tom_FJM - Freud Method </a></li>
<li><a href="/video/music-unites-all"><img loading="lazy" src="/video/shot/music-unites-all.jpg" width="106" height="59" alt="">Music Unites All</a></li>
</ul>
<p>Still working on the <a href="/webmaster/">Webmaster section</a>.
</p></div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>Before the Eclipse times</h2>
<h3 class="blog"><time datetime="2024-03-29"><span class="mm">March</span> <span class="dd">29</span> <span class="yyyy">2024</span></time></h3>
<p>New from <a href="/lazyboy/">Yotam</a>, <a href="/ryoshenron/">ryoshenron</a> and Tom_FJM.
</p><ul class="files">
<li><a href="/video/domestic-biting"><img loading="lazy" src="/video/shot/domestic-biting.jpg" width="106" height="59" alt="">Domestic Biting</a></li>
<li><a href="/video/i-got-scammed-again"><img loading="lazy" src="/video/shot/i-got-scammed-again.jpg" width="106" height="59" alt="">I got SCAMMED again!!</a></li>
<li><a href="/flash/granpappy3"><img loading="lazy" src="/flash/screen/granpappy3.png" width="106" height="59" alt="">Billy Visit Him Granpappy Whilez He Gots a Big Ol' B*ner, Hoo-boy!</a></li>
<li><a href="/flash/i-wish-you-knew"><img loading="lazy" src="/flash/screen/i-wish-you-knew.png" width="106" height="59" alt="">Tom_FJM - I Wish You Knew</a></li>
</ul>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>St. Patty's</h2>
<img style="
margin-top: -5em;
top: 5em;
position: sticky;
float: right;
margin-bottom: 1em;
font-size: 1em;
line-height: 1;
border-radius: 0.25em;
position: absolute;
top: 0;
right: 0;
text-align: center;
width: 12em;
padding: 0 0 0.25em 0;" loading="lazy" src="/image/irishsheepy2.png" srcset="/image/irishsheepy.png 2x" width="212" height="180" alt="drunk sheepy">
<h3 class="blog">
<time datetime="2024-02-17"><span class="mm">March</span> <span class="dd">17</span> <span class="yyyy">2024</span></time></h3>
<p>I remimnded myself to remind you to select the Minty Fresh theme for St. Patrick's Day.
</p><p>
<label for="theme-check" style="display: flex;
align-items: center;"><span class="ic mode mode-wheel"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 200 200">
<path d="m200 99.08-99.94.42L50.2 186.7A100 100 0 0 0 100 200a100 100 0 0 0 100-100 100 100 0 0 0 0-.92z" fill="#f0f"></path>
<path d="M49.81 13.45A100 100 0 0 0 0 99.95a100 100 0 0 0 50 86.6l49.88-87.21Z" fill="#ff0"></path>
<path d="M99.94 0A100 100 0 0 0 50 13.4l50.07 85.89 99.93-.42A100 100 0 0 0 100 0a100 100 0 0 0-.06 0z" fill="#0ff"></path>
</svg></span> Select Theme</label>
</p><p>I'll post some new files soon. Enjoy some St. Patrick's Day classics.</p>
<ul class="files">
<li><a href="/flash/dwayne-gets-lucky"><img loading="lazy" src="/flash/screen/dwayne-gets-lucky.png" width="106" height="59" alt="">Dwayne Gets Lucky</a></li>
<li><a href="/flash/them-little-green-people"><img loading="lazy" src="/flash/screen/them-little-green-people.png" width="106" height="59" alt="">Them Little Green People</a></li>
<li><a href="/flash/feelin-lucky"><img loading="lazy" src="/flash/screen/feelin-lucky.png" width="106" height="59" alt="">Feelin' Lucky</a></li>
<li><a href="/flash/paddymurphy"><img loading="lazy" src="/flash/screen/paddymurphy.png" width="106" height="59" alt="">Paddy and Murphy</a></li>
<li><a href="/flash/micsploitation"><img loading="lazy" src="/flash/screen/micsploitation.png" width="106" height="59" alt="">MicSploitation</a></li>
<li><a href="/flash/pix2"><img loading="lazy" src="/flash/screen/pix2.png" width="106" height="59" alt="">Pixelated Episode 2: The Irish, and Their Bad Reputation</a></li>
</ul>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>Vay-kay</h2>
<h3 class="blog"><time datetime="2024-01-13"><span class="mm">February</span> <span class="dd">13</span> <span class="yyyy">2024</span></time></h3>
<p>Here is a followup song to <a href="/flash/maybe-one-day">Tom_FJM - Maybe One Day</a>
</p><ul class="files">
<li><a href="/flash/made-me-happy"><img loading="lazy" src="/flash/screen/made-me-happy.png" width="106" height="59" alt="">Tom_FJM - Made Me Happy</a></li>
</ul>
<ul class="files">
<li><a href="/flash/spy/"><img loading="lazy" src="/flash/thumb/spy.png" width="106" height="59" alt="">Spy and Pyro</a></li>
</ul>
<p>Here are done date-themed animations pulled from <abbr title="Tournament of Flash Artists">TOFA</abbr> (The Tournament of Flash Artists) through different years.</p>
<ul class="files">
<li><a href="/flash/metal-mike"><img loading="lazy" src="/flash/screen/metal-mike.png" width="106" height="59" alt="">A Date with Metal Mike</a></li>
<li><a href="/flash/perfect-man"><img loading="lazy" src="/flash/screen/perfect-man.png" width="106" height="59" alt="">The Perfect Man</a></li>
<li><a href="/flash/wooleys-worst-date"><img loading="lazy" src="/flash/screen/wooleys-worst-date.png" width="106" height="59" alt="">Wooley's Worst Date</a></li>
<li><a href="/flash/about-frozen-mongoose"><img loading="lazy" src="/flash/screen/about-frozen-mongoose.png" width="106" height="59" alt="">Much Ado About Frozen Mongoose</a></li>
<li><a href="/flash/willva-date"><img loading="lazy" src="/flash/screen/willva-date.png" width="106" height="59" alt="">Willva Date</a></li>
<li><a href="/flash/one-night"><img loading="lazy" src="/flash/screen/one-night.png" width="106" height="59" alt="">One Night</a></li>
<li><a href="/flash/date-in-a-hurry"><img loading="lazy" src="/flash/screen/date-in-a-hurry.png" width="106" height="59" alt="">Date in a Hurry!</a></li>
<li><a href="/flash/speed-dating"><img loading="lazy" src="/flash/screen/speed-dating.png" width="106" height="59" alt="">Speed Dating</a></li>
</ul>
<p>Some HTML5 conversions had to be redone. These should be clearer now.</p>
<ul class="files">
<li><a href="/flash/robots"><img loading="lazy" src="/flash/screen/robots.png" width="106" height="59" alt="">Robots Are Our Friends</a></li>
<li><a href="/flash/popular"><img loading="lazy" src="/flash/screen/popular.png" width="106" height="59" alt="">Popular on the Internet</a></li>
<li><a href="/flash/puppywhirl"><img loading="lazy" src="/flash/screen/puppywhirl.png" width="106" height="59" alt="">Puppy Whirl</a></li>
<li><a href="/flash/racism"><img loading="lazy" src="/flash/screen/racism.png" width="106" height="59" alt="">Michael Richards and Racism</a></li>
</ul>
<p>I'm working on a new Webmaster section to replace the abandoned Webmaster section, and will expand it if there is some demand. It will include some tools people can use for their own Websites, and tools I have created and use for other sites I build. I'll release a few projects and judge the feedback. I'm rethinking the Download section as well to make it more about curated programs I use and recommend. This is compared to listing every program in a category like <a href="/download/browser/">17 Web Browsers</a>.</p>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>Not ready</h2>
<h3 class="blog"><time datetime="2024-01-03"><span class="mm">January</span> <span class="dd">3</span> <span class="yyyy">2024</span></time></h3>
<p>I posted <cite>The Evolution of Trust</cite> in 2017, but check out another game also by the same author. Best played on a computer.</p>
<ul class="files">
<li><a href="/games/wbwwb"><img loading="lazy" src="/flash/screen/wbwwb.png" width="106" height="59" alt="">We Become What We Behold</a></li>
<li><a href="/games/trust"><img loading="lazy" src="/flash/screen/trust.png" width="106" height="59" alt="">The Evolution of Trust</a></li>
</ul>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>Ready for 2024</h2>
<h3 class="blog"><time datetime="2023-12-23"><span class="mm">December</span> <span class="dd">23</span> <span class="yyyy">2023</span></time></h3>
<p>Some new, some old, and some very lost media recovered for Christmas.</p>
<ul class="files">
<li><a href="/video/troyal"><img loading="lazy" src="/video/shot/troyal.jpg" width="106" height="59" alt="">Troyal of the Century: Troy McClure v. The Springfield Aquarium</a></li>
<li><a href="/video/journey-to-the-disney-vault"><img loading="lazy" src="/video/shot/journey-to-the-disney-vault.jpg" width="106" height="59" alt="">Journey to the Disney Vault</a></li>
<li><a href="/video/gross-marshmallow"><img loading="lazy" src="/video/shot/gross-marshmallow.jpg" width="106" height="59" alt="">Gross Marshmallow</a></li>
<li><a href="/flash/maybe-one-day"><img loading="lazy" src="/flash/screen/maybe-one-day.png" width="106" height="59" alt="">Maybe One Day</a></li>
<li><a href="/flash/flyguy"><img loading="lazy" src="/flash/screen/flyguy.png" width="106" height="59" alt="">Fly Guy</a></li>
<li><a href="/video/circa-the-christmas-song"><img loading="lazy" src="/video/shot/circa-the-christmas-song.jpg" width="106" height="59" alt="">Circa - The Christmas Song</a></li>
<li><a href="/video/xmas"><img loading="lazy" src="/video/shot/xmas.jpg" width="106" height="59" alt="">A Very Christmas Miracle</a></li>
<li><a href="/video/lasik-eye-camera"><img loading="lazy" src="/video/shot/lasik-eye-camera.jpg" width="106" height="59" alt="">Lasik Eye Camera</a></li>
<li><a href="/flash/vagina"><img loading="lazy" src="/flash/screen/vagina.png" width="106" height="59" alt="">A Vagina for Christmas</a></li>
<li><a href="/flash/robotcityxmas"><img loading="lazy" src="/flash/screen/robotcityxmas.png" width="106" height="59" alt="">Robot City Christmas</a></li>
<li><a href="/flash/robotcityxmas2"><img loading="lazy" src="/flash/screen/robotcityxmas2.png" width="106" height="59" alt="">Robot City Christmas 2</a></li>
</ul>
<p>Cody made this in one day in time for Christmas.</p>
<ul class="files">
<li><a href="/flash/present-christmas"><img loading="lazy" src="/flash/screen/present-christmas.png" width="106" height="59" alt="">Present</a></li>
</ul>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</article>
<div class="top"></div><div class="wrapper"><div class="inner"><div class="section medium">
<h2>Previous</h2>
<ul class="items archive-nav">
<li><a href="/2023/10">« October 2023</a>
</li><li><a href="/2023/11">« November 2023</a>
</li><li>Current</li></ul>
</div>
<div class="clear"></div></div></div><div class="bottom"></div>
</main>
<footer>
<div class="top"></div>
<div class="footer">
<div class="footer-watermark">
<div class="inner">
<p><span title="Copyright">©</span> 1996–2023 <a href="/">Albino Blacksheep</a>
</p><div class="footerlis">
<div>
<ul>
<li><a href="/about/">
<span class="ic modern abs"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 344 344">
<path d="M172 19C77 19 0 87.5 0 172s77 153 172 153 172-68.5 172-153S267 19 172 19zm0 16.81c29.34 0 55.36 18.4 71.53 46.75 3.5 1.15 23.11 8.02 33.22 21.85 9.81 13.4 16.13 35.93 13.6 51.8-2.54 15.9-9.25 35-17.73 28.32-4.12-3.25-8.26-12.63-12.09-24.47-3.7 59.02-41.94 105.4-88.53 105.4s-84.82-46.38-88.53-105.4c-3.83 11.84-7.97 21.22-12.1 24.47-8.47 6.67-15.18-12.43-17.71-28.31-2.54-15.88 3.78-38.4 13.59-51.81 10.11-13.83 29.71-20.7 33.22-21.85 16.17-28.35 42.2-46.75 71.53-46.75zm0 4.13c-22 0-39.84 25.26-39.84 36.15C132.16 87 150 98.25 172 98.25c22 0 39.84-11.27 39.84-22.16S194 39.94 172 39.94zm15.94 66.75c-7.34 0-13.5 10.04-15.35 23.69 1.97-4.13 4.63-6.7 7.57-6.7 6.06 0 10.97 10.82 10.97 24.13 0 10.25-2.93 18.96-7.04 22.44 1.23.61 2.53.94 3.85.94 8.8 0 15.97-14.44 15.97-32.25 0-17.81-7.16-32.25-15.97-32.25zm-31.88.72c-8.8 0-15.97 14.44-15.97 32.25 0 17.8 7.16 32.25 15.97 32.25 1.52 0 2.99-.43 4.38-1.22-4.39-3.16-7.56-12.19-7.56-22.88 0-13.3 4.9-24.12 10.96-24.12 2.87 0 5.49 2.43 7.44 6.37-2.02-13.13-8.06-22.65-15.22-22.65zm8.38 132.78a3.55 3.55 0 0 0 0 7.1 3.55 3.55 0 0 0 0-7.1zm15.12 0a3.55 3.55 0 0 0 0 7.1 3.55 3.55 0 0 0 0-7.1z" fill="currentColor"></path>
</svg></span><span class="ic retro abs pixelated"><img loading="lazy" src="/svg/scmpoo-32.png" width="32" height="32" alt="old abs icon logo"></span>About</a>
</li><li><a href="/contact/"><span class="ic email"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 382.1 382.1">
<path fill="currentColor" d="M336.8 45.9H45.4C20.3 45.9 0 65.5 0 89.5v203.1c0 24 20.3 43.6 45.4 43.6h291.4c25 0 45.4-19.5 45.4-43.6V89.5C382.1 65.5 361.8 45.9 336.8 45.9zM336.8 297.7H45.4c-3.7 0-6.9-2.4-6.9-5.1V116.4l131.8 111.3c2.7 2.3 6.1 3.5 9.7 3.5l22.3 0c3.5 0 7-1.3 9.7-3.5l131.8-111.3v176.3C343.7 295.3 340.4 297.7 336.8 297.7zM191.1 193L62.9 84.4h256.4L191.1 193z"></path></svg></span>Contact</a>
</li><li><a href="/sitemap/">Site Map</a>
<!--
<li><label id="modelabel2" for="theme-check">Site Themes</label> -->
</li></ul>
</div>
<div>
<ul>
<li><a href="/twitter/"><span class="ic modern"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 21.573 21.573"><path d="M16.99 1.0365h3.308l-7.227 8.26 8.502 11.24h-6.657l-5.214-6.817-5.966 6.817H.42599998L8.156 11.7015-2e-8 1.0365H6.826l4.713 6.231zm-1.161 17.52h1.833L5.83 2.9125H3.863Z" fill="currentColor"></path></svg></span><span class="ic retro"><img loading="lazy" src="/svg/twitter-2006.svg" width="32" height="32" alt="Twitter first logo"></span>X (Twitter)</a>
</li><li><a href="https://www.instagram.com/albino.blacksheep/"><span class="ic modern"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 448.25 448.25"><path d="M224.18 109.22c-63.6 0-114.9 51.3-114.9 114.9 0 63.6 51.3 114.9 114.9 114.9 63.6 0 114.9-51.3 114.9-114.9 0-63.6-51.3-114.9-114.9-114.9zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8a26.8 26.8 0 1 1 26.8-26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1-26.3 26.2-34.4 58-36.2 93.9-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9 26.3 26.2 58 34.4 93.9 36.2 37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zm-47.8 224.5a75.63 75.63 0 0 1-42.6 42.6c-29.5 11.7-99.5 9-132.1 9-32.6 0-102.7 2.6-132.1-9a75.63 75.63 0 0 1-42.6-42.6c-11.7-29.5-9-99.5-9-132.1 0-32.6-2.6-102.7 9-132.1a75.63 75.63 0 0 1 42.6-42.6c29.5-11.7 99.5-9 132.1-9 32.6 0 102.7-2.6 132.1 9a75.63 75.63 0 0 1 42.6 42.6c11.7 29.5 9 99.5 9 132.1 0 32.6 2.7 102.7-9 132.1z" fill="currentColor"></path></svg></span><span class="ic retro"><img loading="lazy" src="/style/2023/instagram-2010-82.png" width="32" height="32" alt="Instagram first logo"></span>Instagram</a>
</li><li><a href="https://www.youtube.com/user/AlbinoBlackSheep?sub_confirmation=1"><span class="ic modern"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 546.1 546.1"><path d="M534.7 141.1a68.6 68.6 0 0 0-48.3-48.5C443.8 81 273.1 81 273.1 81S102.3 81 59.7 92.6c-23.5 6.3-42 24.9-48.3 48.5C0 184.1 0 273.5 0 273.5s0 89.4 11.4 132.3a67.6 67.6 0 0 0 48.3 47.8C102.3 465 273.1 465 273.1 465s170.7 0 213.3-11.5a67.6 67.6 0 0 0 48.3-47.8c11.4-43 11.4-132.3 11.4-132.3s0-89.5-11.4-132.4zM217.2 354.7V192.3L360 273.5z" fill="currentColor"></path></svg></span><span class="ic yt retro"><img loading="lazy" src="/style/2023/youtube-2005-white.svg" width="32" height="32" alt="YouTube first logo"></span>YouTube</a>
</li><li><a href="/facebook/"><span class="ic modern"><svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M18 0C8.059 0 0 8.059 0 18c0 8.441 5.81 15.525 13.65 17.47V23.503H9.936V18h3.714v-2.37c0-6.126 2.774-8.964 8.786-8.964 1.138 0 3.103.222 3.91.445v4.985c-.425-.043-1.168-.067-2.082-.067-2.952 0-4.09 1.117-4.09 4.026V18h5.883l-1.008 5.5h-4.867v12.37C29.095 34.79 36 27.201 36 18c0-9.941-8.059-18-18-18z" fill="currentColor"></path></svg></span><span class="ic retro"><img loading="lazy" src="/style/2023/facebook-43-opt.png" width="43" height="43" alt="Facebook first logo"></span>Facebook</a>
</li></ul>
</div>
</div>
<details>
<summary>Contribute</summary>
<ul class="items">
<li><a href="/help/submit">Submit Content</a>
</li><li>Donate (<a href="/contact/">Contact</a>)
</li><li>Buy Merch (<a href="/contact/">Contact</a>)
</li><li>Draw/Code (<a href="/contact/">Contact</a>)
</li><li><a href="/promote/">Promote</a>
</li></ul>
</details>
<details class="stats">
<summary>Stats</summary>
<span>Opened <time datetime="2024-12-13T15:53:25Z" class="need_to_be_rendered load_time" timeago-id="3">just now</time>.</span><br>
<span class="loadedp">Loaded in 2.162 seconds.</span>
<!--<span id="nodes"></span>
<script>
let numb = document.getElementsByTagName('*').length
document.getElementById("nodes").innerHTML = numb;
</script>
-->
</details>
</div>
</div>
<div class="the-bros">
<div class="mario"><img loading="lazy" src="/style/2013_files/mario.gif" alt="mario gif" width="40" height="42"></div>
<div class="luigi"><img loading="lazy" src="/style/2013_files/luigi.gif" alt="luigi gif" width="40" height="42"></div>
</div>
</div>
</footer>
<script>
//https://www.phpied.com/this-page-loaded-in-x-seconds/
window.onload = function(){
setTimeout(function(){
window.performance = window.performance || window.mozPerformance || window.msPerformance || window.webkitPerformance || {};
var t = performance.timing || {};
if (!t) {
return;
}
var start = t.navigationStart,
end = t.loadEventEnd
loadTime = (end - start) / 1000;
var copy = document.querySelectorAll('.loadedp');
copy[0].innerHTML += "Loaded in " + loadTime + " seconds.";
}, 0);
}
</script>
<script>
function scrollWin() {
window.scrollTo(0, 0);
}
function checktheme() {
var inputs = document.getElementById("theme-check");
if(window.scrollY<=30){
inputs.checked = !inputs.checked;
}
else {
document.getElementById("theme-check").checked = true;
scrollWin();
}
}
// https://stackoverflow.com/a/5423029
document.getElementById("modelabel").onclick = function() {
checktheme();
return false;
};
//document.getElementById("modelabel2").onclick = function() {
//checktheme();
//return false;
//};
</script>
<script>
// https://stackoverflow.com/questions/9038625/detect-if-device-is-ios
function iOS2023() {
return [
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod'
].includes(navigator.platform)
// iPad on iOS 13 detection
|| (navigator.userAgent.includes("Mac") && "ontouchend" in document)
}
</script>
<script>
if (iOS2023() == true) {
//
}
else {
// var audioContext = new AudioContext(); // uncompatible
function playSound(urls, bufferTime) {
var audioContext = new (window.AudioContext || window.webkitAudioContext)({ sampleRate: 48000 });
// var audioContext = new AudioContext({ sampleRate: 8000 });
var source = audioContext.createBufferSource();
var request = new XMLHttpRequest();
var index = 0;
var buffer = null;
function loadNext() {
if (index >= urls.length) {
console.error('Failed to load audio from all URLs:', urls);
return;
}
request.open('GET', urls[index], true);
request.responseType = 'arraybuffer';
request.onload = function() {
audioContext.decodeAudioData(request.response, function(decodedBuffer) {
buffer = decodedBuffer;
source.buffer = buffer;
source.connect(audioContext.destination);
source.start(audioContext.currentTime + bufferTime);
delete request; //new garbage collection
});
};
request.onerror = function() {
console.warn('Failed to load audio from URL:', urls[index]);
index++;
loadNext();
};
request.send();
index++;
}
// check if browser can play .ogg format
var audio = new Audio();
if (audio.canPlayType('audio/ogg')) {
urls = [urls[0]];
} else {
urls = [urls[1]];
}
loadNext();
return function() {
source.stop();
source.disconnect();
audioContext.close();
buffer = null;
};
}
}
</script>
<script>
// play the audio when an element with the class of theme is clicked
// https://vignette.wikia.nocookie.net/logopedia/images/0/0c/Instagram_2010.png
const themeElements = document.querySelectorAll('.theme');
themeElements.forEach(themeElement => {
themeElement.addEventListener('click', () => {
//playSound(['/style/2023/scrown2.ogg', '/style/2023/scrown2.mp3'], 0.1);
crownSound();
});
});
</script>
<script>
document.getElementById("modelabel").addEventListener("keypress", toggleFunction);
function toggleFunction () {
var check = document.getElementById("theme-check").checked;
var box = document.getElementById("theme-check")
if (check == true) {
box.checked = false;
document.getElementById("themepicker").setAttribute('aria-hidden', true);
// document.getElementById("modelabel").setAttribute('aria-expanded', false);
}
else if (check == false) {
box.checked = true;
document.getElementById("themepicker").setAttribute('aria-hidden', false);
// document.getElementById("modelabel").setAttribute('aria-expanded', true);
}
}
document.getElementById("modelabel").addEventListener("click", toggleFunction2);
function toggleFunction2 () {
var check = document.getElementById("theme-check").checked;
var box = document.getElementById("theme-check")
if (check == true) {
// box.checked = false;
// playSound(['/style/2023/woosh-b10-cut2-comp2.ogg','/style/2023/woosh-b10-cut2-comp2.mp3'], 0.1);
whooshSound();
document.getElementById("themepicker").setAttribute('aria-hidden', false);
// document.getElementById("modelabel").setAttribute('aria-expanded', true);
}
else if (check == false) {
// box.checked = true;
//playSound(['/style/2023/woosh-b10-cutend-rev-comp2.ogg','/style/2023/woosh-b10-cutend-rev-comp2.mp3'], 0.1);
whooshSoundRev();
document.getElementById("themepicker").setAttribute('aria-hidden', true);
// document.getElementById("modelabel").setAttribute('aria-expanded', false);
}
}
document.getElementById("close-theme-check").onclick = function() {
// playSound(['/style/2023/woosh-b10-cutend-rev-comp2.ogg','/style/2023/woosh-b10-cutend-rev-comp2.mp3'], 0.1);
whooshSoundRev();
document.getElementById("themepicker").setAttribute('aria-hidden', true);
// document.getElementById("modelabel").setAttribute('aria-expanded', false);
};
document.getElementById("close-theme-check2").onclick = function() {
// playSound(['/style/2023/woosh-b10-cutend-rev-comp2.ogg','/style/2023/woosh-b10-cutend-rev-comp2.mp3'], 0.1);
whooshSoundRev();
document.getElementById("themepicker").setAttribute('aria-hidden', true);
// document.getElementById("modelabel").setAttribute('aria-expanded', false);
};
</script>
<script>
function crownSound() {
if (iOS2023() == true) {
var sound = new Howl({
src: ['/style/2023/scrown2.ogg', '/style/2023/scrown2.mp3'],
});
sound.play();
} else {
try {
playSound(['/style/2023/scrown2.ogg', '/style/2023/scrown2.mp3'], 0.1);
} catch (error) {
console.log('Error: playSound function is missing.');
}
}
}
function whooshSound() {
if (iOS2023() == true) {
var sound = new Howl({
src: ['/style/2023/woosh-b10-cut2-comp2.ogg', '/style/2023/woosh-b10-cut2-comp2.mp3'],
});
sound.play();
} else {
try {
playSound(['/style/2023/woosh-b10-cut2-comp2.ogg', '/style/2023/woosh-b10-cut2-comp2.mp3'], 0.1);
} catch (error) {
console.log('Error: playSound function is missing.');
}
}
}
function whooshSoundRev() {
if (iOS2023() == true) {
var sound = new Howl({
src: ['/style/2023/woosh-b10-cutend-rev-comp2.ogg', '/style/2023/woosh-b10-cutend-rev-comp2.mp3'],
});
sound.play();
} else {
try {
playSound(['/style/2023/woosh-b10-cutend-rev-comp2.ogg', '/style/2023/woosh-b10-cutend-rev-comp2.mp3'], 0.1);
} catch (error) {
console.log('Error: playSound function is missing.');
}
}
}
function lampSound() {
if (iOS2023() == true) {
var sound = new Howl({
src: ['/style/2023/lamp-cut-comp.ogg', '/style/2023/lamp-cut-comp.mp3'],
});
sound.play();
} else {
try {
playSound(['/style/2023/lamp-cut-comp.ogg', '/style/2023/lamp-cut-comp.mp3'], 0.1);
} catch (error) {
console.log('Error: playSound function is missing.');
}
}
}
function clicksound() {
try {
playSound(['/style/2023/click-snap-single_G1TaGDN__NWM.mp3','/style/2023/click-snap-single_G1TaGDN__NWM.mp3'], 0.1);
} catch (error) {
console.log('Error: playSound function is missing.');
}
}
function popsound() {
// playSound(['/style/2023/pop.mp3','/style/2023/pop.mp3'], 0.1);
}
</script>
<script>
if (iOS2023() == true) {
var script = document.createElement('script');
script.src = '/script/howler.core.min-2.2.3.js';
script.defer = true;
document.head.appendChild(script);
}
</script>
<audio id="yotam_audio" preload="none">
<source src="/theme.ogg" type="audio/ogg">
<source src="/theme.mp3" type="audio/mpeg">
</audio>
<script>
function aud_play_pause() {
var myAudio = document.getElementById("yotam_audio");
if (myAudio.paused) {
myAudio.play();
} else {
myAudio.pause();
}
}
const logo = document.getElementById("logo");
logo.addEventListener("click", function() {
aud_play_pause() ;
return false;
});
</script>
<script defer="" src="/script/timeago.js"></script>
<script>document.addEventListener("touchstart", function() {}, true);</script>
</body></html>