sth

✨ PAVARISA WITHYAWONGSARUCHI

<html>
	<head>
     <title>ต้นหอม ปวริศา วิทยาวงรุจิ(63070104)</title></head>
		<style>
			body{
				margin:0;
           background:#a5dad0;
			}
			svg{
				width:100%;
			}
        .light{
				animation: open 2s alternate infinite;
        }
        @keyframes open {
          0%,50% {fill:gray}
          80%,100% {fill:#ff0}
        }
		</style>
	<body>
     <svg viewBox="0 0 400 400">
       <path fill="#c88000" stroke="#c88000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m250 300 l-70 80 l120 -80 
               "
          >
      </path>
       <path fill="#9c6606" stroke="#9c6606" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m200 320 l50 -20 l-70 80 h-40
               "
          >
      </path>
       <path fill="#dda349" stroke="#dda349" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m200 320 l-20 60 h-40 l-20 -60 
               "
          >
      </path>
       <path fill="#c88000" stroke="c88000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m60 280 v40 l80 60 l-20 -60
               
               "
          >
      </path>
       <path fill="#dda349" stroke="dda349" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m40 230 v40 l20 50 v-40
               "
          >
      </path>
       <path fill="#090" stroke="#090" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m80 190 l-20 10 l-20 30 l20 50 l60 40 h80 l50 -20 h50 l30 -40 l-20 -40
               l-110 -40
               "
          >
      </path>
       
       
        <path fill="#fff" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m245 200 l5 5 l-5 5 l-5 -5z
               "
          >
          <animate attributeName="d" values="m245 70 l5 5 l-5 5 l-5 -5z;
                                     m230 100 l5 5 l-5 5 l-5 -5z;
                                       m260 140 l5 5 l-5 5 l-5 -5z;
                                             m220 200 l5 5 l-5 5 l-5 -5z;"
                                  			dur="4s" repeatCount="3"/>
      </path>
       <path fill="#fff" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m265 200 l5 5 l-5 5 l-5 -5z
               "
          >
          <animate attributeName="d" values="m265 70 l5 5 l-5 5 l-5 -5z;
                                     m255 100 l5 5 l-5 5 l-5 -5z;
                                       m250 140 l5 5 l-5 5 l-5 -5z;
                                             m240 200 l5 5 l-5 5 l-5 -5z;"
                                  			dur="3s" repeatCount="3"/>
      </path>
       <path fill="#fff" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m180 200 l5 5 l-5 5 l-5 -5z
               "
          >
          <animate attributeName="d" values="m205 70 l5 5 l-5 5 l-5 -5z;
                                     m225 100 l5 5 l-5 5 l-5 -5z;
                                       m215 140 l5 5 l-5 5 l-5 -5z;
                                             m260 200 l5 5 l-5 5 l-5 -5z;"
                                  			dur="2s" repeatCount="3"/>
      </path>
       <path fill="#fff" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m190 200 l5 5 l-5 5 l-5 -5z
               "
          >
          <animate attributeName="d" values="m190 70 l5 5 l-5 5 l-5 -5z;
                                     m180 100 l5 5 l-5 5 l-5 -5z;
                                       m195 140 l5 5 l-5 5 l-5 -5z;
                                             m150 200 l5 5 l-5 5 l-5 -5z;"
                                  			dur="4s" repeatCount="3"/>
      </path>
       <path fill="#fff" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m280 200 l5 5 l-5 5 l-5 -5z
               "
          >
          <animate attributeName="d" values="m280 60 l5 5 l-5 5 l-5 -5z;
                                     m300 100 l5 5 l-5 5 l-5 -5z;
                                       m240 120 l5 5 l-5 5 l-5 -5z;
                                             m260 150 l5 5 l-5 5 l-5 -5z"
                                  			dur="3s" repeatCount="3"/>
      </path>


       <path fill="#a89594" stroke="#a89594" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m150 170 l20 10 l-20 50
               "
          >
      </path>
       <path fill="#8c8787" stroke="#8c8787" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m81 141 v70 l30 20 l10 -70
               "
          >
      </path>
       <path fill="#6e6363" stroke="#6e6363" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m150 171 v60 h-39 v-60
               "
          >
      </path>
       <path fill="#7a6a6b" stroke="#7a6a6b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m210 200 l-59 31 l20 -50 l40 -10
               "
          >
      </path>
       <path fill="#6b6565" stroke="#6b6565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m240 140 l-30 60 v-30
               "
          >
      </path>
       <path fill="#8c8787" stroke="#8c8787" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m150 170 l20 10 l40 -10 l30 -30 l-20 -10 h-50
               "
          >
      </path>
        <path fill="green" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m150 170 h20 l20 -10 h10 l20 -20 l-10 -10 h-31
               "
          >
        </path>
       <path fill="green" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m150 170 h20 l20 -10 h10 l20 -20 l-10 -10 h-31
               "
          >
        </path>
       <svg viewBox="0 0 400 400">
        <path fill="#333" stroke="#333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m170 81 l8 50 l0 15 l-10 -30
               "
          >
      </path>
        <path fill="#6b6565" stroke="6b6565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m140 120 l30 -20 l10 50 l-30 20
               "
          >
      </path>
        <path fill="#7a6a6b" stroke="7a6a6b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m110 119 h31 l10 53 h-41
               "
          >
      </path>
        <path fill="#8c8787" stroke="8c8787" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m90 100 l-10 40 l30 30 v-59
               "
          >
      </path>
        <path fill="#a89594" stroke="a89594" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m100 90 l-10 10 l20 20 h30 l30 -20 v-20 l-25 -10
               "
          >
      </path>
        <path fill="green" stroke="green" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m100 91 l10 20 h30 l20 -20 v-14 l-13 -5
               "
          >
        </path>
        <path fill="#7a6a6b" stroke="#7a6a6b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m130 50 l10 -10 l10 50 l-20 10
               "
          >
      </path>
        <path fill="#8c8787" stroke="8c8787" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m109 50 l-10 41 l31 10 v-50 z
               "
          >
      </path>
			<path fill="#a89594" stroke="#a89594" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m120 30 h10 l10 10 l-10 10 h-20z
               "
          >
      </path>

        <path fill="#Cfc36b" stroke="#Cfc36b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m65 240 l5 5 l5 -5 v-90 l-5 -5 l-5 5 v90 
               "
          >
      </path>
        <path fill="#0f0" stroke="#0f0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m40 180 l30 -20 l30 20 l-30 15z
               "
          >
      </path>
        <path fill="#0a0" stroke="#0a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m50 160 v20 l20 10 v-22 z
               "
          >
      </path>
        <path fill="#060" stroke="#060" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m70 170 l20 -10 v20 l-20 10z
               "
          >
      </path>
        <path fill="#0f0" stroke="0f0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m48 160 l23 -10 l20 10 l-20 10 z
               "
          >
      </path>
        <path fill="#0a0" stroke="#0a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m40 180 v20 l30 15 v-20z
               "
          >
      </path>
        <path fill="#060" stroke="#060" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m70 195 l30 -15 v20 l-30 15 z
               "
          >
      </path>
        <path fill="#0a0" stroke="0a0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m60 145 l10 5 v16 l-11 -6z
               "
          >
      </path>
        <path fill="#0f0" stroke="0f0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m60 145 l10 -5 l10 5 l-10 5z
               "
          >
      </path>
        <path fill="#060" stroke="#060" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m70 150 l10 -5 v15 l-10 5 z
               "
          >
      </path>


        <path fill="#A99ec7" stroke="#A99ec7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m260 270 l40 -20 l10 -30 l-40 10
               "
          >
      </path>
        <path fill="#Dfd6f9" stroke="Dfd6f9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m260 270 l-50 -20 l-5 -30 l40 -30 l30 40z
               "
          >
      </path>
        <path fill="#a00" stroke="a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m239 188 v10 l36 45 l5 -9
               "
          >
      </path>
        <path fill="#600" stroke="#600" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m319 217 l-5 8 l-38 18 l2 -8
               "
          >
      </path>
        <path fill="#a00" stroke="#a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m240 188 l-40 30 l5 1 l35 -23
               "
          >
      </path>
        <path fill="#f00" stroke="#f00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m240 188 l49 -18 l30 46 l-41 20z
               "
          >
      </path>
        <path fill="#900" stroke="#900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m242 263 l5 -20 l-20 -8 v22z
               "
          >
      </path>
        <circle class="light" cx="239" cy="222" r="10" stroke="none" stroke-width="2" fill="lightblude"></circle>

        <path fill="blue" stroke="blue" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m120 290 
               a2 1, -2, 0 0, 60 15
               a2 1, 0, 0 0, 30 0
					l30 -1 l11 -4 l-30 -10
               a3 1, 9, 0 0, -100 -0
               "
          >
      </path>
      <path fill="blue" stroke="blue" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m251 300 c-15 50, -5 1, -10 1
               "
          >
        <animate attributeName="d" values="m251 300 c-15 20, -5 1, -10 1;
                                       m251 300 c-15 20, -5 1, -10 1;
                                       m251 300 c-15 60, -5 1, -10 1;
                                      	m251 300 c-15 40, -5 1, -10 1;
                                           m251 300 c-15 60, -5 1, -10 1;
                                           m251 300 c-15 20, -5 1, -10 1;
                                           m251 300 c-15 80, -5 1, -10 1;
                                           m251 300 c-15 50, -5 1, -10 1;
                                           m251 300 c-15 20, -5 1, -10 1;"
                                  			dur="6s" repeatCount="2"/>
      </path>
         <path fill="lightgrey" stroke="lightgrey" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m140 270 
               a1 1, 0, 0 1, 10 0 h-10       
               "
          >
      </path>
         <path fill="lightgrey" stroke="lightgrey" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m150 270 
               a1 1, 0, 0 1, 10 0 h-10       
               "
          >
      </path>


        <path fill="gray" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m190 40 l-10 10 l10 10 h20z
               "
          >
          <animate attributeName="d" values="m190 40 l-10 10 l10 10 h20z;
                                       m200 40 l-10 10 l10 10 h20z;
                                       m190 40 l-10 10 l10 10 h20z;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m210 20 l-10 10 h-10 v10h20z
               "
          >
          <animate attributeName="d" values="m210 20 l-10 10 h-10 v10h20z;
                                       m220 20 l-10 10 h-10 v10h20z;
                                       m210 20 l-10 10 h-10 v10h20z;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
         <path fill="gray" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m210 20 v20 h60
               "
          >
          <animate attributeName="d" values="m210 20 v20 h30;
                                       m220 20 v20 h30;
                                       m210 20 v20 h30;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
         <path fill="white" stroke="WHITE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m210 42 h29 v10 l-27 9
               "
          >
          <animate attributeName="d" values="m210 42 h29 v10 l-27 9;
                                      m220 42 h29 v10 l-27 9;
                                       m210 42 h29 v10 l-27 9;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m240 40 l-30 -20 l30 10
               "
          >
          <animate attributeName="d" values="m240 40 l-30 -20 l30 10;
                                       m250 40 l-30 -20 l30 10;
                                       m240 40 l-30 -20 l30 10;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="GRAY" stroke="GRAY" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m250 20 l-10 10v10h20v-10
               "
          >
       	 <animate attributeName="d" values="m250 20 l-10 10v10h20v-10;
                                      m260 20 l-10 10v10h20v-10;
                                       m250 20 l-10 10v10h20v-10;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
         <path fill="deepgray" stroke="deepgray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m189 40 h22 v21
               "
          >
          <animate attributeName="d" values="m189 40 h22 v21;
                                      m199 40 h22 v21;
                                       m189 40 h22 v21;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m260 30 v10 h20z
               "
          >
          <animate attributeName="d" values="m260 30 v10 h20z;
                                      m270 30 v10 h20z;
                                       m260 30 v10 h20z;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m250 20 v9 h9z
               "
          >
          <animate attributeName="d" values="m250 20 v9 h9z;
                                      m260 20 v9 h9z;
                                       m250 20 v9 h9z;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="GRAY" stroke="GRAY" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m210 10 l0 10 l40 0
               "
          >
          <animate attributeName="d" values="m210 10 l0 10 l40 0;
                                      m220 10 l0 10 l40 0;
                                       m210 10 l0 10 l40 0;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="white" stroke="WHITE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="
               m210 10 l40 10 l-30 -20z
               "
          >
          <animate attributeName="d" values="m210 10 l40 10 l-30 -20z;
                                      m220 10 l40 10 l-30 -20z;
                                       m210 10 l40 10 l-30 -20z;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        
        <path fill="deepgray" stroke="deepgray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m210 20 l30 10 l10 -10
               "
          >
          <animate attributeName="d" values="m210 20 l30 10 l10 -10;
                                      m220 20 l30 10 l10 -10;
                                       m210 20 l30 10 l10 -10;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="deepgray" stroke="deepgray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m210 60 l10 10 h10 l10 -20
               "
          >
          <animate attributeName="d" values="m210 60 l10 10 h10 l10 -20;
                                     m220 60 l10 10 h10 l10 -20;
                                       m210 60 l10 10 h10 l10 -20;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m260 64  v-22 h-20
               "
          >
          <animate attributeName="d" values="m260 64  v-22 h-20;
                                     m270 64  v-22 h-20;
                                       m260 64  v-22 h-20;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="gray" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m240 40 v12 l20 12
               "
          >
          <animate attributeName="d" values="m240 40 v12 l20 12;
                                     m250 40 v12 l20 12;
                                       m240 40 v12 l20 12;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="gray" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m280 41 h-20v23
               "
          >
          <animate attributeName="d" values="m280 41 h-20v23;
                                     m290 41 h-20v23;
                                       m280 41 h-20v23;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>
        <path fill="deepgray" stroke="deepgray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            d="m280 40  l10 10 l-10 10 l-21 5
               "
          >
          <animate attributeName="d" values="m280 40  l10 10 l-10 10 l-21 5;
                                     m290 40  l10 10 l-10 10 l-21 5;
                                       m280 40  l10 10 l-10 10 l-21 5;"
                                  			dur="2s" repeatCount="indefinite"/>
      </path>

<path stroke="white" stroke-width="2"
            d="m0 0 v10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m200 400 v-10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m300 0 v10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m300 400 v-10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m100 0 v10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m100 400 v-10">
      	</path>
        
        <path stroke="white" stroke-width="2"
            d="m0 200  h10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m400 200  h-10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m0 300  h10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m400 300  h-10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m0 100  h10">
      	</path>
        <path stroke="white" stroke-width="2"
            d="m400 100  h-10">
      	</path>

      <defs>
        <pattern id="grid" viewBox="0,0,10,10" width="1%" height="1%">
          <rect fill="#0001" width="1" height="10" x="1" y="0"/>
          <rect fill="#0001" width="1" height="10" x="3" y="0"/>
          <rect fill="#0001" width="1" height="10" x="5" y="0"/>
          <rect fill="#0001" width="1" height="10" x="7" y="0"/>
          <rect fill="#0001" width="1" height="10" x="9" y="0"/>
          <rect fill="#0001" width="10" height="1" x="0" y="1"/>
          <rect fill="#0001" width="10" height="1" x="0" y="3"/>
          <rect fill="#0001" width="10" height="1" x="0" y="5"/>
          <rect fill="#0001" width="10" height="1" x="0" y="7"/>
          <rect fill="#0001" width="10" height="1" x="0" y="9"/>
          <path d="m0 0 h10 L9 1 h-8 v8 L0 10 z" fill="#ff05"/>
          <path d="M10 10 h-10 L1 9 h8 v-8 L10 0 z" fill="#0f05"/>
          <rect fill="#0002" width="10" height=".1" x="0" y="9.9"/>
          <rect fill="#0002" width="10" height=".1" x="0" y="0"/>
          <rect fill="#0002" height="10" width=".1" y="0" x="9.9"/>
          <rect fill="#0002" height="10" width=".1" y="0" x="0"/>
        </pattern>
      </defs>
      	<rect fill="url(#grid)" width="1000" height="1000" x="0" y="0" style="opacity:.5"/>
		</svg>

	</body>
</html>