Difference between revisions of "Msc1G2:Macro"

From uf
Jump to: navigation, search
Line 1: Line 1:
{{MSC1G2}}
+
__NOTITLE__ __NOTOC__
# '''[[#SITE|SITE]]'''
+
__NOTITLE__ __NOTOC__
# '''[[#CLIMATE|CLIMATE]]'''
+
<html>
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat:200" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Neuton" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=News+Cycle:200" rel="stylesheet">
 +
<style>
  
 +
div#headercontainer {
 +
width: 850px;
 +
height: 30px;
 +
margin: 0px;
 +
margin-top: -7px;
 +
padding: 0px;
 +
border: 0px;
 +
background: #808284;}
  
 +
div#Namecontainer {
 +
width: 846px;
 +
height: 20px;
 +
margin: 0px;
 +
margin-top: -7px;
 +
padding: 0px;
 +
border: 0px;
 +
background: #808284;
 +
text-align:center;
 +
font-family: 'News+Cycle', sans-serif;
 +
font-size: 12px;
 +
color: #FFFFFF;
 +
}
  
==SITE==
+
div#container {
 +
width: 846px;
 +
margin: 0px;
 +
margin-top: -2px;
 +
padding: 0px;
 +
border: 2px;
 +
border-style: solid;
 +
border-color: #808284;
 +
}
  
 +
div#headline {
 +
width: 846px;
 +
height: 36px;
 +
margin-top: 50px;
 +
padding: 0px;
 +
font-family: 'News+Cycle', sans-serif;
 +
font-size: 36px;
 +
color: #DFE21C;
 +
text-align:center;
 +
}
  
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
div#button {
File:Location.png|LOCATION
+
float: left;
</gallery>
+
width: 121px;
<br>
+
height: 30px;
<br>
+
margin-right: 0px;
<br>
+
margin-top: 0px;
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
opacity: 1;
File:GIF LOCATION.gif|SITE
+
background: #808284;
</gallery>
+
text-align:center;
<br>
+
font-family: 'News+Cycle', sans-serif;
<br>
+
color:#DFE21C;
<br>
+
}
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
File:GIF TRANSPORT.gif|TRANSPORT
+
</gallery>
+
<br>
+
<br>
+
<br>
+
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
File:SCHEMATIC MAP.png|SCHEMATIC MAP
+
</gallery>
+
  
 +
div#buttonlast {
 +
float: right;
 +
width: 121px;
 +
height: 30px;
 +
margin-right: 0px;
 +
margin-top: 0px;
 +
opacity: 1;
 +
background: #808284;
 +
text-align:center;
 +
font-family: 'News+Cycle', sans-serif;
 +
color:#FFFFFF;
 +
}
  
[[#Top|Back to top]]
+
div#button a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#button a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#button a:active  {background: #DFE21C;color: #000000; text-decoration: none; opacity: 1;}
 +
div#button a:hover      {color: #DFE21C; text-decoration: none; opacity: 1; font-weight: bold;}
  
==CLIMATE==
+
div#buttonlast a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonlast a:visited  {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonlast a:active  {background: DFE21C; color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonlast a:hover    {color: #DFE21C; text-decoration: none; opacity: 1; font-weight: bold;}
  
<html><iframe width="420" height="236" src="https://www.youtube.com/embed/videoseries?list=PLSOnH_Mvn9KsEfvRN7p4_uAfovhCRmGBg&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe> </html>  
+
</style>
<html><iframe width="420" height="236" src="https://www.youtube.com/embed/videoseries?list=PLSOnH_Mvn9KvaXcNlP04xP1TrpePf0vzS&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe> </html>
+
</html>
<br>
+
<div id="headercontainer">
<html><iframe width="420" height="236" src="https://www.youtube.com/embed/videoseries?list=PLSOnH_Mvn9KtvVmVgRM5M-HBK7d96Od1T&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe> </html>
+
<div id="button">
<html><iframe width="420" height="236" src="https://www.youtube.com/embed/videoseries?list=PLSOnH_Mvn9KuBhFyo16gTqHhq9WqQ51lu&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe> </html>
+
[[Msc1G2:Group|CONCEPT]]
 +
</div>
 +
<div id="button">
 +
[[Msc1G2:Macro|MACRO]]
 +
</div>
 +
<div id="button">
 +
[[Msc1G2:Meso|MESO]]
 +
</div>
 +
<div id="button">
 +
[[Msc1G2:Micro|MICRO]]
 +
</div>
 +
<div id="button">
 +
[[Msc1G2:Production|PRODUCTION]]
 +
</div>
 +
<div id="button">
 +
[[Msc1G1:Page6|ARCHIVE]]
 +
</div>
 +
</div>
 +
<div id="container">
 +
[[File:Concept-01.png|846px]]
  
  
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
[[File:Products hyperbody illustrator 02-01.jpg|846px]]
File:Average-sun-percent-netherlands-rotterdam.png|AVERAGE SUN PERCENTAGE NETHERLANDS - ROTTERDAM
+
{{#slideshow:<div>[[File:Products hyperbody illustrator 03-01-01.jpg| 846px]]</div>
</gallery>
+
  <div>[[File:Products hyperbody illustrator 04-01-01.jpg| 846px]]</div>
<br>
+
  |id=bar sequence=forward transition=fade refresh=8000
 +
  }}
  
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
 
File:Average-sunshine-netherlands-rotterdam.png|AVERAGE SUNSHINE NETHERLANDS - ROTTERDAM
 
</gallery>
 
<br>
 
  
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
<html>
File:Average-temperature-netherlands-rotterdam.png|AVERAGE TEMPERATURE NETHERLANDS - ROTTERDAM
+
<div id="headline">APPROACH</div>
</gallery>
+
<iframe margin-top="40" width="846" height="460" src="https://www.youtube.com/embed/fjm69ALBnGE" frameborder="0" gesture="media" allowfullscreen></iframe>
<br>
+
</html>
  
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
 
File:Average-raindays-netherlands-rotterdam.png|AVERAGE RAINDAYS NETHERLANDS - ROTTERDAM
 
</gallery>
 
<br>
 
  
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
<div id="Namecontainer"> Koen Martens - Szymon Lapaj - Arav Kumar - Mary Ann Berendson - Dafne Swank - Hidde Manders </div>
File:Average-rainfall-netherlands-rotterdam.png|AVERAGE RAINFALL NETHERLANDS - ROTTERDAM
+
</gallery>
+
<br>
+
  
 
+
<div id="button"  class="noprint"
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
style="background-color:#FFFFFF;
File:Average-wind-speed-netherlands-rotterdam.png|AVERAGE WIND SPEED NETHERLANDS - ROTTERDAM
+
position:fixed;
</gallery>
+
bottom:20px;
<br>
+
right:17%;
 
+
z-index:90000;
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
padding:0;
File:Wind rose rotterdam.png|WIND ROSE - ROTTERDAM
+
margin:0;">
</gallery>
+
[[#top| Back to top ]]
<br>
+
 
+
 
+
[[#Top|Back to top]]
+

Revision as of 01:13, 2 February 2018


Concept-01.png


Products hyperbody illustrator 02-01.jpg

Products hyperbody illustrator 03-01-01.jpg
Products hyperbody illustrator 04-01-01.jpg


APPROACH


Koen Martens - Szymon Lapaj - Arav Kumar - Mary Ann Berendson - Dafne Swank - Hidde Manders