|
|
| Line 1: |
Line 1: |
| | + | __NOTOC__ __NOTITLE__ |
| | + | <div style="width: 850px; height: 478px; margin: 0; padding: 0px; overflow: hidden;"> |
| | + | [[File:Sample_image.png|850px]] |
| | + | </div> |
| | | | |
| − | <div style="height:30px; width: 100%; padding-top: 5px; border-bottom:1px solid #aaa;"> | + | <div style="height:30px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;"> |
| | | | |
| − | <div style="float:left; width: 270px; height: 15px; margin-right: 0px;" align="center"> | + | <div style="float:left; width: 270px; height 30px; border: 1px solid #aaa; margin-right:17px; " align="center"> |
| − | <html><font face="arial narrow" size="2" colour="#aaa" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:Challenge">Challenge</a></font></html>
| + | [[project1:challenge |'''Challenge''']] |
| − | </div>
| + | </div> |
| | | | |
| − | <div style="float:left; width: 10px; height : 15px; margin-top: 5px; margin-right: 6px; border-right:1px solid #aaa;" align="center"></div> | + | <div style="float:left; width: 270px; height 30px; border: 1px solid #aaa; margin-right:17px;" align="center"> |
| | + | [[project1:prototype |'''Prototype''']] |
| | + | </div> |
| | | | |
| − | <div style="float: left; width: 270px; height : 15px; margin-right: 0px;" align="center"> | + | <div style="float:right; width: 270px; height 30px; border: 1px solid #aaa; " align="center"> |
| − | <html><font face="arial narrow" size="2" colour="#aaa" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:prototype">Prototype</a></font></html>
| + | [[project17:project |'''Project''']] |
| − | </div>
| + | </div> |
| | | | |
| − | <div style="float:left; width: 10px; height: 15px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
| |
| − |
| |
| − | <div style="float:right; width: 270px; height: 15px;" align="center">
| |
| − | <html><font face="arial narrow" size="2" colour="#aaa" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:response">Project</a></font></html>
| |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − | <div style="width: 850px; height: 420px; margin-top: 50px; padding: 0px; border-bottom:1px solid #aaa; overflow: hidden;"> | + | <div style="width: 850px; height: 550px; margin: 0px; padding: 0px; padding-top: 20px; overflow: hidden;"> |
| − | <div style="float:right; width: 280px; height: 395px; margin: 0px; padding: 0px; overflow: hidden;"> | + | |
| | + | <div style="float:right; width: 278px; height: 550px; margin: 0px; padding: 0px; overflow: hidden;"> |
| | <html> | | <html> |
| − | <iframe width="280" height="395" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" border="1px solid green" | + | <iframe width="280" height="545" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" |
| − | src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe>
| + | src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe> |
| | </html> | | </html> |
| − | </div>
| |
| − |
| |
| − | <div style="float:left; width: 560px; height: 395px; margin: 0;">
| |
| − | {{#slideshow:
| |
| − | <div>[[Image:Project12_Final_Cover_Page.jpg|560px]]</div>
| |
| − | <div>[[Image:Project12_Final_Cover_Page_02.jpg|560px]]</div>
| |
| − | <div>[[Image:Project12_Final_Cover_Page_04.jpg|560px]]</div>
| |
| − | <div>[[Image:Project12_Final_Cover_Page_05.jpg|560px]]</div>
| |
| − | <div>[[Image:Project12_Final_Cover_Page_06.jpg|560px]]</div>
| |
| − | |id=bar1 sequence=forward transition=fade refresh=3000
| |
| − | }}
| |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − | <div style="height: 200px; width: 100%; padding-top: 5px;"> | + | <div style="width: 560px; height: 550px; margin: 0px; padding: 0px; overflow: hidden;"> |
| − | <div style="float:left; width: 270px; margin-right:0px;">
| + | ==Project name== |
| | + | author(s):[[User:Linus|Lihuang Linus Tan]] |
| | | | |
| − | <font face="arial narrow" size="4" style="letter-spacing:2px">Challenge</font>
| + | ==Summary== |
| − | <br>
| + | |
| − | <hr><hr>
| + | |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase I in 60 words.</font>
| + | |
| | | | |
| − | </div>
| + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac lobortis nibh. Sed et lectus et dolor convallis sagittis id a sem. Nulla interdum nunc et urna hendrerit at pellentesque risus convallis. Proin a turpis nunc, eu tincidunt arcu. Etiam magna turpis, facilisis id placerat et, congue eu nisi. Vivamus euismod nulla id elit laoreet placerat eu eu nisi. Morbi id libero quam, nec rhoncus diam. |
| − | <div style="float:left; width: 10px; height:195px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
| + | |
| − | <div style="float:left; width: 270px; margin-right:0px;">
| + | |
| | | | |
| − | <font face="arial narrow" size="4" style="letter-spacing:2px">Prototype</font>
| + | Fusce cursus turpis feugiat odio consectetur consequat. Donec lacinia velit a orci posuere condimentum. Proin interdum sem sodales velit iaculis a consequat risus faucibus. Suspendisse quam odio, consequat a porta nec, varius eu arcu. Proin erat dui, vestibulum id rhoncus venenatis, porta ut eros. Pellentesque at libero nec turpis scelerisque feugiat id in risus. Proin sollicitudin dapibus nibh, quis adipiscing nisi aliquam id. Pellentesque habitant morbi. |
| − | <br>
| + | |
| − | <hr><hr>
| + | |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase II in 60 words.</font>
| + | |
| | | | |
| − | </div>
| + | Cras non dolor ipsum, commodo mattis velit. Duis a augue enim. Cras aliquet augue vitae libero rutrum congue bibendum urna cursus. Sed posuere felis sed ante suscipit consequat. Nullam pretium interdum ultricies. Morbi dignissim congue pulvinar. Mauris tincidunt, tellus at suscipit aliquam, nisl lacus pellentesque odio, pretium consectetur nisl neque in velit. Nunc hendrerit dolor at nibh porttitor eget faucibus augue malesuada. Ut venenatis consequat metus. |
| − | <div style="float:left; width: 10px; height:195px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
| + | |
| − | <div style="float:right; width: 270px;">
| + | |
| | | | |
| − | <font face="arial narrow" size="4" style="letter-spacing:2px">Project</font>
| + | ==Connections== |
| − | <br>
| + | [[project04|04Sjors]] |
| − | <hr><hr>
| + | |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase III in 60 words.</font>
| + | |
| | | | |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − |
| |
| − | <div style="height:160px; width: 100%; margin:0px; padding-top: 20px; border-top:1px solid #aaa;">
| |
| − | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| |
| − |
| |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE ONE<br>(AERIAL VIEW - DAY FESTIVAL?)</div>
| |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Kunststad - Day</font>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| |
| − | <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
| |
| − |
| |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE TWO<br>(AERIAL VIEW - NIGHT NORMAL?)</div>
| |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Kunststad - Night</font>
| |
| − |
| |
| − | </div>
| |
| − | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| |
| − | <div style="float:right; width: 270px; height: 20px;" align="center">
| |
| − |
| |
| − | <div style="height:122px; margin-bottom-5px;">[[File:Project12_Final_Image_2.jpg|270px]]</div>
| |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Studio space - Desk area</font>
| |
| − |
| |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − | <div style="height:160px; width: 100%; padding-top: 20px;"> | + | <div style="height:152px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; overflow: hidden;"> |
| − | <div style="float:left; width: 270px; height : 180px; margin-right:0px;" align="center"> | + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
| − | | + | IMAGE ONE - AERIAL VIEW Kunststad Day |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE FOUR</div>
| + | </div> |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Studio space - Storage area</font>
| + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
| − | | + | [[File:Project12_Final_Image_2.jpg|270px]] |
| − | </div>
| + | </div> |
| − | | + | <div style="float:left; width: 270px; height 152px; border:0px;" align="center"> |
| − | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | IMAGE THREE - AUTOMATED SYSTEM |
| − | <div style="float:left; width: 270px; height : 180px; margin-right:0px;" align="center"> | + | </div> |
| − | | + | |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE FIVE</div>
| + | |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Connected with workshops</font>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div style="float:left; width: 17px; height : 160px; " align="center"></div> | + | |
| − | <div style="float:right; width: 270px; height: 20px;" align="center">
| + | |
| − | | + | |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE SIX</div>
| + | |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Connecting with display areas</font>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| − | <div style="height:160px; width: 100%; padding-top: 20px;"> | + | <div style="height:152px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; overflow: hidden;"> |
| − | <div style="float:left; width: 270px; height : 180px; margin-right:0px;" align="center"> | + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
| − | | + | IMAGE FOUR - CONNECTION TO WORKSHOP |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE SEVEN</div>
| + | </div> |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Facade in motion</font>
| + | <div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
| − | | + | IMAGE FIVE - FACADE IN MOTION |
| − | </div>
| + | </div> |
| − | | + | <div style="float:right; width: 270px; height 152px; margin-right:20px; border:0px;" align="center"> |
| − | <div style="float:left; width: 17px; height: 160px;" align="center"></div>
| + | IMAGE SIX - PROJECT CONNECTION - SJORS |
| − | <div style="float:left; width: 270px; height : 180px; margin-right:0px;" align="center"> | + | </div> |
| − | | + | |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE EIGHT</div>
| + | |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Project Connection - Indoors</font>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <div style="float: left; width: 17px; height : 160px; " align="center"></div> | + | |
| − | <div style="float:right; width: 270px; height: 20px;" align="center">
| + | |
| − | | + | |
| − | <div style="height:122px; margin-bottom-5px; border:1px solid #aaa;">IMAGE NINE</div>
| + | |
| − | <font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Project Connection - Outdoors</font>
| + | |
| − | | + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − |
| |
| − | __NOTITLE__
| |
