index.html 11.6 KB
Newer Older
1
2
3
4
<!DOCTYPE html>
<!--  final version with all components integrated -->
<html lang="en">
	<head>
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
	<script>
	(function() {
		   var wf = document.createElement('script');
		   wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
		       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
		   wf.type = 'text/javascript';
		   wf.async = 'true';
		   var s = document.getElementsByTagName('script')[0];
		   s.parentNode.insertBefore(wf, s);

		 })();
	</script>
	<script>
	WebFontConfig = {
 google: {families:['Asap']},
  custom: {
    families: ['ViperISRIC','open_sanssemibold','open_sansbold','open_sansitalic','open_sanslight','open_sansregular' ],
    urls: ['/assets/css/fonts/stylesheet.css']
 
  }
};
	</script>
27
	<title>World Soil Museum</title>
28
   
Jorge Samuel Mendes de Jesus's avatar
Jorge Samuel Mendes de Jesus committed
29
    <link rel="icon" type="image/x-icon" href="./assets/isric_icon.ico">
30
      <link rel="preload" href="./images/background/bg5.jpg">
31
	    
32
	<meta charset="utf-8" />
33
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
Jorge Samuel Mendes de Jesus's avatar
Jorge Samuel Mendes de Jesus committed
34
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
35
36
	<meta name="description" content="World Soil Museum, generic museum information and content online for visual tour" />
	<meta name="keywords" content="ISRIC,World Soil Museum,Soil,Museum,Monoliths" />
37
    <meta name="author" content="Jorge Samuel Mendes de Jesus, Ingrid Haas" />
38
39
40
    <!-- http://ogp.me/ -->
    <meta property="og:title" content="World Soil Museum | ISRIC"/>
    <meta property="og:type" content="website"/>
Jorge Samuel Mendes de Jesus's avatar
Jorge Samuel Mendes de Jesus committed
41
     <meta property="fb:app_id" content="1008952465863297" /> 
42
    <meta property="og:image" content="http://wsm.isric.org/images/misc/World_Soil_Museum_ISRIC.png"/>
43
44
    <meta property="og:url" content="http://wsm.isric.org/"/>
    <meta property="og:description" content=""/> 
45
46
47
48
49
    <meta name="twitter:card" content="summary" />
	<meta name="twitter:site" content="@WorldSoilMuseum" />
	<meta name="twitter:title" content="World Soil Museum Website" />
	<meta name="twitter:description" content="World Soil Museum, generic museum information and content online for visual tour" />
	<meta name="twitter:image" content="http://wsm.isric.org/images/misc/World_Soil_Museum_ISRIC.png" />
50

51
52
    <!--  we meed Jquery to load subsections -->
    <script src="assets/js/jquery-1.11.2.min.js"></script>
53
    
54

55
    <!-- adopting tap events for on -->
Jorge Samuel Mendes de Jesus's avatar
async    
Jorge Samuel Mendes de Jesus committed
56
    <script  src="/assets/js/touche.js"></script>
57
58
59
60
61
    
     <!-- Bootstrap core CSS -->
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <!-- Bootstrap theme -->
    <link href="assets/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />  
62
63
64
65
66
67
68
    <!--  OL3 -->
    <link rel="stylesheet" href="assets/css/ol3.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="assets/css/maps.css" type="text/css" media="screen" />
    
    <style>
    
</style>
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
    <!-- vegas bg -->
    <link href="assets/js/vegas/jquery.vegas.min.css" rel="stylesheet" />
     <!-- intro animations -->
    <link href="assets/js/wow/animate.css" rel="stylesheet" />
    <!-- font awesome -->
    <link href="assets/css/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <!-- owl carousel css -->
    <link href="assets/css/owl-carousel/owl.carousel.css" rel="stylesheet" />
    <link href="assets/css/owl-carousel/owl.theme.css" rel="stylesheet" />
    <link href="assets/css/owl-carousel/owl.transitions.css" rel="stylesheet" />
     <!-- lightbox -->
    <link href="assets/css/lightbox/lightbox.css" rel="stylesheet" />
   
     <!-- styles for this template -->
    <link href="assets/css/styles.css" rel="stylesheet" />
     <!-- place your extra custom styles in this file -->
    <link href="assets/css/custom.css" rel="stylesheet" />
     <!-- CSS for the google tour -->
    <link href="assets/css/pano-soils.css" rel="stylesheet" />
88
    <!--  JS EXTENSION - tools extendind JS -->
Jorge Samuel Mendes de Jesus's avatar
async    
Jorge Samuel Mendes de Jesus committed
89
    <script  src="assets/js/extend.js"></script>
90
    
91
92
93
94
95
96
97
98
99
100
101
102
    
       <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
	</head>
	
	<!-- data-default-background-img attr is required for sections (.section-wrapper) below that have no custom background defined, and when background change is disabled for mobile -->
  <!-- data-overlay: "true" - semi-transparent black overlay on top of bg enabled, "false" - disabled -->
  <!-- data-overlay-opacity: set the opacity/transparency of the black overlay -->
  <body data-default-background-img="./images/background/bg5.jpg" data-overlay="true" data-overlay-opacity="0.35">
103
   
104
105
106
107
108
109
110
111
  <!-- Outer Container -->
  <div id="outer-container">
  
  <!-- LEFT SIDE PANEL -->
  <!-- http://stackoverflow.com/questions/19643701/load-section-of-html-into-div-->
 	<!-- Include a space after the file name with the specific content you wish to target from that file. API:-->
 	<!-- LET OP! Load repaces all content we need to a temp span and work there, a div section have problems -->
    <script>(function(){$( "#outer-container" ).append(
112
    			$("<span>").load("left-sidebar.html")
113
114
115
116
117
118
119
120
121
122
123
124
125
126
    		);})()
    </script> 
  	<!-- END LEFT SIDE PANEL -->
      
  
    <!-- ==================================================================
      MAIN CONTENT
      ==================================================================  -->
     <section id="main-content" class="clearfix">
      <!-- FOR EACH SECTION <article class="section-wrapper".. :
             - remember to use a unique id, 
             - (optional) set a "data-custom-background-img" attribute with a link to custom background image which will be used when the viewer scrolls to this section -->
   
      <script>(function(){$( "#main-content" ).append(
127
    			$("<span>").load("intro.html")
128
    		
129
130
    		);})()
      </script>
131
  
132
      <script async>(function(){$( "#main-content" ).append(
133
    			$("<span>").load("visit.html")
134
135
    		);})()
      </script>
136
137
138
139
       <script async>(function(){$( "#main-content" ).append(
    			$("<span>").load("staff.html")
    		);})()
      </script>
140
      
141
      <script async>(function(){$( "#main-content" ).append(
142
    			$("<span>").load("WSRC.html")
143
144
    		);})()
      </script>
145
        <script async>(function(){$( "#main-content" ).append(
146
    			$("<span>").load("education.html")
147
    		);})()
148
149
      </script>
             <script>(function(){$( "#main-content" ).append(
150
    			$("<span>").load("gallery.html")
151
    		);})()
152
      </script>
153
    <script async>
154
      (function(){$( "#main-content" ).append(
155
  			$("<span>").load("tour.html")
156
  		);})()
157
      </script>
158
 
Jorge Samuel Mendes de Jesus's avatar
async    
Jorge Samuel Mendes de Jesus committed
159
       <script async>
160
      (function(){$( "#main-content" ).append(
161
  			$("<span>").load("maps.html")
162
163
  		);})()
     
164
165
166
      </script>
      <script async>
      (function(){$( "#main-content" ).append(
167
  			$("<span>").load("ts_1.html")
168
  		);})()     
Jorge Samuel Mendes de Jesus's avatar
async    
Jorge Samuel Mendes de Jesus committed
169
      </script >
170
       <script async>
171
      (function(){$( "#main-content" ).append(
172
  			$("<span>").load("ts_2.html")
173
174
  		);})()     
      </script>
175
        <script async>
176
      (function(){$( "#main-content" ).append(
177
  			$("<span>").load("ts_3.html")
178
179
180
181
  		);})()     
      </script>
        <script async>
      (function(){$( "#main-content" ).append(
182
  			$("<span>").load("ts_4.html")
183
184
185
186
  		);})()     
      </script>
        <script async>
      (function(){$( "#main-content" ).append(
187
  			$("<span>").load("ts_5.html")
188
189
190
191
  		);})()     
      </script>
        <script async>
      (function(){$( "#main-content" ).append(
192
  			$("<span>").load("ts_6.html")
193
194
  		);})()     
      </script>
Jorge Samuel Mendes de Jesus's avatar
async    
Jorge Samuel Mendes de Jesus committed
195
        <script async>
196
      (function(){$( "#main-content" ).append(
197
  			$("<span>").load("links.html")
198
  		);})()     
199
200
201
202
203
204
205
206
207
208
      </script>
      
    	  
        <!-- INTRO -->
        
      <!-- <script>(function(){console.log('gfg');$( "#main-content" ).load( "/intro.html" );})()</script>  -->
     
     </section> 
     <!-- END MAIN CONTENT -->
       <!-- Footer -->
209
      <section id="footer" style="z-index:0">
210
211
212
213
214
215

        <!-- Go to Top -->
        <div id="go-to-top" onclick="scroll_to_top();"><span class="icon glyphicon glyphicon-chevron-up"></span></div>

        <ul class="social-icons">
          <li><a href="https://www.facebook.com/ISRICorg" target="_blank" title="Facebook"><img src="assets/social_icons/facebook.png" alt="Facebook"></a></li>
216
          <li><a href="https://www.linkedin.com/company/isric---world-soil-information" target="_blank" title="LinkedIn"><img src="assets/social_icons/linkedin.png" alt="LinkedIn"></a></li>
217
218
219
          <li><a href="https://twitter.com/WorldSoilMuseum" target="_blank" title="Twitter"><img src="assets/social_icons/twitter.png" alt="Twitter"></a></li>
          <li><a href="https://plus.google.com/+IsricOrg/posts" target="_blank" title="Google+"><img src="assets/social_icons/googleplus.png" alt="Google+"></a></li>
        	<li><a href="https://www.youtube.com/channel/UCNi1XYjdXWF9eAjvG40KqWg" target="_blank" title="Youtube Channel"><img src="assets/social_icons/youtube.png" alt="Google+"></a></li>
IngridHaas's avatar
IngridHaas committed
220
			<li><a href="http://instagram.com/worldsoilmuseum" target="_blank" title="Instagram"><img src="assets/social_icons/instagram.png" width="25px" alt="Instagram"></a></li>
221
222
223
        </ul>
        <!-- ==================== END: Social Icons ==================== -->

224
        <div class="footer-text-line"><a href="http://isric.org">&copy; ISRIC &mdash; World Soil Information</a></div>
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
      </section>
      <!-- end: Footer -->      
     
  </div> <!-- end: Outer Container -->
 
  <!-- Modal -->
    <!-- DO NOT MOVE, EDIT OR REMOVE - this is needed in order for popup content to be populated in it -->
    <div class="modal fade" id="common-modal" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <div class="modal-body clearfix">
          </div><!-- .modal-body -->
        </div><!-- .modal-content -->
      </div><!-- .modal-dialog -->
    </div><!-- .modal -->    
 
 
  </body>
  
245
  <script  src="assets/bootstrap/js/bootstrap.min.js"></script>
246
  <!-- Easing - for transitions and effects -->
247
  <script  src="assets/js/jquery.easing.1.3.js"></script>	
248
  <!-- background image strech script -->
249
  <script   src="assets/js/vegas/jquery.vegas.min.js"></script>
250
  <!-- detect mobile browsers -->
251
   <script src="assets/js/detectmobilebrowser.js"></script>
252
  <!-- detect scrolling -->
253
  <script  src="assets/js/jquery.scrollstop.min.js"></script>
254
  
255
  <script  src="assets/js/lightbox/lightbox.min.js"></script>
256
    <!-- owl carousel js -->
257
  <script async src="assets/js/owl-carousel/owl.carousel.min.js"></script>
258
  <!-- asycn each for gallery -->
259
  <script async src="assets/js/jquery.async.js"></script>
260
261
  
  <!-- intro animations -->
262
    <script src="assets/js/wow/wow.min.js"></script>
263
     <!-- responsive videos -->
264
    <script src="assets/js/jquery.fitvids.js"></script>
265
266
     <!-- Piwik -->

267
268
  <!-- Custom functions for this theme -->
  <script src="assets/js/functions.js"></script>
269
  <script src="assets/js/initialise-functions.js"></script>	
270
271
272
273
274
275
276
277
278
279
280
281
282
283
    <script async type="text/javascript">
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//webstats.isric.org/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 15]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="//webstats.isric.org/piwik.php?idsite=15" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code --> 
284
285

</html>