Difference between revisions of "Msc2G4:Student1"

From gsm
Jump to: navigation, search
 
(10 intermediate revisions by one user not shown)
Line 1: Line 1:
 
__NOTITLE__ __NOTOC__
 
__NOTITLE__ __NOTOC__
  
[[File: Top.jpg | 850px]]
+
<html>
----
+
<style>
+
.header-background{background-image: url("http://gsm.hyperbody.nl/images/b/be/0_01.png");background-color: #FFFFFF;width:850px;height:490px;background-size: 100% auto; background-repeat: no-repeat;}
Group 4 members: Ori Gilboa, Roel Westrik, Dominik Philipp Bernatek, Rosanne le Roij, Tanya Somova
+
.header-content{position:relative;bottom:0px;left:0px;}
+
.button-container{width:165px;height:50px;float:left;color:white;text-align:center;float:right;}
----
+
.bottom-container{position:relative; width:850px;height:10px;float:left;background-color: rgba(0,0, 0, 1) ;bottom:10px;}
 +
.button{width:150px; height:30px; bottom:10px;background-color: rgba(50, 50, 50, 0.23);padding-top:10px;}
 +
a.nav-link:link,a.nav-link:visited{text-decoration:none;font-weight:bold;color:white}
 +
a.nav-link:hover,a.nav-link:active{text-decoration:none;font-weight:bold;color:#000000;}
 +
a.nav-link-active:hover,a.nav-link-active:active{text-decoration:none;font-weight:bold;color:#000;}
  
<div style="height:30px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;">
+
.hidden{visibility:hidden;}
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px; " align="center">
+
.tab-active{background-color:rgba(0, 0, 0, 1);}
[[Msc2G4:Group|'''Visualisations''']]
+
</style>
 +
<!-- Navigation -->
 +
<div>
 +
<div class="header-background">
 
</div>
 
</div>
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px; " align="center">
+
<div class="header-content">
[[Msc2G4:Student1|'''Concept''']]
+
<div class="left-filler">
 
</div>
 
</div>
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px; " align="center">
+
<div class="button-container">
[[Msc2G4:Student2|'''Technical sollutions''']]
+
<div class="button"><a class="nav-link" href=http://gsm.hyperbody.nl/index.php/Msc2G4:Student4>Report</a></div>
 
</div>
 
</div>
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
+
<div class="button-container">
[[Msc2G4:Student3|'''Prototype''']]
+
<div class="button"><a class="nav-link" href=http://gsm.hyperbody.nl/index.php/Msc2G4:Student3>Prototyping</a></div>
 
</div>
 
</div>
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px" align="center">
+
<div class="button-container">
[[Msc2G4:Student4|'''Proces''']]
+
<div class="button"><a class="nav-link" href="http://gsm.hyperbody.nl/index.php/Msc2G4:Student2">Scripting</a></div>
 
</div>
 
</div>
 +
<div class="button-container">
 +
<div class="button tab-active"><a class="nav-link nav-link-active"
 +
<div class="button"><a class="nav-link" href="http://gsm.hyperbody.nl/index.php/Msc2G4:Student1">Design</a></div>
 
</div>
 
</div>
<br>
+
<div class="button-container">
 +
<div class="button"><a class="nav-link" href="http://gsm.hyperbody.nl/index.php/Msc2G4:Group">Introduction</a></div>
 +
</div>
 +
<div class="bottom-container">
 +
</div>
 +
</div>
 +
</div>
 +
</html>
 +
<i class="hidden">Text</i>
  
=='''Concept'''==
 
  
[[File:Midterm_Introduction.jpg || 850 px]]
+
<html>
[[File:Midterm_Overall system 2.jpg |center| 400 px]]
+
<iframe width="850" height="488"  src="https://www.youtube.com/embed/uyKynjQhqzU" frameborder="0" allowfullscreen></iframe>
[[File:Midterm_Defining_Space.gif || 850 px]]
+
<br>
[[File:Midterm_Flowchart.jpg || 850 px]]
+
[[File:Midterm_concept_Gathering.gif || 850 px]]
+
[[File:Midterm_concept_Curtain opening.gif || 850 px]]
+
[[File:Midterm_concept_Soundwave.gif || 850 px]]
+
[[File:Midterm_concept_Lighting.gif || 850 px]]
+
[[File:Midterm_concept_Reactive.gif || 850 px]]
+
[[File:Midterm_concept_Reactive to movement.gif || 850 px]]
+
[[File:Midterm_concept_Generating connection.gif || 850 px]]
+
[[File:Midterm_concept_Interactive_2.gif || 850 px]]
+
  
 +
<html>
 +
<iframe width="850" height="488"  src="https://www.youtube.com/embed/1muJw1kfzno" frameborder="0" allowfullscreen></iframe>
 +
<br>
  
 +
<html>
 +
<iframe width="850" height="488"  src="https://www.youtube.com/embed/BWCZlraGw0c" frameborder="0" allowfullscreen></iframe>
 +
<br>
  
=='''Illusion of space'''==
+
<html>
 +
<iframe width="850" height="488"  src="https://www.youtube.com/embed/fzTKmRZi9pY" frameborder="0" allowfullscreen></iframe>
 +
<br>
  
{{#slideshow:
+
<html>
  <div>[[Image:User_Kinetic Rain_Singapore Airport.jpg| 850px]]</div>
+
<iframe width="850" height="488"  src="https://www.youtube.com/embed/SLEJKEjWf1M" frameborder="0" allowfullscreen></iframe>
  <div>[[Image:User_Cardboard Chandelier_Cristina Parreno.jpg| 850px]]</div>
+
<br>
  <div>[[Image:User_Light as building material.jpg| 850px]]</div>
+
 
  <div>[[Image:User_Spotlight2.jpg| 850px]]</div>
+
<html>
  <div>[[Image:User_Breathing Room II_Antony Gormley.jpg| 850px]]</div>
+
<iframe width="850" height="488"  src="https://www.youtube.com/embed/3IPHoLvmWR0" frameborder="0" allowfullscreen></iframe
  <div>[[Image:User_DSC_0210.jpg| 850px]]</div>
+
<br>
  <div>[[Image:User_lichtgrenze.jpg| 850px]]</div>
+
  <div>[[Image:User_quietus-claire-morgan-install.jpg| 850px]]</div>
+
  <div>[[Image:User_quietus-claire-morgan-5.jpg| 850px]]</div>
+
    |id=bar sequence=forward transition=fade refresh=2000  }}
+

Latest revision as of 02:20, 9 July 2016