Difference between revisions of "Msc1G2:Macro"

From uf
Jump to: navigation, search
(SITE)
 
(46 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;
 +
}
  
 +
div#container {
 +
width: 846px;
 +
margin: 0px;
 +
margin-top: -2px;
 +
padding: 0px;
 +
border: 2px;
 +
border-style: solid;
 +
border-color: #808284;
 +
}
  
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
div#headline {
File:Location.png|LOCATION
+
width: 846px;
</gallery>
+
height: 36px;
<br>
+
margin-top: 50px;
<br>
+
padding: 0px;
<br>
+
font-family: 'Roboto', sans-serif;
<gallery widths=850px heights=1000px perrow=3 mode="packed-overlay">
+
font-size: 36px;
File:GIF LOCATION.gif|SITE
+
color: #DFE21C;
</gallery>
+
text-align:center;
<br>
+
}
<br>
+
<br>
+
''' (PUBLIC) TRANSPORT '''
+
[[File:GIF TRANSPORT.gif|850px]]
+
<br>
+
<br>
+
<br>
+
'''SCHEMATIC MAP'''
+
[[File:SCHEMATIC MAP.png|850px]]
+
  
[[#Top|BACK TO TOP]]
+
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;
 +
}
  
==CLIMATE==
+
div#buttonlast {
 +
float: right;
 +
width: 121px;
 +
height: 30px;
 +
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;}
  
<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 a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
<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>  
+
div#buttonlast a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;}
<br>
+
div#buttonlast a:active  {background: DFE21C; color: #000000; text-decoration: none; opacity: 1;}
<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#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_Mvn9KuBhFyo16gTqHhq9WqQ51lu&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe> </html>
+
  
 +
</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]]
  
 +
{{#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
 +
  }}
 +
<html>
 +
<iframe margin-top="40" width="846" height="460" src="https://www.youtube.com/embed/7jwX3qD7qHE" frameborder="0" gesture="media" allowfullscreen></iframe>
 +
</html>
  
'''AVERAGE SUN PERCENTAGE NETHERLANDS - ROTTERDAM'''
+
<div id="Namecontainer"> Koen Martens - Szymon Lapaj - Arav Kumar - Mary Ann Berendson - Dafne Swank - Hidde Manders </div>
[[File:Average-sun-percent-netherlands-rotterdam.png|850px]]
+
<br>
+
  
 
+
<div id="button"  class="noprint"
'''AVERAGE SUNSHINE NETHERLANDS - ROTTERDAM'''
+
style="background-color:#FFFFFF;
[[File:Average-sunshine-netherlands-rotterdam.png|850px]]
+
position:fixed;
 
+
bottom:20px;
'''AVERAGE TEMPERATURE NETHERLANDS - ROTTERDAM'''
+
right:15%;
[[File:Average-temperature-netherlands-rotterdam.png|850px]]
+
z-index:90000;
 
+
padding:0;
 
+
margin:0;">
'''AVERAGE SUN PERCENTAGE NETHERLANDS - ROTTERDAM'''
+
[[#top| Back to top ]]
[[File:Average-raindays-netherlands-rotterdam.png|850px]]
+
 
+
'''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 22: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