Difference between revisions of "Msc1G2:Group"
From rbse
(48 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | __NOTOC__ | + | __NOTOC__ __NOTITLE__ |
− | __NOTITLE__ | + | |
− | + | ||
<html> | <html> | ||
<style> | <style> | ||
+ | |||
+ | <!----> | ||
div#BANNERCONTAINER { | div#BANNERCONTAINER { | ||
− | |||
width: 850px; | width: 850px; | ||
− | height: | + | height: 120px; |
− | margin: | + | margin-bottom: 5px; |
border: 0px; | border: 0px; | ||
padding: 0px; | padding: 0px; | ||
− | background: | + | background: url(http://rbse.hyperbody.nl/images/5/51/Banner-v1-850-120.jpg); |
} | } | ||
− | + | div#MAINCONTAINER { | |
− | + | width: 850px; | |
− | div# | + | height: 485px; |
− | + | margin-bottom: 5px; | |
+ | border: 0px; | ||
+ | padding: 0px; | ||
+ | background: url(http://rbse.hyperbody.nl/images/b/b3/Main-v1-850.jpg); | ||
+ | background-size: 850px; | ||
+ | } | ||
+ | div#SECTITLE { | ||
+ | width: 830px; | ||
+ | height: 30px; | ||
+ | margin-bottom: 5px; | ||
+ | border: 0px; | ||
+ | padding-left: 20px; | ||
+ | background: black; | ||
+ | font-size: 20px; | ||
+ | color: white; | ||
+ | } | ||
+ | div#PAGEBUTTON { | ||
float: right; | float: right; | ||
− | width: | + | width: 150px; |
height: 30px; | height: 30px; | ||
− | margin: 0px; | + | margin-top: 80px; |
− | background: | + | margin-right: 10px; |
+ | border: 0px; | ||
+ | background: rgba(64,64,64,1); | ||
opacity: 1; | opacity: 1; | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | color:white; | ||
} | } | ||
− | |||
div#SECBUTTON { | div#SECBUTTON { | ||
− | + | width: 150px; | |
− | + | ||
− | width: | + | |
height: 30px; | height: 30px; | ||
− | margin: | + | margin-left: 210px; |
− | background: | + | margin-top: 5px; |
+ | margin-bottom: 5px; | ||
+ | background: rgba(220,220,220,0.75); | ||
opacity: 1; | opacity: 1; | ||
+ | text-align: center; | ||
+ | padding-top:4px; | ||
} | } | ||
− | + | <!----> | |
− | color: | + | div#BANNERCONTAINER a:link { |
+ | color: #BBBBBB; | ||
text-decoration: none; | text-decoration: none; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
− | |||
div#BANNERCONTAINER a:visited { | div#BANNERCONTAINER a:visited { | ||
− | + | color: #BBBBBB; | |
− | color: | + | |
text-decoration: none; | text-decoration: none; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
− | |||
div#BANNERCONTAINER a:active { | div#BANNERCONTAINER a:active { | ||
− | color: | + | color: #FFFFFF; |
text-decoration: none; | text-decoration: none; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
− | |||
div#BANNERCONTAINER a:hover { | div#BANNERCONTAINER a:hover { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | <!----> | ||
+ | |||
+ | div#MAINCONTAINER a:link { | ||
+ | color: #666666; | ||
+ | text-decoration: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | div#MAINCONTAINER a:visited { | ||
+ | color: #666666; | ||
+ | text-decoration: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | div#MAINCONTAINER a:active { | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | div#MAINCONTAINER a:hover { | ||
color: black; | color: black; | ||
text-decoration: none; | text-decoration: none; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
+ | |||
+ | <!----> | ||
</style> | </style> | ||
Line 66: | Line 109: | ||
<div id="BANNERCONTAINER"> | <div id="BANNERCONTAINER"> | ||
− | <div id=" | + | <div id="PAGEBUTTON" align="center"> |
− | + | [[Msc1G2:Group/ms&as|'''MS&AS''']] | |
+ | </div> | ||
+ | <div id="PAGEBUTTON"> | ||
+ | [[Msc1G2:Group/storyboard|'''THE STORYBOARD''']] | ||
+ | </div> | ||
+ | <div id="PAGEBUTTON" align="center"> | ||
+ | [[Msc1G2:Group/project|'''THE PROJECT''']] | ||
+ | </div> | ||
+ | <div id="PAGEBUTTON"> | ||
+ | [[Msc1G2:Group|HOME]] | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="MAINCONTAINER"> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#tgv|tgv]] | ||
+ | </div> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#theshift|the shift]] | ||
+ | </div> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#casestudies|case studies]] | ||
+ | </div> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#scenarios|scenarios]] | ||
+ | </div> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#concepts|the concept]] | ||
+ | </div> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#infosrf|informing]] | ||
+ | </div> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#cn/tpr|circulation]] | ||
+ | </div> | ||
+ | <div id="SECBUTTON"> | ||
+ | [[#reconf|the space]] | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="tgv">THE GREEN VILLAGE</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_tgv_1.jpg | 422px]] | ||
+ | [[File:mid_tgv_2.jpg | 422px]] | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="theshift">THE SHIFT IN EVERYDAY LIFE</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_shift_1.jpg | 422px]] | ||
+ | [[File:mid_shift_2.jpg | 422px]] | ||
+ | [[File:mid_shift_3.jpg | 838px | center]] | ||
+ | [[File:mid_shift_4.jpg | 838px | center]] | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="casestudies">THE CASE STUDIES</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_case_1.jpg | 422px]] | ||
+ | [[File:mid_case_2.jpg | 422px]] | ||
+ | [[File:mid_case_3.jpg | 422px]] | ||
+ | [[File:mid_case_4.jpg | 422px]] | ||
+ | [[File:mid_case_5.jpg | 422px]] | ||
+ | [[File:mid_case_6.jpg | 422px]] | ||
+ | [[File:mid_case_7.jpg | 422px]] | ||
+ | [[File:mid_case_8.jpg | 422px]] | ||
+ | [[File:mid_case_9.jpg | 838px | center]] | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="scenarios">SCENARIOS</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_scen_1.jpg | 422px]] | ||
+ | [[File:mid_scen_2.jpg | 422px]] | ||
+ | [[File:mid_scen_3.jpg | 838px | center]] | ||
+ | [[File:mid_scen_4.jpg | 422px]] | ||
+ | [[File:mid_scen_5.jpg | 422px]] | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="concepts">THE CONCEPT</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_conc_1.jpg | 838px | center]] | ||
+ | [[File:mid_conc_2.jpg | 838px | center]] | ||
+ | [[File:mid_conc_4.jpg | 838px | center]] | ||
+ | [[File:mid_conc_3.jpg | 838px | center]] | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="infosrf">INFORMING THE SURFACE</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_info_1.jpg | 838px | center]] | ||
+ | [[File:mid_info_2.jpg | 838px | center]] | ||
+ | [[File:mid_info_3.jpg | 838px | center]] | ||
+ | |||
+ | [[File:mid_info_14.gif | 500x403px | center]] | ||
+ | |||
+ | {{#slideshow: | ||
+ | <div>[[File:mid_info_4.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_5.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_6.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_7.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_8.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_9.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_10.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_11.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_12.jpg | 850px | center]]</div> | ||
+ | <div>[[File:mid_info_13.jpg | 850px | center]]</div> | ||
+ | |sequence=forward transition=fade refresh=2000 | ||
+ | }} | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="cn/tpr">CIRCULATION / NETWORK / THE PUBLIC REALM</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_circ_1.jpg | 838px]] | ||
+ | [[File:mid_circ_2.jpg | 838px]] | ||
+ | |||
+ | <div id="SECTITLE"> | ||
+ | <span id="reconf">RECONFIGURABILITY OF THE SPACE</span> | ||
+ | </div> | ||
+ | |||
+ | [[File:mid_space_5.jpg | 838px]] | ||
+ | [[File:mid_space_1.jpg | 838px]] | ||
+ | [[File:mid_space_2.jpg | 838px]] | ||
+ | [[File:mid_space_3.jpg | 838px]] | ||
+ | [[File:mid_space_4.jpg | 838px]] |
Latest revision as of 03:38, 3 February 2017
THE GREEN VILLAGE
THE SHIFT IN EVERYDAY LIFE
THE CASE STUDIES
SCENARIOS
THE CONCEPT
INFORMING THE SURFACE
CIRCULATION / NETWORK / THE PUBLIC REALM
RECONFIGURABILITY OF THE SPACE