Difference between revisions of "Msc1G2:Macro"

From uf
Jump to: navigation, search
 
(48 intermediate revisions by one user not shown)
Line 1: Line 1:
{{MSC1G2}}
+
__NOTITLE__ __NOTOC__
== MACRO ==
+
__NOTITLE__ __NOTOC__
# '''[[#SITE|SITE]]'''
+
<html>
# '''[[#CLIMATE|CLIMATE]]'''
+
<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=Roboto" rel="stylesheet">
 +
<style>
  
 +
div#headercontainer {
 +
width: 850px;
 +
height: 30px;
 +
margin: 0px;
 +
margin-bottom: -7px;
 +
margin-top: -7px;
 +
padding: 0px;
 +
border: 0px;
 +
background: #808284;}
  
==SITE==
+
div#Namecontainer {
 +
width: 846px;
 +
height: 20px;
 +
margin: 0px;
 +
margin-top: -7px;
 +
padding: 0px;
 +
border: 0px;
 +
background: #808284;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 12px;
 +
color: #FFFFFF;
 +
}
  
'''LOCATION'''
+
div#container {
[[File:Location.png|850px]]
+
width: 846px;
<br>
+
margin: 0px;
<br>
+
margin-top: -2px;
<br>
+
padding: 0px;
'''SITE'''
+
border: 2px;
[[File:GIF LOCATION.gif|850px]]
+
border-style: solid;
<br>
+
border-color: #808284;
<br>
+
}
<br>
+
''' (PUBLIC) TRANSPORT '''
+
[[File:GIF TRANSPORT.gif|850px]]
+
<br>
+
<br>
+
<br>
+
'''SCHEMATIC MAP'''
+
[[File:SCHEMATIC MAP.png|850px]]
+
  
[[#Top|BACK TO TOP]]
+
div#headline {
 +
width: 846px;
 +
height: 36px;
 +
margin-top: 50px;
 +
padding: 0px;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 36px;
 +
color: #DFE21C;
 +
text-align:center;
 +
}
  
==CLIMATE==
+
div#button {
 +
float: left;
 +
width: 121px;
 +
height: 30px;
 +
margin-right: 0px;
 +
margin-top: 0px;
 +
opacity: 1;
 +
background: #808284;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
color:#DFE21C;
 +
}
  
<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>
+
div#buttonlast {
<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> 
+
float: right;
<br>
+
width: 121px;
<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>
+
height: 30px;
<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>
+
margin-right: 0px;
 +
margin-top: 0px;
 +
opacity: 1;
 +
background: #808284;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
color:#FFFFFF;
 +
}
 +
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;}
  
 +
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;}
  
 +
</style>
 +
</html>
 +
[[File:Hyperbody banner7.jpg|850px]]
 +
<div id="headercontainer">
 +
<div id="button">
 +
[[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">
 +
[[Msc1G2:Final|FINAL]]
 +
</div>
 +
<div id="button">
 +
[[Msc1G2:Report|REPORT]]
 +
</div>
 +
</div>
 +
<div id="container">
 +
[[File:Products hyperbody 05 insects analysys copy.png|846px]]
  
'''AVERAGE SUN PERCENTAGE NETHERLANDS - ROTTERDAM'''
+
{{#slideshow:<div>[[File:Products hyperbody 04 climate diagrams-01.png| 846px]]</div><div>[[File:Products hyperbody 04 climate diagrams-02.png| 846px]]</div><div>[[File:Products hyperbody 04 climate diagrams-03.png|826px]]</div>|id=bar sequence=forward transition=fade refresh=8000
[[File:Average-sun-percent-netherlands-rotterdam.png|850px]]  
+
  }}
<br>
+
<html>
 +
<iframe margin-top="40" width="846" height="460" src="https://www.youtube.com/embed/7jwX3qD7qHE" frameborder="0" gesture="media" allowfullscreen></iframe>
 +
</html>
  
 +
<div id="Namecontainer"> Koen Martens - Szymon Lapaj - Arav Kumar - Mary Ann Berendson - Dafne Swank - Hidde Manders </div>
  
'''AVERAGE SUNSHINE NETHERLANDS - ROTTERDAM'''
+
<div id="button"  class="noprint"
[[File:Average-sunshine-netherlands-rotterdam.png|850px]]
+
style="background-color:#FFFFFF;
 
+
position:fixed;
'''AVERAGE TEMPERATURE NETHERLANDS - ROTTERDAM'''
+
bottom:20px;
[[File:Average-temperature-netherlands-rotterdam.png|850px]]
+
right:15%;
 
+
z-index:90000;
 
+
padding:0;
'''AVERAGE SUN PERCENTAGE NETHERLANDS - ROTTERDAM'''
+
margin:0;">
[[File:Average-raindays-netherlands-rotterdam.png|850px]]
+
[[#top| Back to top ]]
 
+
'''AVERAGE RAINFALL NETHERLANDS - ROTTERDAM'''
+
[[File:Average-rainfall-netherlands-rotterdam.png|850px]]
+
 
+
'''AVERAGE WIND SPEED NETHERLANDS - ROTTERDAM'''
+
[[File:Average-wind-speed-netherlands-rotterdam.png|850px]]
+
 
+
'''WIND ROSE - ROTTERDAM'''
+
[[File:Wind rose rotterdam.png|850px]]
+
 
+
[[#Top|Back to top]]
+

Latest revision as of 21:53, 6 February 2018


Hyperbody banner7.jpg

Products hyperbody 05 insects analysys copy.png

Products hyperbody 04 climate diagrams-01.png
Products hyperbody 04 climate diagrams-02.png
Products hyperbody 04 climate diagrams-03.png

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