Hello World! (Branch 8083)

✨ นางสาวณัฐณิชา โล่ห์ชาวนา

<html>
<head><title>อั้ม ณัฐณิชา โล่ห์ชาวนา (63070050)</title></head>
<style>
body{
	margin:0;
  	background:linear-gradient(#e66465, #9198e5); 
}
  svg{
	width:100%;
  	animation:colorr;
  	animation-duration: 10s;
  	animation-iteration-count: infinite;
  	transition: transform 5s;
  }
@keyframes colorr {
  0%   {background-color:#E66465;}
  25% {background-color:#9198e5;}
  50% {background-color:#E66465;}
  75% {background-color:#9198e5;}
}
  svg:hover path{
    	stroke:salmon;
  		stroke-width: 0.2%;
    	transform: scale(1.2);

}
  </style>
<body>
 <svg viewBox="0 0 40 40">
  <pattern id="Bowxbird"
                 viewBox="0 0 10 10"
                 patternUnits="userSpaceOnUse"
                 x="0" y="0"
                 width="10"height="10">
      <path stroke="#F9A825" fill="white"
                stroke-linejoin="square">
            	<animate attributeName="d" values="
                M4,4, L4.5,3 L5,4 M5,4 L6,4.5 L5,5;
            	 M4,3, L4.5,3 L5,4 M5,4 L6,4.5 L6,5;
                M4,4, L4.5,3 L5,4 M5,4 L6,4.5 L5,5;" dur="3s" repeatCount="indefinite"/></path>
    </pattern>
   <rect fill="url(#Bowxbird)" 
            width=100 height="100"/>
   <g transform="translate(8.5,9.2)">
  
	<path d="M2,5, L5,2, L4,5"
         fill="#54025a"></path>
  
  <path d="M4,5, L5,2, L7,5"
         fill="#9153b8"></path>
  
  <path d="M7,5, L5,2, L8,3"
         fill="#54025a"></path>
  
  <path d="M7,5, L8,3, L11,6"
         fill="#9153b8"></path>
  
  <path d="M11,6 , L8,3, L11,5"
         fill="#54025a"></path>
  
  <path d="M11,6, L11,5, L14,3"
         fill="#54025a"></path>
  
  <path d="M11,6 , L14,3, L15,5"
         fill="#9153b8"></path>
  
  <path d="M15,5, L14,3, L16,2"
         fill="#54025a"></path>
  
  <path d="M15,5, L16,2, L18,5"
         fill="#9153b8"></path>
  
  <path d="M18,5 , L16,2, L20,5"
         fill="#54025a"></path>
  
  <path d="M1,10 , L2,5, L4,9"
         fill="#75209b"></path>
  
  <path d="M3,7, L2,5, L4,5"
         fill="#9153b8"></path>
  
  <path d="M4,9 , L3,7, L4,5"
         fill="#54025a"></path>
  
  <path d="M4,9 , L4,5, L7,5"
         fill="#54028a"></path>
  
  <path d="M4,9 , L6.26,6, L7,8"
         fill="#9153b8e"></path>
  
  <path d="M7,8, L6.26,6, L7,5"
         fill="#54025a"></path>
  
  <path d="M7,8 , L7,5, L11,10"
         fill="#9153b8"></path>
  
  <path d="M11,10 , L7,5, L11,6"
         fill="#54028a"></path>
  
  <path d="M11,10, L11,6, L15,5"
         fill="#54028a"></path>
  
  <path d="M11,10 , L15,5, L15,8"
         fill="#9153b8"></path>
  
  <path d="M15,8 , L15,5 , L16,6"
         fill="#54025a"></path>
  
  <path d="M15,8 , L16,6, L18,9"
         fill="black"></path>
  
  <path d="M18,9 , L15,5, L18,5"
         fill="#54028a"></path>
  
  <path d="M18,9 , L18,5, L19,7"
         fill="#54025a"></path>
  
  <path d="M19,7 , L18,5, L20,5"
         fill="#9153b8"></path>
  
  <path d="M18,9 , L20,5, L21,10"
         fill="#75209b"></path>
  
  <path d="M3,15 , L1,10, L4,9"
         fill="#54025a"></path>
  
  <path d="M3,15 , L4,9, L7,17"
         fill="#9153b8"></path>
  
  <path d="M7,17 , L4,9, L11,19"
         fill="#9153b8k"></path>
  
  <path d="M4,9 , L7,8, L11,19"
         fill="#54028a"></path>
   
  <path d="M7,8 , L11,10, L9.54,15"
         fill="#75209b"></path>
  
  <path d="M9.54,15 , L11,10, L11,19"
         fill="#9153b8"></path>
  
  <path d="M11,19 , L11,10, L12.45,15"
         fill="#54025a"></path>
  
  <path d="M12.45,15 , L11,10, L15,8"
         fill="#75209b"></path>
	
  <path d="M15,8 , L18,9, L11,19"
         fill="#54028a"></path>
  
  <path d="M11,19 , L18,9, L15,17"
         fill="w#9153b8"></path>
  
  <path d="M15,17 , L18,9, L19,15"
         fill="#9153b8"></path>
  
  <path d="M19,15 , L18,9, L21,10"
         fill="#54025a"></path>
  
  <path d="M8,18.5 , L3,15, L7,17"
         fill="#54025a"></path>
  
  <path d="M8,18.5 , L7,17, L11,19"
         fill="#9153b8"></path>
  
  <path d="M8,18.5 , L11,19, L11,20"
         fill="#54025a"></path>
  
  <path d="M11,20 , L11,19, L14,18.5"
         fill="#54025a"></path>
  
  <path d="M11,19 , L15,17, L14,18.5"
         fill="#9153b8"></path>
  
  <path d="M14,18.5 , L15,17, L19,15"
         fill="#54025a"></path>
     </g>
   
</svg>

</body>

</html>