Meta Garden

사적이고 시적인 {Meta Garden}에 잘 오셨습니다.

{Meta Garden}은 HTML과 CSS의 메타언어 생성에 관한 프로젝트 입니다.
{Meta Garden}은 HTML과 CSS를 통해 웹에서 이미지가 만들어지는 방식을 조명합니다.



HTML과 CSS를 통해 다양한 꽃을 그리고, 취합해 가상의 정원을 만들어보려고 합니다.

{Meta Garden}은 메타언어 생산에 집중하여 웹 어딘가에 존재하는 가상의 꽃들로 가득한 정원을 상상합니다.

{Meta Garden}은 이미지를 생산하는 방식으로 {구조적 글쓰기}를 제안합니다.
{구조적 글쓰기}란 재생산하고자 하는 대상의 구조를 파악하고 그 과정에서 파생된
데이터를 활용하여 질서를 부여하는 방식을 말합니다.


만약 당신이 꽃을 그린다고 하면
구조를 파악해보는 것도 괜찮을 것 같습니다.

꽃의 줄기, 잎, 꽃잎, 암술과 수술...
그리고 그것들을 나열해 봅니다.

<div id="test" class="flower"> <div class="petal p_common1"></div> <div class="petal2 p_common1"></div> <div class="petal3 p_common2"></div> <div class="petal4 p_common2"></div> <div class="crown c_common1"></div> <div class="crown2 c_common1"></div> <div class="crown3 c_common1"></div> <div class="crown4 c_common1"></div> <div class="crown5 c_common1"></div> <div class="crown6 c_common1"></div> <div class="crown7 c_common1"></div> <div class="crown8 c_common1"></div> <div class="crown9 c_common1"></div> <div class="crown10 c_common1"></div> <div class="crown11 c_common1"></div> <div class="crown12 c_common1"></div> <div class="crown13 c_common1"></div> <div class="crown14 c_common1"></div> <div class="crown15 c_common1"></div> <div class="crown16 c_common1"></div> <div class="crown17 c_common1"></div> <div class="crown18 c_common1"></div> <div class="crown19 c_common1"></div> <div class="lcrown3 c_common2"></div> <div class="lcrown4 c_common2"></div> <div class="lcrown5 c_common2"></div> <div class="lcrown6 c_common2"></div> <div class="lcrown7 c_common2"></div> <div class="lcrown8 c_common2"></div> <div class="lcrown9 c_common2"></div>
<div class="lcrown10 c_common2"></div> <div class="lcrown11 c_common2"></div> <div class="lcrown12 c_common2"></div> <div class="lcrown13 c_common2"></div> <div class="lcrown14 c_common2"></div> <div class="lcrown15 c_common2"></div> <div class="lcrown16 c_common2"></div> <div class="lcrown17 c_common2"></div> <div class="lcrown18 c_common2"></div> <div class="lcrown19 c_common2"></div> <div class="stamen s_common"></div> <div class="stamen_h s_common_h"></div> <div class="stamen2 s_common"></div> <div class="stamen2_h s_common_h"></div> <div class="stamen3 s_common"></div> <div class="stamen3_h s_common_h"></div> <div class="stamen4 s_common"></div> <div class="stamen4_h s_common_h"></div> <div class="stamen5 s_common"></div> <div class="stamen5_h s_common_h"></div> <div class="ovary"></div> <div class="pistil pis_common"></div> <div class="pistil_h pis_common"></div> <div class="pistil2 pis_common"></div> <div class="pistil2_h pis_common"></div> <div class="pistil3 pis_common"></div> <div class="pistil3_h pis_common"></div>