div:before { content: attr(data-hover); } div { display: inline-block; font-size: 128px; line-height: 1.2; text-align: center; background: url(https://picsum.photos/1000/1000?image=580) center center no-repeat; background-size: cover; background-clip: text; -webkit-background-clip: text; color: rgba(255,0,0,0.6); span { color: transparent; } } html { height: 100%; display: flex; } /* body { margin: auto; max-width: 300px; text-align: center; } */ "; $precss=$cssstyle; function str_replace_once($needle, $replace, $haystack) { // thanks to https://codepen.io/shshaw/pen/ELBayz#Emoji + background-clip:text $newstring=$haystack; $pos = strpos($haystack, $needle); if ($pos !== false) { $newstring = substr_replace($haystack, $replace, $pos, strlen($needle)); } return $newstring; } function viacolon($instuff) { //21c // background: url("data:image/svg+xml,"); //. //13,14c //.box:after { // content: "Well I never"; //. //w $sprevln=""; $ldm=";"; $prevln=''; $inlns=explode("\n", $instuff); $lns=file('/tmp/overlay_emoji.diff'); foreach ($lns as $line_num => $ln) { $lastinteresting=false; if (($ln == 'w' || $ln == "w\n") && strpos($prevln, "d") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false && strpos($prevln, ",") !== false) { if (1 == 2) { $lastinteresting=true; } $fromi=explode(",", explode("d", $prevln)[0])[0]; $toi=explode(",", explode("d", $prevln)[0])[1]; for ($fromtoi=$fromi; $fromtoi<=$toi; $fromtoi++) { $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $fromtoi]), " ", $instuff); } } if (!$lastinteresting && $ln != '.' && $ln != 'w' && $ln != ".\n" && $ln != "w\n") { if (strpos($ln, ':') !== false && (strpos($ln, ';') !== false || strpos($ln, '{') !== false)) { if (strpos($ln, 'background:') === false) { $bg=explode(':', $ln); if (strpos($instuff, $bg[0] . ':') !== false) { $ldm=";"; if (strpos($bg[1], ";") === false && strpos($bg[1], "{") !== false) { $ldm="{"; } //if (strpos($bg[0], ".box") !== false) { file_put_contents('ax.ax', $instuff . "\n\n\n" . $bg[0] . ':' . explode($ldm, explode($bg[0] . ':', $instuff)[1])[0] . ':' . "\n\n\n" . $bg[0] . ':' . explode($ldm, explode($bg[0] . ':', file_get_contents('/tmp/overlay_emoji.diff'))[1])[0] . "\n\n\n" . str_replace($bg[0] . ':' . explode($ldm, explode($bg[0] . ':', $instuff)[1])[0],$bg[0] . ':' . explode($ldm, explode($bg[0] . ':', file_get_contents('/tmp/overlay_emoji.diff'))[1])[0],$instuff)); } $instuff=str_replace_once($bg[0] . ':' . explode($ldm, explode($bg[0] . ':', $instuff)[1])[0],$bg[0] . ':' . explode($ldm, explode($bg[0] . ':', file_get_contents('/tmp/overlay_emoji.diff'))[1])[0],$instuff); } else if (strpos($prevln, "a") !== false) { $fromi=explode(",", explode("a", $prevln)[0])[0]; $toi=$fromi; $prefx=explode($inlns[-1 + explode("a", $prevln)[0]], $instuff)[0]; $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + explode("a", $prevln)[0]]), str_replace("\n", "", $inlns[-1 + explode("a", $prevln)[0]]) . " " . $bg[0] . ':' . explode(';', explode($bg[0] . ':', file_get_contents('/tmp/overlay_emoji.diff'))[1])[0] . '; ', $instuff); $inlns[-1 + explode("a", $prevln)[0]]=$inlns[-1 + explode("a", $prevln)[0]] . " " . $bg[0] . ':' . explode(';', explode($bg[0] . ':', file_get_contents('/tmp/overlay_emoji.diff'))[1])[0] . '; '; if (('' . $toi) == '1') { //$instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $toi + $fromi]), " ", $instuff); $sprevln=""; } else { $toi--; //$instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $toi + $fromi]), " ", $instuff); $sprevln="" . $fromi . "a"; } } } } if (strlen($ln) <= 10 && str_replace("\n","", str_replace("d","", str_replace("c","", str_replace("a","", str_replace(",","", str_replace("0","", str_replace("1","", str_replace("2","", str_replace("3","", str_replace("4","", str_replace("5","", str_replace("6","", str_replace("7","", str_replace("8","", str_replace("9","",$ln))))))))))))))) == "") { if (str_replace("\n","", str_replace("c","", str_replace("a","", str_replace(",","", str_replace("0","", str_replace("1","", str_replace("2","", str_replace("3","", str_replace("4","", str_replace("5","", str_replace("6","", str_replace("7","", str_replace("8","", str_replace("9","",$ln)))))))))))))) != "") { $prevln=$ln; } } //if (strlen($ln) <= 10 && str_replace("\n","", str_replace("c","", str_replace("a","", str_replace(",","", str_replace("0","", str_replace("1","", str_replace("2","", str_replace("3","", str_replace("4","", str_replace("5","", str_replace("6","", str_replace("7","", str_replace("8","", str_replace("9","",$ln)))))))))))))) == "") { if (strlen($ln) <= 10 && str_replace("\n","", str_replace("d","", str_replace("c","", str_replace("A","", str_replace(",","", str_replace("0","", str_replace("1","", str_replace("2","", str_replace("3","", str_replace("4","", str_replace("5","", str_replace("6","", str_replace("7","", str_replace("8","", str_replace("9","",$ln))))))))))))))) == "") { $instuff=$instuff; } else if (strpos($prevln, "d") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false && strpos($prevln, ",") === false) { $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + explode("d", $prevln)[0]]), " ", $instuff); } else if (strpos($prevln, "a") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false && strpos($prevln, ",") === false) { $fromi=explode(",", explode("a", $prevln)[0])[0]; $lnbig=""; $lni=(-1 + explode("a", $prevln)[0]); $toi=$fromi; $isok=true; while (('' . $toi) != '0' && $isok) { //$prefx=explode($inlns[-1 + explode("a", $prevln)[0]], $instuff)[0]; if ($ln == '.' || $ln == 'w' || $ln == ".\n" || $ln == "w\n") { $isok=false; $sprevln=$ln; //""; } else if ($ln != '.' && $ln != 'w' && $ln != ".\n" && $ln != "w\n") { //file_put_contents('/tmp/overlay_emoji.zzz', $ln); //file_put_contents('/tmp/overlay_emoji.yyy', $prevln); //$instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + explode("a", $prevln)[0]]), str_replace("\n", "", $inlns[-1 + explode("a", $prevln)[0]]) . " " . $ln, $instuff); //if (!file_exists('/tmp/overlay_emoji.www')) { file_put_contents('/tmp/overlay_emoji.www', $instuff); } $lnbig.=' ' . str_replace("\n", "", $ln) . ' '; //$inlns[-1 + explode("a", $prevln)[0]]=$inlns[-1 + explode("a", $prevln)[0]] . " " . $ln; } if (('' . $toi) == '1') { //$instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $toi + $fromi]), " ", $instuff); //$instuff=str_replace_once(str_replace("\n", "", $ln), " ", $instuff); $sprevln=$ln; //""; $toi--; $ln=$lns[($fromi - $toi) + $line_num]; } else { $toi--; //$instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $toi + $fromi]), " ", $instuff); //$instuff=str_replace_once(str_replace("\n", "", $ln), " ", $instuff); $sprevln="" . $fromi . "a"; $ln=$lns[($fromi - $toi) + $line_num]; } } $instuff=str_replace_once(str_replace("\n", "", $inlns[$lni]), str_replace("\n", "", $inlns[$lni]) . " " . $lnbig, $instuff); //$inlns[$lni]=$inlns[$lni] . " " . $lnbig; $sprevln=' '; } else if (strpos($prevln, "c") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false && strpos($prevln, ",") === false) { $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + explode("c", $prevln)[0]]), str_replace("\n", "", $ln), $instuff); } else if (strpos($prevln, "d") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false && strpos($prevln, ",") !== false) { $fromi=explode(",", explode("d", $prevln)[0])[0]; $toi=explode(",", explode("d", $prevln)[0])[1]; for ($fromtoi=$fromi; $fromtoi<=$toi; $fromtoi++) { $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $fromtoi]), " ", $instuff); } //$instuff=str_replace(str_replace("\n", "", $inlns[-1 + $fromi]), " ", $instuff); //if ($fromi != $toi) { // $fromi++; // $sprevln="" . $fromi . "," . $toi . "d"; //} else { $sprevln=$ln; //} } else if (strpos($prevln, "c") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false && strpos($prevln, ",") !== false) { $origln=$ln; $lnbig=''; $isokay=true; $fromi=explode(",", explode("c", $prevln)[0])[0]; $toi=explode(",", explode("c", $prevln)[0])[1]; $one=1; $ln=$lns[$one + $line_num]; while ($ln != '.' && $ln != 'w' && $ln != ".\n" && $ln != "w\n") { $lnbig.=' ' . str_replace("\n", "", $ln) . ' '; $one++; $ln=$lns[$one + $line_num]; } $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $fromi]), str_replace("\n", "", $origln) . $lnbig, $instuff); if ($fromi != $toi) { $fromi++; $sprevln="" . $fromi . "," . $toi . "c"; for ($fromtoi=$fromi; $fromtoi<=$toi; $fromtoi++) { $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + $fromtoi]), " ", $instuff); } } else { $sprevln=$ln; } } if ($sprevln != "") { $prevln=$sprevln; $sprevln=""; } else { $prevln=$ln; } if (strpos($prevln, "d") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false && strpos($prevln, ",") === false) { $instuff=str_replace_once(str_replace("\n", "", $inlns[-1 + explode("d", $prevln)[0]]), " ", $instuff); } } } return $instuff; } function command_exist($cmd) { $return = shell_exec(sprintf("which %s", escapeshellarg($cmd))); return !empty($return); } if (file_exists('/tmp/')) { if (!file_exists('/tmp/overlay_emoji.before')) { file_put_contents('/tmp/overlay_emoji.before', $cssstyle); } if (isset($_GET['reconstruct'])) { $emaila=" "; $smsa=" "; $onl=" onload=\" newwin(document.getElementById('box')); \""; $r=str_replace("+"," ",urldecode($_GET['reconstruct'])); if (strpos($r, "~!@") !== false) { $prewords=explode("~!@", $r)[0]; $r=substr($r, strlen($prewords . "~!@")); $words=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",$prewords))))); } file_put_contents('/tmp/overlay_emoji.after', $precss); file_put_contents('/tmp/overlay_emoji.diff', str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",$r)))))); if (command_exist('ed')) { exec('ed - /tmp/overlay_emoji.after < /tmp/overlay_emoji.diff'); } else if (strpos($precss, 'background:') !== false && strpos(file_get_contents('/tmp/overlay_emoji.diff'), 'background:') !== false) { file_put_contents('/tmp/overlay_emoji.after', viacolon(str_replace('background:' . explode(';', explode('background:', $precss)[1])[0],'background:' . explode(';', explode('background:', file_get_contents('/tmp/overlay_emoji.diff'))[1])[0],$precss))); } else { file_put_contents('/tmp/overlay_emoji.after', viacolon($precss)); } $cssstyle=file_get_contents('/tmp/overlay_emoji.after'); //unlink('/tmp/overlay_emoji.after'); } } if (isset($_POST['email'])) { $myclick.="\n emis='" . str_replace('+',' ',urldecode($_POST['email'])) . "'; \n"; $myclick.="\n emailit(); /" . "/ document.getElementById('myemail').click(); \n"; } if (isset($_POST['sms'])) { $myclick.="\n smsis='" . str_replace('+',' ',urldecode($_POST['sms'])) . "'; \n"; $myclick.="\n smsit(); /" . "/ document.getElementById('mysms').click(); \n"; } if (isset($_GET['email'])) { $myclick.="\n emis='" . str_replace('+',' ',urldecode($_GET['email'])) . "'; \n"; $myclick.="\n emailit(); /" . "/ document.getElementById('myemail').click(); \n"; } if (isset($_GET['sms'])) { $myclick.="\n smsis='" . str_replace('+',' ',urldecode($_GET['sms'])) . "'; \n"; $myclick.="\n smsit(); /" . "/ document.getElementById('mysms').click(); \n"; } if (isset($_POST['css'])) { $was=$cssstyle; $cssstyle=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_POST['css']))))))); if (file_exists('/tmp/')) { if (file_exists('/tmp/overlay_emoji.after')) { unlink('/tmp/overlay_emoji.after'); } if (!file_exists('/tmp/overlay_emoji.after')) { file_put_contents('/tmp/overlay_emoji.after', $cssstyle); } if ($was == $cssstyle) { file_put_contents('/tmp/overlay_emoji.diff', 'w'); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/overlay_emoji.diff'))); } else { $emaila=" "; $smsa=" "; exec('diff --strip-trailing-cr -b -e /tmp/overlay_emoji.before /tmp/overlay_emoji.after > /tmp/overlay_emoji.diff'); if (file_exists('/tmp/overlay_emoji.diff')) { file_put_contents('/tmp/overlay_emoji.diff', str_replace("\r","",file_get_contents('/tmp/overlay_emoji.diff')) . "w\n"); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/overlay_emoji.diff'))); } } } } else if (isset($_GET['css'])) { $was=$cssstyle; $cssstyle=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_GET['css']))))))); if (file_exists('/tmp/')) { if (file_exists('/tmp/overlay_emoji.after')) { unlink('/tmp/overlay_emoji.after'); } if (!file_exists('/tmp/overlay_emoji.after')) { file_put_contents('/tmp/overlay_emoji.after', $cssstyle); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/overlay_emoji.diff'))); } if ($was == $cssstyle) { file_put_contents('/tmp/overlay_emoji.diff', 'w'); } else { $emaila=" "; $smsa=" "; exec('diff --strip-trailing-cr -b -e /tmp/overlay_emoji.before /tmp/overlay_emoji.after > /tmp/overlay_emoji.diff'); if (file_exists('/tmp/overlay_emoji.diff')) { file_put_contents('/tmp/overlay_emoji.diff', str_replace("\r","",file_get_contents('/tmp/overlay_emoji.diff')) . "w\n"); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/overlay_emoji.diff'))); } } } } if (isset($_POST['words'])) { $words=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_POST['words']))))))); if ($words != "Hello") { $reconstruct=str_replace(('?reconstruct='),('?reconstruct=') . urlencode($words . '~!@'), $reconstruct); $emaila=" "; $smsa=" "; } } else if (isset($_GET['words'])) { $words=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_GET['words']))))))); if ($words != "Hello") { $reconstruct=str_replace(('?reconstruct='),('?reconstruct=') . urlencode($words . '~!@'), $reconstruct); $emaila=" "; $smsa=" "; } } else if (!isset($_GET['reconstruct'])) { if (file_exists('overlay_emoji.htm')) { header('Location: ' . str_replace(":80/","/",str_replace(":443/","/","http://" . $_SERVER['SERVER_NAME'] . ":" . $_SERVER['SERVER_PORT'] . "" . str_replace('.php','.htm',$_SERVER['REQUEST_URI'])))); exit; } } if ($reconstruct != '') { $emaila=" "; $smsa=" "; } if (1 == 2 && $myclick != "" && $reconstruct != "") { echo ""; } else { echo " Text Background Clip - RJM Programming - May, 2022 ... thanks to https://codepen.io/shshaw/pen/ELBayz#Emoji + background-clip:text " . $cssstyle . "

'); } this.innerHTML=isih; } \">" . str_replace("\n", "
", $words) . "

Text Background Clip Design" . $emaila . $smsa . "

RJM Programming - May, 2022

Thanks to Emoji + background-clip:text

"; } ?>