'%3e%3cg%20transform='matrix(1,0,0,1,1197.88,134.832)'%3e%3cpath%20d='M760,1101.37L760,1160L800,1160C805.502,1186.71%20830.23,1199.36%20840,1200L620,1200L600,1160L720,1160L720,1108.67C724.948,1110.6%20736.884,1113.3%20754.056,1104.53C756.071,1103.5%20758.056,1102.44%20760,1101.37ZM714.07,1100L660,1100L640,1060L730.837,1060C714.536,1077.93%20713.473,1093.15%20714.07,1100Z'%20style='fill:rgb(67,65,62);'/%3e%3c/g%3e%3cg%20transform='matrix(0.967944,0,0,0.967944,1220.62,172.897)'%3e%3cpath%20d='M720.88,1099.47C720.88,1099.47%20719.617,1085.84%20742.673,1074.88C770.736,1061.54%20794.732,1069.21%20794.732,1069.21C794.732,1069.21%20775.66,1084.55%20752.713,1096.26C732.674,1106.49%20720.88,1099.47%20720.88,1099.47Z'%20style='fill:rgb(175,174,173);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,-2.12262,293.983)'%3e%3cpath%20d='M1922.39,925.401C1924.68,919.023%201929.02,911.323%201937.06,902.981C1958.83,880.385%201988,875.851%201988,875.851C1988,875.851%201986.31,889.525%201977.98,905.781C1967.94,905.411%201954.04,906.788%201939.04,913.916C1931.33,917.576%201926.03,921.566%201922.39,925.401Z'%20style='fill:rgb(123,123,123);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,1127.88,134.832)'%3e%3cpath%20d='M961.191,1060.54C960.198,1060.18%20959.15,1060%20958.094,1060L900,1060L900,1120L940,1120L940,1100L972.415,1100C972.415,1100%20970.025,1079.54%20968.801,1069.07C968.369,1065.38%20965.888,1062.24%20962.391,1060.98C961.96,1060.82%20961.552,1060.67%20961.191,1060.54ZM988.064,1100L1020,1100C1020,1100%201019.36,1185.93%20950,1200C997.273,1217.88%201059.3,1160.06%201060.01,1100C1060.01,1100%201060.12,1074.83%201060,1060L1014.87,1060C1010.94,1060%201007.35,1062.2%201005.56,1065.7C999.925,1076.75%20988.064,1100%20988.064,1100Z'%20style='fill:rgb(67,65,62);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,487.877,134.834)'%3e%3cpath%20d='M1621.43,1090.99L1660.2,1015L1580,1042.23L1617,1054L1621.43,1090.99Z'%20style='fill:rgb(123,123,123);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,1127.88,134.832)'%3e%3cpath%20d='M1270,1060C1270,1060%201270.42,1130.67%201210,1130C1212.57,1118.6%201215.87,1108.61%201219.83,1100C1231.44,1074.73%201248.73,1061.46%201270,1060Z'%20style='fill:rgb(123,123,123);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,487.877,134.834)'%3e%3cpath%20d='M1851.08,1100L1750,1100L1730,1060L1883.25,1060C1870.93,1067.24%201860.5,1079.38%201852.56,1096.66C1852.06,1097.75%201851.56,1098.86%201851.08,1100Z'%20style='fill:rgb(67,65,62);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,1127.88,134.832)'%3e%3cpath%20d='M1150,1110L1190,1110C1190,1110%201186.9,1203.83%201125,1203.3C1125,1203.3%201147.13,1183.33%201150,1110Z'%20style='fill:rgb(67,65,62);'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
School Festival '22
The official website for the online school festival 2022 - project sunrise internally - was my second work for school festivals.
Different from the previous year,
1) Used Nuxt.js and Tailwind CSS, and the overall quality was significantly improved.
2) The website was designed to be more interactive and fun, to convey the atmosphere of the school festival.
3) The prototype was created in Figma to achieve more consistent design.
'%3e%3cg%20transform='matrix(1,0,0,1,1200,-159.152)'%3e%3cpath%20d='M760,1101.37L760,1160L800,1160C805.502,1186.71%20830.23,1199.36%20840,1200L620,1200L600,1160L720,1160L720,1108.67C724.948,1110.6%20736.884,1113.3%20754.056,1104.53C756.071,1103.5%20758.056,1102.44%20760,1101.37ZM714.07,1100L660,1100L640,1060L730.837,1060C714.536,1077.93%20713.473,1093.15%20714.07,1100Z'%20style='fill:rgb(245,245,245);'/%3e%3c/g%3e%3cg%20transform='matrix(0.967944,0,0,0.967944,1222.74,-121.086)'%3e%3cpath%20d='M720.88,1099.47C720.88,1099.47%20719.617,1085.84%20742.673,1074.88C770.736,1061.54%20794.732,1069.21%20794.732,1069.21C794.732,1069.21%20775.66,1084.55%20752.713,1096.26C732.674,1106.49%20720.88,1099.47%20720.88,1099.47Z'%20style='fill:rgb(123,123,123);'/%3e%3c/g%3e%3cpath%20d='M1922.39,925.401C1924.68,919.023%201929.02,911.323%201937.06,902.981C1958.83,880.385%201988,875.851%201988,875.851C1988,875.851%201986.31,889.525%201977.98,905.781C1967.94,905.411%201954.04,906.788%201939.04,913.916C1931.33,917.576%201926.03,921.566%201922.39,925.401Z'%20style='fill:rgb(175,174,173);'/%3e%3cg%20transform='matrix(1,0,0,1,1130,-159.152)'%3e%3cpath%20d='M961.191,1060.54C960.198,1060.18%20959.15,1060%20958.094,1060L900,1060L900,1120L940,1120L940,1100L972.415,1100C972.415,1100%20970.025,1079.54%20968.801,1069.07C968.369,1065.38%20965.888,1062.24%20962.391,1060.98C961.96,1060.82%20961.552,1060.67%20961.191,1060.54ZM988.064,1100L1020,1100C1020,1100%201019.36,1185.93%20950,1200C997.273,1217.88%201059.3,1160.06%201060.01,1100C1060.01,1100%201060.12,1074.83%201060,1060L1014.87,1060C1010.94,1060%201007.35,1062.2%201005.56,1065.7C999.925,1076.75%20988.064,1100%20988.064,1100Z'%20style='fill:rgb(245,245,245);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,490,-159.149)'%3e%3cpath%20d='M1621.43,1090.99L1660.2,1015L1580,1042.23L1617,1054L1621.43,1090.99Z'%20style='fill:rgb(175,174,173);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,1130,-159.152)'%3e%3cpath%20d='M1270,1060C1270,1060%201270.42,1130.67%201210,1130C1212.57,1118.6%201215.87,1108.61%201219.83,1100C1231.44,1074.73%201248.73,1061.46%201270,1060Z'%20style='fill:rgb(175,174,173);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,490,-159.149)'%3e%3cpath%20d='M1851.08,1100L1750,1100L1730,1060L1883.25,1060C1870.93,1067.24%201860.5,1079.38%201852.56,1096.66C1852.06,1097.75%201851.56,1098.86%201851.08,1100Z'%20style='fill:rgb(245,245,245);'/%3e%3c/g%3e%3cg%20transform='matrix(1,0,0,1,1130,-159.152)'%3e%3cpath%20d='M1150,1110L1190,1110C1190,1110%201186.9,1203.83%201125,1203.3C1125,1203.3%201147.13,1183.33%201150,1110Z'%20style='fill:rgb(245,245,245);'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)