Yunn
云
[class=header]
height:20px;
background:white;
line-height:20px;
font-family:Karla;
padding:5px;
color:darkgray;
border:1px solid #eee;
[/class]
[class=body]
background-image:URL(https://static.tumblr.com/8d769ab5d7849f5b8a100b8737950479/jz8vd3s/82xnldbgw/tumblr_static_filename_640_v2.jpg);
background-size:100%;
border:1px solid #eee;
height:450px;
[/class]
[CLASS=page]
font-family:Karla;
font-size:11px;
height:440px;
[/class]
[CLASS=mainpage]
font-family:Karla;
font-size:11px;
height:355px;
background:#eee;
padding:5px;
[/class]
[class=main1]
height:440px;
width:100%;
text-align:center;
font-size:60px;
line-height:12px;
position:relative;
[/class]
[class=main11]
font-size:16px;
font-variant:small-caps;
letter-spacing:4px;
text-align:justify;
background:rgba(255, 255, 255, 0.3);
color:white;
text-shadow:1px 1px 1px gray;
line-height:12px;
padding:5px;
border:1px solid #eee;
[/class]
[class=main2]
height:380px;
padding:25px;
[/class]
[class=program1]
height:380px;
padding:25px;
[/class]
[class=organ1]
height:380px;
padding:25px;
[/class]
[class=maindown]
height:20px;
width:20px;
line-height:20px;
padding:5px;
font-size:20px;
margin:auto;
border-radius:50px;
color:white;
border:1px solid white;
cursor:crosshair;
[/class]
[class=mainexit]
float:right;
cursor:pointer;
margin-top:-20px;
[/class]
[script class=maindown on=click]
slideUp 1000 main1
[/script]
[script class=mainexit on=click]
slideDown 1000 main1
[/script]
[class=tabs]
color: LIGHTGRAY;
font-size: 12px
padding:5px;
margin:3px auto;
width: 100%;
float:left;
[/class]
[class=tab]
cursor: crosshair;
display:inline;
line-height:20px;
padding:5px;
width: 20%;
font-size:11px;
[/class]
[class=tab1]
cursor: crosshair;
display:inline;
line-height:20px;
padding:5px;
width: 20%;
font-size:11px;
[/class]
[class=tab2]
cursor: crosshair;
display:inline;
line-height:20px;
padding:5px;
width: 20%;
font-size:11px;
[/class]
[class=tab3]
cursor: crosshair;
display:inline;
line-height:20px;
padding:5px;
width: 20%;
font-size:11px;
[/class]
[class name=tab state=hover]
color:powderblue;
[/class]
[script class=tabsContent]
[/script]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} MAIN) (show tabsContentMAIN) (fadeIn 200 tabsContentABOUT)
if (eq ${currentTab} PROGRAMS) (show tabsContentPROGRAMS)
if (eq ${currentTab} ORGANIZATIONS) (show tabsContentORGANIZATIONS)
[/script]
[script class=tab1 on=click]
hide tabsContent
show tabsContentMAIN
set currentTab (getText)
if (eq ${currentTab} ABOUT) (show tabsContentABOUT)
if (eq ${currentTab} HISTORY) (show tabsContentHISTORY)
if (eq ${currentTab} SCHOOL-LIFE) (show tabsContentSCHOOL)
[/script]
[script class=tab2 on=click]
hide tabsContent
show tabsContentPROGRAMS
set currentTab (getText)
if (eq ${currentTab} OVERVIEW) (show tabsContentOVERVIEW)
if (eq ${currentTab} VISUAL) (show tabsContentVISUAL)
if (eq ${currentTab} PERFORMING) (show tabsContentPERFORMING)
if (eq ${currentTab} LIBERAL) (show tabsContentLIBERAL)
if (eq ${currentTab} CULINARY) (show tabsContentCULINARY)
[/script]
[div style="margin:auto;
width:100%;
height:470px;
overflow:hidden;"]
[div class=header][div style="float:left;"]INSAEDU[/div]
[div style="float:right"]
[div class=tabs][div class=tab]MAIN[/div]
[div class=tab]PROGRAMS[/div]
[div class=tab]ORGANIZATIONS[/div][/div]
[/div][/div]
[div class=body]
[div class="tabsContent tabsContentMAIN"][div class=page]
[div class=maindown] [/div][/div]
[div class=main2]
[div style="font-family:Montserrat; line-height:12px; margin:auto; POSITION:relative; top:-10px;"]
[/div]
[/div][/DIV]
[/div][/div][/div]
[div class="tabsContent tabsContentPROGRAMS" style="display: none;"][div class=page][div class=program1]
[div class=main1]
insa school of arts
[div class=main11] art brings no societal value. art serves no purpose other than itself. maybe that is why it gives value to society.
[div class=maindown] [/div]
[div class=tabs style="margin-top:-3px;color:gray;float:left;"][div class=tab1]ABOUT
[div class=tab1]HISTORY[/div]
[div class=tab1]SCHOOL-LIFE[/div][/div]
[div class=mainexit]X[/div]
[/div]
[div class="tabsContent tabsContentABOUT" style="BACKGROUND:white;height:365px;"][div class=mainpage style="font-family:Montserrat;
line-height:12px;
margin:auto;"]
[/div]
[div class="tabsContent tabsContentHISTORY" style="display: none;BACKGROUND:white;height:365px;"][div class=mainpage]The school started off in the late 19th century under Mugunghwa Institute as a vocational school for women which taught them the following: embroidery, pottery, and calligraphy. However, under japanese rule the school deviated its original purpose and became a co ed secondary school which replaced its heavy emphasis on prior vocational skills and focused more on Korean language, Japanese, arithmetic, etcetera. Ultimately the school closed down in 1939 due to war but quickly reopened after liberation in 1947.
The school was still a tertiary leveled school and had its difficulties with a small number of funds due to government goals of providing all children of education up till the 6th grade. The school mainly relied on donations from private sponsors and kept their expenses to a minimum. It was only until a couple years down the road where most children attended primary school did the institute gain more students, more support from the government, as well as donations from previous alumni.
Soon the campus became too small to house all these students and in 1987 they had used their growing funds to build a small town campus on the side of the Insa district of Seoul and had renamed the institute Insa School of Arts.
[/div][/div]
[div class="tabsContent tabsContentSCHOOL" style="display: none;BACKGROUND:white;height:365px;"][div class=mainpage]
The school was still a tertiary leveled school and had its difficulties with a small number of funds due to government goals of providing all children of education up till the 6th grade. The school mainly relied on donations from private sponsors and kept their expenses to a minimum. It was only until a couple years down the road where most children attended primary school did the institute gain more students, more support from the government, as well as donations from previous alumni.
Soon the campus became too small to house all these students and in 1987 they had used their growing funds to build a small town campus on the side of the Insa district of Seoul and had renamed the institute Insa School of Arts.
Rather than just a boarding school Insa High has become something bigger in scale and has become comparable to a university town with many buildings in the area owned by the school which includes its educational institutions as well as housing options and businesses.
All students are expected to attend general classes in the morning while first years will attend more personalized classes lining up to their supposed specialization. Once students enter their second year while morning classes are still required, the number of personal classes will decrease leaving more spare time for students. Finally, when it's their third-year personal classes aren't required and it is expected for students to work on outside projects and get hands-on experience.
[/div][/div]
All students are expected to attend general classes in the morning while first years will attend more personalized classes lining up to their supposed specialization. Once students enter their second year while morning classes are still required, the number of personal classes will decrease leaving more spare time for students. Finally, when it's their third-year personal classes aren't required and it is expected for students to work on outside projects and get hands-on experience.
[div style="font-family:Montserrat; line-height:12px; margin:auto; POSITION:relative; top:-10px;"]
[div class=tabs style="margin-top:-3px;color:gray;float:left;"][div class=tab2]OVERVIEW
[div class=tab2]VISUAL[/div]
[div class=tab2]PERFORMING[/div]
[div class=tab2]LIBERAL[/div]
[div class=tab2]CULINARY[/div][/div]
[div class=mainexit]X[/div]
[/div]
[div class=mainpage]
[div class="tabsContent tabsContentOVERVIEW" style="BACKGROUND:white;height:360px;position:relative;top:-363px;"][div class=mainpage style="
line-height:12px;
margin:auto;
height:350px;"]
overview WIP
overview WIP
[/div][/div][/div]
[div class="tabsContent tabsContentVISUAL" style="display: none;BACKGROUND:white;height:365px;position:relative;top:-365px;"][div class=mainpage]
VISUAL ARTS WIP
[/div][/div]
[div class="tabsContent tabsContentPERFORMING" style="display: none;BACKGROUND:white;height:365px;position:relative;top:-365px;"][div class=mainpage]
PERFORMING ARTS WIP
[/div][/div]
[div class="tabsContent tabsContentLIBERAL" style="display: none;BACKGROUND:white;height:365px;position:relative;top:-365px;"][div class=mainpage]
LIBERAL ARTS WIP
[/div][/div]
[div class="tabsContent tabsContentCULINARY" style="display: none;BACKGROUND:white;height:365px;position:relative;top:-365px;"][div class=mainpage]
CULINARY ARTS WIP
[/div][/div]
[/div][/div][/div]
[div class="tabsContent tabsContentORGANIZATIONS" style="display: none;"]
[div class=page][div class=program1]
[div class=tabs style="margin-top:-3px;color:gray;float:left;"][div class=tab2]ORGANIZATIONS
[/div][/div]
[div class=mainpage]
[/div][/div][/div][/div]
[/div]
[/div]overview WIP
Last edited:
