IT BUILDER (Branch 6919)
✨ NOPPANUT KHAMMUEANG
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin: 0; } svg{ background:#80DEEA; width:100%; height: 100%; } .base, .it, .object, .door, .glass{ } </style> </head> <body> <svg viewBox="0 0 200 100"> <defs> <pattern id="isometric" width="10" height="5" viewBox="0 10 5" patternUnits="userSpaceOnUse" x="0" y="0" > <g stroke="#0004" stroke-dasharray="2 1" stroke-width=".25"> <path d="m0,0 v100"/> <path d="m10,0 v100"/> </g> <path d="m5,0 v100" stroke-width=".25" stroke="#0004" stroke-dasharray=".5"/> <g stroke-width=".25" stroke="#0004"> <path d="m0,0 l10,5"/> <path d="m10,0 l-10,5"/> </g> </pattern> <pattern id="grass" width="10%" height="10%" viewBox="0 0 10 10" > <g stroke="black" stroke-width=".25"> <circle r=100 fill="green"/> <path d="m4 10 l2 -5 l2 4 l2 -2 l2 2" fill="green"/> <path d="m0 5 l1 -1 l1 1 l1 -1 l1 1" fill="green"/> <path d="m8 3 l2 -2 l2 2 l1 -1 l1 1" fill="green"/> </g> </pattern> <pattern id="glass" width="100%" height="100%" viewBox="0 0 10 10" > <g stroke="white" stroke-width="1"> <circle r=100 fill="#4fc3f7"/> <path d="m 7 -5 v25" fill="none"/> <path d="m 0 7 l10 6" fill="none"/> </g> </pattern> <pattern id="line" width="20%" height="100%" viewBox="0 0 10 10" > <g stroke="white" stroke-width="1"> <circle r=100 fill="#1e88e5"/> <path d="m 7 -5 v25" fill="none"/> <circle r=13 cx=5 fill="none"/> </g> </pattern> <pattern id="block" width="10%" height="10%" viewBox="0 0 10 10" > <g stroke="white" stroke-width="1"> <circle r=100 fill="#de9400"/> <path d="m 15 0 l-50 25" fill="none"/> <path d="m 0 1 l8 4" fill="none"/> <path d="m 5 5 l8 4" fill="none"/> </g> </pattern> <pattern id="back" width="10%" height="10%" viewBox="0 0 100 100" > <g>stroke="white" stroke-width="1" <circle r=110 cx="50" cy ="90" fill="skyblue"/> <circle r=33 cx="50" cy ="50" fill="skyblue"/> <circle r=33 cx="35" cy ="65" fill="skyblue"/> <circle r=33 cx="65" cy ="65" fill="skyblue"/> <circle r=30 cx="50" cy ="50" fill="white"/> <circle r=30 cx="35" cy ="65" fill="white"/> <circle r=30 cx="65" cy ="65" fill="white"/> <circle r=27 cx="50" cy ="50" fill="skyblue"/> <circle r=27 cx="35" cy ="65" fill="skyblue"/> <circle r=27 cx="65" cy ="65" fill="skyblue"/> <circle r=25 cx="50" cy ="50" fill="white"/> <circle r=25 cx="35" cy ="65" fill="white"/> <circle r=25 cx="65" cy ="65" fill="white"/> <circle r=25 cx="50" cy ="90" fill="skyblue"/> <circle r=33 cx="00" cy ="80" fill="skyblue"/> <circle r=33 cx="-15" cy ="95" fill="skyblue"/> <circle r=33 cx="15" cy ="95" fill="skyblue"/> <circle r=30 cx="00" cy ="80" fill="white"/> <circle r=30 cx="-15" cy ="95" fill="white"/> <circle r=30 cx="15" cy ="95" fill="white"/> <circle r=27 cx="00" cy ="80" fill="skyblue"/> <circle r=27 cx="-15" cy ="95" fill="skyblue"/> <circle r=27 cx="15" cy ="95" fill="skyblue"/> <circle r=25 cx="0" cy ="80" fill="white"/> <circle r=25 cx="-15" cy ="95" fill="white"/> <circle r=25 cx="15" cy ="95" fill="white"/> <circle r=33 cx="100" cy ="80" fill="skyblue"/> <circle r=33 cx="85" cy ="95" fill="skyblue"/> <circle r=33 cx="115" cy ="95" fill="skyblue"/> <circle r=30 cx="100" cy ="80" fill="white"/> <circle r=30 cx="85" cy ="95" fill="white"/> <circle r=30 cx="115" cy ="95" fill="white"/> <circle r=27 cx="100" cy ="80" fill="skyblue"/> <circle r=27 cx="85" cy ="95" fill="skyblue"/> <circle r=27 cx="115" cy ="95" fill="skyblue"/> <circle r=25 cx="100" cy ="80" fill="white"/> <circle r=25 cx="85" cy ="95" fill="white"/> <circle r=25 cx="115" cy ="95" fill="white"/> </g> </pattern> </defs> <rect width=400 height=400 y="-30" x="-50" fill="url(#back)"></rect> <path class=base d="m20 75 L100 115 L180 75 L100 35 z" fill="url(#grass)"></path> <path class=base d="m20 75 v-60 L100 -25 v60 z" fill=none></path> <path class=base d="m180 75 v-60 L100 -25 v60z" fill=none></path> <path class=it d="m100 35 v-50 L160 15 v50 z" fill=#fff9c4></path> <path class=it d="m100 35 v-50 L60 5 v50 z" fill=#fff9c4></path> <path class=it d="m100 35 v-50 L60 5 v50 z" fill=#fff9c4></path> <path class=it d="m60 55 v-50 L80 15 v50 z" fill=#c0c470></path> <ellipse class=it stroke=black rx=20 ry=10 cx=100 cy=56 fill="url(#line)"></ellipse> <path d="m80 38 h40 v20 h-40 z" fill=url(#line)></path> <ellipse class=it rx=20 ry=10 cx=100 cy=39 fill=#fff57f></ellipse> <ellipse class=it rx=20 ry=10 cx=100 cy=36 fill=#c0c470></ellipse> <path class=it d="m60 5 L95 22.5 v25 L60 10 z" fill=#fff59d></path> <path class=it d="m95 22.5 L120 10 v25 L95 47.5 z" fill=#dee65c></path> <path class=it d="m120 10 L145 22.4 v50 L120 60 z" fill=#fff57f></path> <path class=it d="m145 22.5 L160 15 v50 L145 72.5 z" fill=#dee65c></path> <ellipse cx=85 cy=65 rx=2.5 ry=1 fill=#fff9c4></ellipse> <path class=it d="m82.5 51 v14 h5 v-14 z" fill=#dee65c></path> <path class=it d="m145 22.5 L120 10 L95 22.5 L60 5 L100 -15 L160 15 z" fill=#fff9c4></path> <path class=it d="m60 20 L95 37.5 L85 42.5 L40 20 L60 10 z" fill=#fff9c4></path> <path class=it d="m40 20 v10 L85 52.5 v-10 z" fill=#fff59d></path> <path class=it d="m85 52 v-10 L95 37.5 v10 z" fill=#dee65c></path> <path class=it d="m90 5 L110 15 v-20 L90 -15 z" fill=#fff57f></path> <path class=it d="m90 5 v15 l5 2.5 l15 -7.5" fill=#c0c470></path> <!-- เงา--> <path class=it d="m110 15 v-20 L125 -12.5 v20 z" fill=#dee65c></path> <path class=it d="m125 7.5 v5 l-5 -2.5 z" fill=#c0c470></path> <!-- เงา--> <path class=it d="m110 -5 L90 -15 L105 -22.5 L125 -12.5 z" fill=#fff9c4></path> <path class=door d="m105 66 v-11 L118 51 v11" fill=black></path> <path class=door d="m105 66 l10 5 l13 -6.5 l-10 -5" fill=pink></path> <path class=door d="m105 52.5 L115 47.5 L120 50 L110 55 z" fill=#616161></path> <path class=door d="m105 52.5 v2.5 L110 57.5 v-2.5 z" fill=#8f8d89></path> <path class=door d="m110 55 L120 50 v2.5 L110 57.5 z" fill=#616161></path> <path class=door d="m107.5 56.5 v10 L110 67.5 L112.5 66 v-10 L110 57.5 z" fill=#8f8d89></path> <path class=door d="m120 52.5 v10 L117.5 64 L115 62.5 v-7.5 z" fill=#8f8d89></path> <path class=door d="m117.5 63.5 v-10" fill=#fff9c4></path> <path class=door d="m110 67.5 v-10" fill=#fff9c4></path> <path class=door d="m70 50 v10 L55 52.5" fill="black"></path> <path class=door d="m70 60 l-13 6.5 l-10 -5 l13 -6.5 z" fill="pink"></path> <path class=door d="m60 50 v10 L 57.5 61.5 v-10" fill="#616161"></path> <path class=door d="m55 47.5 L60 45 L70 50 L65 52.5 z" fill="#616161"></path> <path class=door d="m55 47.5 v2.5 L65 55 v-2.5 z" fill="#8f8d89"></path> <path class=door d="m65 52.5 L70 50 v2.5 L65 55 z " fill="#616161"></path> <path class=door d="m65 55 v10 L62.5 64 v-10 z" fill="#8f8d89"></path> <path class=door d="m65 55 v10 L67.5 64 v-10 z" fill="#616161"></path> <path class=door d="m55 50 v10 L 57.5 61.5 v-10" fill="#8f8d89"></path> <path class=door d="m110 57.5 v10 l2.5 -1 v-10 z" fill="#616161"></path> <path class=door d="m117.5 54 v10 l2.5 -1.5 v-10 z" fill="#616161"></path> <path class=glass d="m135 57.5 v10 l5 2.5 v-10 z" fill=url(#glass)></path> <path class=glass d="m125 32.5 v10 l5 2.5 v-10 z" fill=url(#glass)></path> <path class=glass d="m125 17.5v10 l5 2.5 v-10 z" fill=url(#glass)></path> <path class=glass d="m135 22.5 v10 l5 2.5 v-10 z" fill=url(#glass)></path> <path class=glass d="m125 52.5 v10 l5 2.5 v-10 z" fill=url(#glass)></path> <path class=glass d="m135 37.5 v10 l5 2.5 v-10 z" fill=url(#glass)></path> <path class=it d="m40 22.5 L85 45 v5 L40 27.5 z" fill="#1e88e5"></path> <path class=it d="m85 45 L120 27.5 v5 L85 50 z" fill="#0d47a1"></path> <path class=it d="m60 10 L95 27.5 v10 L60 20" fill=#1e88e5></path> <path class=it d="m60 15 v1 l35 17.5 v1 l-35 -17.5" fill=white></path> <path class=it d="m60 30 L85 42.5 L95 37.5 L60 20 z" fill=#c0c470></path><!-- เงา--> <path class=it d="m95 37.5 v-10 L110 20 v10 z" fill="#0d47a1"></path> <path class=glass d="m120 3 l-7.5 4 v10 l7.5 -4 z " fill="#0d47a1"></path> <path class=glass d="m120 15 l-7.5 4 v10 l7.5 -4 z " fill="#0d47a1"></path> <path class=it d="m95 32 v1 l15 -7.5 v1 l-15 7.5" fill=white></path> <path class=it d="m113 23.5 v1 l7 -3.5 v1 l-7 3.5" fill=white></path> <path class=it d="m113 12 v1 l7 -3.5 v1 l-7 3.5" fill=white></path> <path class=it d="m40 24 v1 l45 22.5 v1 l-45 -22.5" fill=white></path> <path class=it d="m85 46 v1 l35 -17.5 v1 l-35 17.5" fill=white></path> <path class=object d="m20 75 l65 32.5 l10 -5 l-65 -32.5" fill="url(#block)"></path> <path class=object d="m85 107.5 l15.5 7.5 l80 -40 l-15.5 -7.5 " fill="url(#block)"></path> <path class=object d="m77 62 v7 l25 12 v-7 z" fill="#5e5d5e"></path> <path class=object d="m77 62 l25 12 l8 -4 l-25 -12z" fill="#6e6e6e"></path><path class=object d="m102 74 v7 l8 -4 v-7 z" fill="#545354"></path> <text x=63 y=103 transform-origin="152.5 115" transform="rotate(26, 0, 0)" font-size="2.3"fill="gold">คณะเทคโนโลยีสารสนเทศ</text> <text x=58 y=108 transform-origin="152.5 115" transform="rotate(26, 0, 0)" font-size="1.5" fill="gold">FACULTY OF INFORMATION TECHOLOGY</text> <path class=object d="m62 65 v7 l10 5 v-7 z" fill="#07a609"></path> <path class=object d="m62 65 l10 5 l8 -4 l-10 -5z" fill="#0cb30e"></path> <path class=object d="m72 70 v7 l8 -4 v-7 z" fill=" ##0cb30e"></path> <path class=object d="m69 70 v7 l25 12 v-7 z" fill="#07a609"></path> <path class=object d="m69 70 l25 12 l8 -4 l-25 -12z" fill="#0cb30e"></path> <path class=object d="m94 82 v7 l8 -4 v-7 z" fill="#07a609"></path> <path class=object d="m95 80 v7 l10 5 v-7 z" fill="#07a609"></path> <path class=object d="m95 80 l10 5 l8 -4 l-10 -5z" fill="#14c416"></path> <path class=object d="m105 85 v7 l8 -4 v-7 z" fill=" #009402 "></path> <!-- สระน้ำ--> <path class=object d="m59 80 v5 l20 10 v-5 z" fill="#9e9e9e"></path> <path class=object d="m59 80 l15 -7.5 l20 10 l-15 7.5 z" fill="#616161"></path> <path class=object d="m79 90 v5 l15 -7.5 v-5 z" fill="#616161"></path> <path class=object d="m62 80 l11.5 -5.5 l16.5 8 l-11.5 6" fill=aqua></path> <line stroke=black x1=75 y1=82 x2=75 y2=73 stroke-width=2></line> <ellipse rx=2 ry=1 cx=75 cy=82 fill=black> </ellipse> <ellipse rx=0.7 ry=0.7 cx=75 cy=70 fill=white> <animate attributeName=cx values=75;85 dur=1.6s repeatCount=indefinite></animate> <animate attributeName=cy values=70;85 dur=1.6s repeatCount=indefinite></animate> </ellipse> <ellipse rx=0.7 ry=0.7 cx=75 cy=70 fill=white> <animate attributeName=cx values=75;65 dur=1.3s repeatCount=indefinite></animate> <animate attributeName=cy values=70;85 dur=1.3s repeatCount=indefinite></animate> </ellipse> <ellipse rx=0.7 ry=0.7 cx=75 cy=70 fill=white> <animate attributeName=cx values=75;80 dur=0.5s repeatCount=indefinite></animate> <animate attributeName=cy values=70;80 dur=0.5s repeatCount=indefinite></animate> </ellipse> <ellipse rx=0.5 ry=0.5 cx=75 cy=70 fill=white> <animate attributeName=cx values=75;70 dur=1.6s repeatCount=indefinite></animate> <animate attributeName=cy values=70;80 dur=1.6s repeatCount=indefinite></animate> </ellipse> <ellipse rx=0.5 ry=0.5 cx=75 cy=70 fill=white> <animate attributeName=cx values=75 dur=0.8s repeatCount=indefinite></animate> <animate attributeName=cy values=70;85 dur=0.8s repeatCount=indefinite></animate> </ellipse> <!-- --> <path class=object d="m135 60 l-2 1 l2 1 l2 -1 l-2 -1 v2 " fill="#135"></path> <path class=object d="m135 60 v6 l-2 -1 v-4 l2 1 l2 -1 v4 l-2 1" fill="#135"></path> <path class=object d="m135 60 v25 l-1 -0.5 v-19 l1 0.5 l1 -0.5 v19 l-1 0.5"fill="#135"></path> <path class=object d="m95 80 l-2 1 l2 1 l2 -1 l-2 -1 v2 " fill="#135"></path> <path class=object d="m95 80 v6 l-2 -1 v-4 l2 1 l2 -1 v4 l-2 1" fill="#135"></path> <path class=object d="m95 80 v25 l-1 -0.5 v-19 l1 0.5 l1 -0.5 v19 l-1 0.5" fill="#135"></path> <#circle fill=red r=0.5 cx=120 cy=5></circle> </svg> </body> </html>