Difference between revisions of "Msc2G3:Group"

From cs
Jump to: navigation, search
 
(46 intermediate revisions by one user not shown)
Line 1: Line 1:
 
__NOTITLE__ __NOTOC__
 
__NOTITLE__ __NOTOC__
 +
<html>
 +
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
 +
<style>
  
[[File:TUD3Image01-Header.jpg | 850px]]
+
div#headercontainer {
 +
width: 850px;
 +
height: 30px;
 +
margin: 0px;
 +
margin-bottom: 0px;
 +
margin-top: -20px;
 +
padding: 0px;
 +
border: 0px;
 +
background: #514E4F;}
  
<div style="height:30px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;">
+
div#Namecontainer {
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
+
width: 846px;
[[Msc2G3:Group|'''Concept''']]
+
height: 20px;
 +
margin: 0px;
 +
margin-top: -7px;
 +
padding: 0px;
 +
border: 0px;
 +
background: #808284;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 20px;
 +
color: #FFFFFF;
 +
}
  
 +
div#container {
 +
width: 842px;
 +
margin: 0px;
 +
margin-top:-4px;
 +
padding: 0px;
 +
border: 4px;
 +
border-style: solid;
 +
border-color: #514E4F;
 +
}
 +
 +
div#headline {
 +
width: 846px;
 +
height: 36px;
 +
margin-top: 50px;
 +
padding: 0px;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 50px;
 +
color: #617dc6;
 +
text-align:center;
 +
}
 +
 +
div#button {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#617dc6;
 +
}
 +
 +
div#buttonDarkBlue {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#617dc6;
 +
}
 +
 +
div#buttonMediumBlue {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#01b9bb;
 +
}
 +
 +
div#buttonYellow {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#f7d22b;
 +
}
 +
 +
div#buttonMediumRed {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#f25e42;
 +
}
 +
 +
div#buttonDarkRed {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#e26c7a;
 +
}
 +
 +
div#buttonDarkBlue a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkBlue a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkBluen a:active  {background: #617dc6;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonDarkBlue a:hover      {color: #617dc6; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 +
div#buttonMediumBlue a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumBlue a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumBlue a:active  {background: #01b9bb;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonMediumBlue a:hover      {color: #01b9bb; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 +
div#buttonYellow a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonYellow a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonYellow a:active  {background: #f7d22b;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonYellow a:hover      {color: #f7d22b; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 +
div#buttonMediumRed a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumRed a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumRed a:active  {background: #f25e42;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonMediumRed a:hover      {color: #f25e42; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 +
div#buttonDarkRed a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkRed a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkRed a:active  {background: #e26c7a;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonDarkRed a:hover      {color: #e26c7a; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 +
</style>
 +
</html>
 +
 +
[[File:TUD3Image02-Humans01400.jpg | 850px]]
 +
<div id="headercontainer">
 +
<div id="buttonDarkBlue">
 +
[[Msc2G3:Group|Concept]]
 
</div>
 
</div>
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
+
<div id="buttonMediumBlue">
[[Msc2G3:page1|'''Macro''']]
+
[[Msc2G3:page1|Macro]]
 
</div>
 
</div>
<div style="float:middle; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
+
<div id="buttonYellow">
[[Msc2G3:page2|'''Meso''']]
+
[[Msc2G3:page2|Meso]]
 
</div>
 
</div>
<div style="float:right; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
+
<div id="buttonMediumRed">
[[Msc2G3:page3|'''Micro''']]
+
[[Msc2G3:page3|Micro]]
</div>
+
<div style="float:right; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
+
[[Msc2G3:page4|'''Prototype''']]
+
 
</div>
 
</div>
 +
<div id="buttonDarkRed">
 +
[[Msc2G3:page4|Prototype]]
 
</div>
 
</div>
  
== Introduction ==
 
  
The building that has been chosen for this project is De Hoge Heren in Rotterdam. It is a building located near the river the Nieuwe Maas and the Erasmus bridge. On the south side of the river are, among other things, Hotel America, The Rotterdam by Rem Koolhaas (OMA) and Toren op Zuid which is functioning as an office for KPN (Dutch telecom provider).  
+
<div id="container">
 +
[[File:TUD3Image02-Humans0170.jpg| 842px]]
 +
[[File:Vision03-01.jpg| 842px]]
 +
[[File:TUD3Image02-Humans016.jpg| 842px]]
 +
</div>
  
[[File:location1.JPG| 850px]]
+
<div id="headercontainer">
Image source: Google Maps
+
<div id="buttonDarkBlue">
[[File:location2.JPG| 850px]]
+
[[Msc2G3:Group|Concept]]
Image source:  
+
</div>
[[File:location3.JPG| 850px]]
+
<div id="buttonMediumBlue">
Image source:
+
[[Msc2G3:page1|Macro]]
 +
</div>
 +
<div id="buttonYellow">
 +
[[Msc2G3:page2|Meso]]
 +
</div>
 +
<div id="buttonMediumRed">
 +
[[Msc2G3:page3|Micro]]
 +
</div>
 +
<div id="buttonDarkRed">
 +
[[Msc2G3:page4|Prototype]]
 +
</div>

Latest revision as of 09:34, 4 July 2018

TUD3Image02-Humans01400.jpg