midterm

✨ PARANEENIPA SONGMUANG

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:white;
        margin:1em;
        font-family:"Lucida Console", "Courier New", monospace;;
      }
      svg{
        background:#eee;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <rect fill="#0BD4EE" width="100" height="100" x="0" y="0"/>
     	<rect fill="#32D9EE" width="100" height="100" x="0" y="5"/>
      <rect fill="#61DEED" width="100" height="100" x="0" y="10"/>
      <rect fill="#7BE0EC" width="100" height="100" x="0" y="15"/>
      <rect fill="#93E2EC" width="100" height="100" x="0" y="20"/>
     	<rect fill="#AAE5ED" width="100" height="100" x="0" y="25"/>
      <rect fill="#B9E8EE" width="100" height="100" x="0" y="30"/>
      <rect fill="#CCEBEF" width="100" height="100" x="0" y="35"/>
      <rect fill="#CCEBEF" width="100" height="100" x="0" y="40"/>
     	<rect fill="#CCEBEF" width="100" height="100" x="0" y="45"/>
      <rect fill="#BBE5C9" width="100" height="100" x="0" y="50"/>  
      <rect fill="#ABE6BF" width="100" height="100" x="0" y="55"/>
      <rect fill="#98E9B3" width="100" height="100" x="0" y="60"/>
     	<rect fill="#85ECA8" width="100" height="100" x="0" y="65"/>
      <rect fill="#70F09C" width="100" height="100" x="0" y="70"/>
      <rect fill="#5AF18E" width="100" height="100" x="0" y="75"/>
      <rect fill="#49EF82" width="100" height="100" x="0" y="80"/>
     	<rect fill="#35F276" width="100" height="100" x="0" y="85"/>
      <rect fill="#27F06C" width="100" height="100" x="0" y="90"/>
      <rect fill="#17F362" width="100" height="100" x="0" y="95"/>
             
      <circle r="8.75" fill="#FF9C3F" cx="50" cy="12"/>
      <circle r="8.5" fill="#F7DA4E" cx="49" cy="12" />
      
      <path fill="#B1D6BE" 
            d="m6 50 
               a20 30,0,0 1,40 0
               a20 30,0,0 1,40 0
               a20 30,0,0 1,40 0"
            />
       <path fill="#79E19E"
            d="m-15 50 
               a20 20,0,0 1,40 0
               a20 15,0,0 1,40 0
               a20 25,0,0 1,40 0"
            />
       <path fill="#20BE58" stroke="#fff" stroke-width="1" stroke-linecap="butt" stroke-linejoin="round"
            d="m0 55 
               a20 25,0,0 1,40 0
               "
            />    
      <path fill="#04C537" stroke="#fff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m30 55 
               a20 25,0,0 1,40 -10
               a20 15,0,0 1,40 10"
            />
      
      <path fill="#F8FEFA" stroke="#C5FFFE" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
      <animate 
		attributeName="d" 
		values="
		m100 27
				   a2 2,0,0 1,3 -4
               a2 2,0,0 1,8 1.5
               a2 2,0,0 1,4 2.5 z;
		m75 21
		         a2 2,0,0 1,3 -4
               a2 2,0,0 1,8 1.5
               a2 2,0,0 1,4 2.5 z;
      m50 27
		         a2 2,0,0 1,3 -4
               a2 2,0,0 1,8 1.5
               a2 2,0,0 1,4 2.5 z;
       m25 21
		         a2 2,0,0 1,3 -4
               a2 2,0,0 1,8 1.5
               a2 2,0,0 1,4 2.5 z;
       m0 27
		         a2 2,0,0 1,3 -4
               a2 2,0,0 1,8 1.5
               a2 2,0,0 1,4 2.5 z;
		" dur="15s" 
		repeatCount="indefinite" />
</path>
      <path fill="#F8FEFA" stroke="#C5FFFE" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
      <animate 
		attributeName="d" 
		values="
		m0 8
		         a2 2,0,0 1,7 -6
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 6 z;
      m25 12
		         a2 2,0,0 1,7 -6
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 6 z;
      m50 16
		         a2 2,0,0 1,7 -6
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 6 z;
      m75 20
		         a2 2,0,0 1,7 -6
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 6 z;
      m100 24
		         a2 2,0,0 1,7 -6
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 6 z;
		" dur="12s" 
		repeatCount="indefinite" />
</path>
      <path fill="#F8FEFA" stroke="#C5FFFE" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
      <animate 
		attributeName="d" 
		values="
      m100 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 5 z;
      m75 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5 z ;
      m50 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5 z;
      m25 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5z;
      m0 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5 z;
      m-15 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5 z;
      m0 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 5 z;
      m25 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 5 z;
      m50 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5 z;
      m75 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5 z;
      m100 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0 
               a2 2,0,0 1,5 5 z;
      m115 15
		         a2 2,0,0 1,5 -5
               a2 2,0,0 1,15 0
               a2 2,0,0 1,10 0
               a2 2,0,0 1,5 5 z;
		" dur="15s" 
		repeatCount="indefinite" />
</path>
  	   
      
      <path fill="#000000" stroke="#000000" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
            d="m50 50 
               a1 1.2,0,0 1,16 0 z
               a1.3 1,0,0 0,16 0 "
            />
    
     
      <path fill="#FF0000" stroke="#FF0000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m50 50 
               a1 1.2,0,0 1,16 0 z
               a1.3 1,0,0 0,16 0 "
            />
        
       <path fill="#FFBF94" stroke="#FFBF94" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m53.5 54.7 
               a1 0.5,0,0 1,9 0 z
               a3 1,0,0 0,9 0 "
            />
      
      <path fill="#FF0000" stroke="#000000" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round"
            d="m54 41
               a3 1,30,0 1,3 -1
                a5 1,45,0 1,3 0 "
            />
      
      <path fill="#000000" 
            d="m53.9 49.1
               a1 1,30,0 1,4.6 0 z
                a1 1,45,0 0,4.6 0 "
            />
       
      <path fill="#000000" 
            d="m57.6 49.11
               a1 1,30,0 1,4.6 0 z
                a1 1,45,0 0,4.6 0 "
            />
      
      <path fill="#FFFFFF" 
            d="m54 49
               a1 1,30,0 1,4 0 z
                a1 1,45,0 0,4 0 
               "
            />
       
      <path fill="#FFFFFF" 
            d="m58 49
               a1 1,30,0 1,4 0 z
                a1 1,45,0 0,4 0 "
            />
       
      <circle cx="56.5" cy="49" r="1" fill="ิblack" />
       
      <circle cx="59.5" cy="49" r="1" fill="ิblack" />
       
      <circle cx="55.7" cy="49" r="0.3" fill="white" ><animate attributeName="r" values=".15;0.5;.15" dur="2.5s" repeatCount="indefinite" /></circle>
        
      <circle cx="58.7" cy="49" r="0.3" fill="white" ><animate attributeName="r" values=".15;0.5;.15" dur="2.5s" repeatCount="indefinite" /></circle>
      
        <path fill="#000000" 
            d="m57.6 46.9
              v1.4 h6 v-2"
            />
      
        <path fill="#000000" 
            d="m52.6 46.3
              v2 h6 v-1.4 "
            />
       
      	<path fill="#E9CD09" stroke="#000000" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="round"
            d="m56 53
               a1 1.3,0,0 0,4 0 z
                 "
            />
      
        <path fill="#E9CD09" stroke="#000000" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="round"
            d="m55 52.5
              l3 1.5 l3 -1.5 l-3 -3 z"
            />
       
        <path fill="#E9CD09" stroke="#000000" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"
            d="m67 75
              l15 -25 l15 25 z"
            />
       
     
      <path fill="#E9CD09" stroke="#000000" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"
            d="m67 75 
              
               a6 1,0,0 0,30 0"
            />
      
      <path fill="#E9CD09" stroke="#000000" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"
            d="m67 75 
              
               a1.3 10 ,23,0 1,8.4 -2"
            />
        
      <path fill="#E9CD09" stroke="#000000" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"
            d="m89.1 75 
              
               a1.3 10 ,-24,0 1,8 -0"
            />
       
        <path fill="#E9CD09" stroke="#E9CD09" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"
            d="m68.3 75
              l13 -25 l15 25 z"
            />      
       
      <path fill="#F9F0B3" stroke="0" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"
            d="m72 75.7 
               a6 1,0,0 0,20 0 z
                a6 3,0,0 1,20 0"
            />
      
      <path fill="#000000" 
            d="m74.8 67
               a1 1,0,0 1,5.7 0 z
                a1 1,0,0 0,5.7 0 "
            />
       
      <path fill="#000000" 
            d="m83.8 67
               a1 1,0,0 1,5.7 0 z
                a1 1,0,0 0,5.7 0 "
            />
      
      <path fill="#FFFFFF" 
            d="m75.1 67
               a1 1,30,0 1,4.8 0 z
                a1 1,45,0 0,4.8 0 
               "
            />
       
      <path fill="#FFFFFF" 
            d="m84.1 67
               a1 1,30,0 1,4.8 0 z
                a1 1,45,0 0,4.8 0 "
            />
       
      <circle cx="78.5" cy="67" r="1" fill="ิblack" />
       
      <circle cx="85.5" cy="67" r="1" fill="ิblack" />
       
      <circle cx="77.8" cy="66.8" r="0.3" fill="white" />
        
      <circle cx="84.8" cy="66.8" r="0.3" fill="white" />
      
       <path fill="#B6500E" 
            d="m71 64.3
              l1 -2 l10 2 l-1 2  "
            />
        
      	<path fill="#E9CD09" stroke="#000000" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="round"
            d="m78.1 71
               a1 0.6,0,0 0,7.7 0 z
                 "
            />
      
        <path fill="#E9CD09" stroke="#000000" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="round"
            d="m78 71
              l4 -3 l4 3 l-2 -0.5 l-2 2 l-2 -2 z"
            />
       
      <path fill="#000000" stroke="#000000" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
            d="m10 80 
               a1 1.1,0,0 1,40 0 z
               a1.3 1,0,0 0,40 0 "
            />
      
       <path fill="#000000" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m15 91
               a1 1.3,-60,0 1,11 0 z
               a1 1.3,-60,0 0,11 0 "
             />
       
    <circle cx="16" cy="60" r="5.5" stroke="black" stroke-width="0.8" fill="#3AC007" />
       
    <circle cx="35" cy="55" r="5.5" stroke="black" stroke-width="0.8" fill="#3AC007" />
      
      <path fill="#277B08" stroke="#277B08" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
            d="m15 60 
               a1 2,-30,0 1,2 0 z
               a1 1,0,0 0,2 0 "
            />
       
      <path fill="#277B08" stroke="#277B08" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"
            d="m34 55 
               a1 2.5,30,0 1,2 0 z
               a1 1,0,0 0,2 0 "
            />
      
      <path fill="#31A405" stroke="#31A405" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m10 80 
               a1 1.1,0,0 1,40 0 z
               a1.3 1,0,0 0,40 0 "
            />
       
      <path fill="#3AC007" stroke="#3AC007" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m10.3 79.3
               a1 1.1,0,0 1,39 0 z
               a1.3 1,0,0 0,39 0 "
            />
       
      <path fill="#31A405" 
            d="m9.6 78.5
               a1 1,0,0 1,11 0 z
                a1 1,0,0 0,11 0 "
            />
       
      <path fill="#31A405" 
            d="m36 78.5
               a1 1,0,0 1,11 0 z
                a1 1,0,0 0,11 0 "
            />
        
      <path fill="#277B08" 
            d="m10 77
               a1 1,0,0 1,11 0 z
                a1 1,0,0 0,11 0 "
            />
       
      <path fill="#277B08" 
            d="m36 77
               a1 1,0,0 1,11 0 z
                a1 1,0,0 0,11 0 "
            />
      
      <path fill="#FFFFFF" 
            d="m10.8 77
               a1 1,30,0 1,9.6 0 z
                a1 1,45,0 0,9.6 0 
               "
            />
       
      <path fill="#FFFFFF" 
            d="m36.8 77
               a1 1,30,0 1,9.6 0 z
                a1 1,45,0 0,9.6 0 "
            />
       
      <circle cx="15" cy="77" r="1.5" fill="ิblack" />
       
      <circle cx="42.5" cy="77" r="1.5" fill="ิblack" />
       
      <circle cx="77.8" cy="66.8" r="0.3" fill="white" />
        
      <circle cx="84.8" cy="66.8" r="0.3" fill="white" />
      
      <path fill="#31A405" stroke="#31A405" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
            d="m19 80 
               a1 1,0,0 1,17 0 z
               a1.3 1,0,0 0,17 0 "
            />
       
      <path fill="#AAF025" 
            d="m19 80 
               a1 1,0,0 1,17 0 z
               a1.3 1,0,0 0,17 0 "
            />
       
      <ellipse cx="24" cy="79" rx="2" ry="3"
  style="fill:#243505;" />
      
      <ellipse cx="31" cy="79" rx="2" ry="2.5"
  style="fill:#243505;" />
      
     <path fill="#277B08" stroke="#277B08" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m42 69 
               a1 6,-45,0 1,2 0 z
               a1 6,-45,0 0,2 0 "
           />
       
      <path fill="#3AC007" stroke="#3AC007" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m41 69.9
               a1 6,-45,0 1,2 0 z
               a1 6,-45,0 0,2 0 "
               />
       
       <path fill="#277B08" stroke="#277B08" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m14 69 
               a1 6,45,0 1,2 0 z
               a1 6,45,0 0,2 0 "
           />
       
      <path fill="#3AC007" stroke="#3AC007" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m15 69.9
               a1 6,45,0 1,2 0 z
               a1 6,45,0 0,2 0 "
               />
      
       <path fill="#277B08" stroke="#277B08" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m16 91
               a1 1.3,-60,0 1,9 0 z
               a1 1.3,-60,0 0,9 0 "
             />
       
       <path fill="#3AC007" stroke="#3AC007" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"
            d="m16.5 91
               a1 1.3,-60,0 1,8 0 z
               a1 1.3,-60,0 0,8 0 "
             />
        
       <path fill="#243505" stroke="#243505" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"
            d="m18.7 91
               a1 1.3,-60,0 1,3.5 0 z
               a1 1.3,-60,0 0,3.5 0 "
             />
      
       <path fill="#277B08" stroke="#277B08" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m18.7 87
               a1 6,45,0 1,2 0 z
               a1 0,45,0 0,2 0 "
           />
        
       <path fill="#277B08" stroke="#277B08" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m22.7 89
               a1 1,45,0 1,2 0 z
               a1 0,45,0 0,2 0 "
           />
       
      <path fill="#3AC007" stroke="#3AC007" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m21.2 87.6
               a1 6,-45,0 1,2 0 z
               a1 6,-45,0 0,2 0 "
               />
        
      <path fill="#3AC007" stroke="#3AC007" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
            d="m20.6 88
               a1 6,-45,0 1,2 0 z
               a1 6,-45,0 0,2 0 "
               />
      
      <path fill="#79FCFB" stroke="#5EC0E3" stroke-width="1" stroke-linecap="round">
		<animate attributeName="d" values="
				m30,80
				c-10,20 10,20 0,0;
				m30,80
				c10,20 20,10 0,0;
				m30,80
				c-20,0 0,10 0,0;
				m30,80
				c-10,20 10,20 0,0;
				" dur="5s" 
				repeatCount="indefinite" />
</path>
      
      <path fill="#000">
      <animate 
		attributeName="d" 
		values="
		m74 49
               a7 1,30,0 1,1.8 -1
               a6 1,45,0 1,3 0
               a6 1,45,0 1,5 2 z;
		m74 49
               a6 1,30,0 1,1.8 -1
               a6 1,45,0 1,3 0
               a7 1,45,0 1,5 2 z;
      m74 49
               a6 1,30,0 1,1.8 -1
               a5 1,45,0 1,3 0
               a6 1,45,0 1,5 2 z;
      m74 49
               a6 1,30,0 1,1.8 -1
               a5 1,45,0 1,3 0
               a7 1,45,0 1,5 2 z;
		m74 49
               a7 1,30,0 1,1.8 -1
               a5 1,45,0 1,3 0
               a5 1,45,0 1,5 2 z;
      m74 49
               a7 1,30,0 1,1.8 -1
               a6 1,45,0 1,3 0
               a6 1,45,0 1,5 2 z;        
		" dur="1.5s" 
		repeatCount="indefinite" />
</path>
      
      <path fill="#B6500E">
      <animate 
		attributeName="d" 
		values="
		m92.8 64.3
               l-1 -2 l-9.5 2 l1 2 z;
		m92.8 63.4
               l-1 -2 l-9.5 2 l1 2 z;
      m92.8 64
               l-1 -2 l-9.5 2 l1 2 z;        
		" dur="2s" 
		repeatCount="indefinite" />
</path>
      <text  x="55" y="90" fill="white" style="font-size:3.5;">Paraneenipa Songmuang</text>
      <text  x="70" y="95" fill="#E9F869" style="font-size:3;">63070130</text>
</svg>
</body>
</html>