P’Faii

✨ นายณภัทร พ่อบุตรดี

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#f1f6ff;
        margin:1rem;
        text-align:center;
        font-family:sans-serif;
      }
      svg{
        background:#c00;
        box-shadow:0 0 20px #0002;
        width:80%;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
     <defs>
        <pattern id="texture"
                 viewBox="0 0 10 10"
                 width="10%" 
                 height="10%">
         <rect width="5" height="5" fill="white"/>
        </pattern>
      </defs>
      <rect width="100" height="100" fill="url(#texture)"/>
    </svg>
    <svg viewBox="0 0 100 100">
      <circle r="1" fill="#fc0" cx="50" cy="50"/>
      <circle stroke="#fc0" stroke-width="2"
              r="15" fill="#fc08" cx="20" cy="20"/>
      <path fill="#093" stroke="#fff" stroke-width="2"
            stroke-linecap="round" stroke-linejoin="round"
            d="M0,60 l100,0 v60 h-100 v-60
               "/> 
      <path fill="#c00" stroke="#fff" stroke-width="2"
            stroke-linecap="round" stroke-linejoin="round"
            d="M50,50 h20 v20 h-20 v-20 l10,-10 l10 10 h20 l-10,-10 h-20
               "/> 
      <path fill="#c00" stroke="#fff" stroke-width="2"
            stroke-linecap="round" stroke-linejoin="round"
            d="M90,50 v20 h-20 v-20 z
               "/> 
    </svg>
    
  </body>
</html>