practice

　　　　

<html lang="ja">
<meta charset="utf-8">

<style>
#表示{font-family:"Share Tech Mono",monospace;
font-size:160px;
font-weight:bold;
color:#456789;
text-shadow:0 0 10px #abcdef;}
path{fill:#456789;}
</style>

<div id="表示"style="transform:scale(1,0.8);">S</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{function 設定(名前)
{内容=";"+document.cookie;
部品=内容.split("; "+名前+"=");
if(部品.length==2)return 部品.pop().split(";").shift();}
function くっきー(名前, 内容, 再表示)
{Y="";
if(再表示)
{日付=new Date();
日付.setTime(日付.getTime()+(再表示*1000));Y=";Y="+日付.toUTCString();}
document.cookie=名前+"="+(内容 || "")+Y+";path=/";}
Z=設定("Z");
現在=new Date().getTime();
if(Z)
{Z=parseInt(Z);
if(現在-Z<20000)
{return;}}
くっきー("Z",現在,60);
$("#表示").delay(1000).fadeOut(2000, function()
{$(this).html('<svg width="1000"height="500"viewBox="0 0 200 100"><path d="M11.4,24.6c-5.9,0-7.8-0.7-9.1-2.1c-1.8-1.8-1.8-3.9-1.8-6.8V15h7l0,0.8c0,1.3,0,1.5,0.1,1.6 c0.2,0.5,1.5,0.5,3.6,0.5c3.6,0,3.9-0.2,3.9-1.3c0-0.6-0.2-1-0.9-1.1L6,14.9C2.3,14.5,0.4,12.2,0.4,8c0-7.6,6-7.6,10.4-7.6 c4.1,0,7.6,0.2,9.4,3C21,4.7,21.1,6,21.2,8.7l0,0.7h-5.9l0,0c3,0.3,6.7,1.8,6.7,7.3C22,23.3,17.9,24.6,11.4,24.6z M1.8,16.4 c0,2.3,0.1,3.8,1.4,5c0.9,0.9,2.2,1.7,8.2,1.7c7,0,9.2-1.6,9.2-6.5c0-1.3,0-5.3-5.4-5.8l-6.7-0.7C7.1,10.1,5.8,9.7,5.8,8 c0-2.6,2.3-2.6,5.2-2.6c3.6,0,4.4,0.6,4.6,2.6h4.1c0-2-0.1-3-0.7-3.8c-1.3-2-3.8-2.4-8.2-2.4c-5.4,0-9,0.4-9,6.2 c0,4.5,2.5,5.3,4.3,5.4l8.1,0.8c1.4,0.1,2.2,1,2.2,2.5c0,2.7-2.4,2.7-5.4,2.7c-2.7,0-4.4-0.1-4.9-1.4C6.1,17.7,6,17.5,6,16.4 H1.8z M11,6.8C7.8,6.8,7.2,7,7.2,8c0,0.5,0,0.7,1.4,0.8l5.6,0.5l0-0.6C14.2,7,14.2,6.8,11,6.8z"></path></svg>').fadeIn(2000);});});
</script>

</html>