Commit c4166ded authored by Jorge Samuel Mendes de Jesus's avatar Jorge Samuel Mendes de Jesus
Browse files

Changes done by ingrid

parent 45b76176
......@@ -148,16 +148,17 @@ The soil profile is defined as a vertical section of the soil that is exposed wh
<div>
<div data-toggle="collapse" href="#monolithPrep" class="pointercss">
<h4>
Monolith preparation &nbsp;<span
<a
onclick="populate_and_open_modal(event, 'modal-monolithPreparation');">Monolith preparation &nbsp;</a><span
class="glyphicon glyphicon-triangle-right"></span>
</h4>
</div>
<div class="collapse" id="monolithPrep">
<p>
<a
<!-- <a
onclick="populate_and_open_modal(event, 'modal-monolithPreparation');">See
a monolith preparation</a>
<!--
<a
href="/ppt/Pictorial_overview_how_ to_make_a_monolith/img0.html">How
to make a monolith <img src="/images/play.png">
......@@ -179,19 +180,19 @@ The soil profile is defined as a vertical section of the soil that is exposed wh
id="modal-monolithPreparation">
<h2>Preparation of a monolith</h2>
<p class="fontspacecss">
lacquer (diluted to the required viscosity) is
Lacquer (diluted to the required viscosity) is
sprayed or poured onto the profile several times until the soil is
covered with a very thin layer. This is carried out over a period of
a few days, the dilution of the lacquer being diminished with each
consecutive application
consecutive application.
</p>
<div id="prepMono" class="owl-carousel popup-alt-image-gallery">
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_2.png" data-lightbox="popup-alt-gallery"><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_2.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_3.png" data-lightbox="popup-alt-gallery"><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_3.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_4.png" data-lightbox="popup-alt-gallery"><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_4.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_5.png" data-lightbox="popup-alt-gallery"><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_5.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_6.png" data-lightbox="popup-alt-gallery"><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_6.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_2.png" data-lightbox="popup-alt-gallery" title= 'impregnation with glue'><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_2.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_3.png" data-lightbox="popup-alt-gallery" title= 'glue is hardened'><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_3.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_4.png" data-lightbox="popup-alt-gallery" title= 'preparation of surface'><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_4.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_5.png" data-lightbox="popup-alt-gallery" title= 'the finishing touch'><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_5.png"></a></div>
<div class="item"><a href="/images/monolithLabPreparation/how_to_prepare_monolith_6.png" data-lightbox="popup-alt-gallery" title= 'the monolith is ready!'><img class="lazyOwl" data-src="/images/monolithLabPreparation/how_to_prepare_monolith_6.png"></a></div>
</div>
</div>
<!-- end of modal for monolithPreparation -->
......
......@@ -5,7 +5,6 @@
<div class="content-wrapper clearfix wow fadeInDown content-wrapper-top" data-wow-delay="0.6s">
<!-- <div class="content-wrapper clearfix" style="position: relative;"> -->
<!-- style="height:600px-->
<h2 class="section-title">Select by</h2>
<div class="container-fluid col-sm-11 pull-right" id="selection" style="z-index: 1000;" >
<section class="galllerySelector">
......@@ -167,13 +166,14 @@ function getOwl(){
$table_content='';
$hasvalue=true;
$filenamefield=field["filename"];
$titelclassification=field["latest_classification"];
$classification=field["classification"];
$code=field["filename"].slice(0,2) + field["filename"].slice(3,6);
$filenameWDef=$filenamefield.slice(0,10)
$fileCodeISIS=field["filename"].slice(0,2).toLowerCase() + field["filename"].slice(3,6) + "#block-system-main"
$table_content="<div class='item'> <a class='btn btn-outline-inverse btn-monolith btn-monolith-sm' href='http://www.rest.museum2.isric.org/monoliths/10per/png/{}.10per.png' target='_blank'><img alt='{}' title='{}'class='lazyOwl' src='http://www.rest.museum2.isric.org/monoliths/40_400/png/{}'></a></br><div class='btn btn-outline-inverse btnpopup btn-sm btn-popup' onClick='proxyPopulateAndOpenModal(event,\"modal-galeryISISDescription\",\"http://isis.isric.org/monoliths/reference-soil-{}\",\"{}\");' >{}:<br>{}<br>(more..)</div></div>".format($filenameWDef,$code,$code,$filenamefield, $fileCodeISIS,$classification,$code,$classification)
$table_content="<div class='item'> <a class='btn btn-outline-inverse btn-monolith btn-monolith-sm' href='http://www.rest.museum2.isric.org/monoliths/10per/png/{}.10per.png' target='_blank'><img alt='{}' title='{}'class='lazyOwl' src='http://www.rest.museum2.isric.org/monoliths/40_400/png/{}'></a></br><div class='btn btn-outline-inverse btnpopup btn-sm btn-popup' onClick='proxyPopulateAndOpenModal(event,\"modal-galeryISISDescription\",\"http://isis.isric.org/monoliths/reference-soil-{}\",\"{}\");' >{}:<br>{}<br>(more..)</div></div>".format($filenameWDef,$code,$code,$filenamefield, $fileCodeISIS,$classification,$code,$titelclassification)
owl.data('owlCarousel').addItem($table_content);
......
......@@ -8,8 +8,8 @@
<!-- <p> text in .feature-text is larger -->
<section class="feature-text">
<h1>World Soil Museum</h1>
<p class="fontintro">Opening hours: Monday to Friday from 10.00h until 16.00h.</p>
<p class="fontintro">Location: <a href="http://www.wageningencampus.nl/en/campus/Directions-1.htm" target="_blank">Wageningen campus</a> (Gaia, Building 101). The Netherlands </p>
<p class="fontintro">OPEN: Wednesdays 13.30h until 17.30h</br>Groups and guided tours: Monday to Friday from 10.00-16.00h, by appointment, on working days (between 9.00-17.00h)</p>
<p class="fontintro">Location: <a href="http://www.wageningencampus.nl/en/campus/Directions-1.htm" target="_blank">Wageningen campus</a> (Gaia, Building 101), The Netherlands </p>
<!-- to add scrolling effects to links linking to same page section, add .link-scroll class -->
<!-- <p><a href="#visit" class="link-scroll btn btn-outline-inverse btn-lg">...more</a></p> -->
</section>
......@@ -20,3 +20,4 @@
</div><!-- .content-wrapper -->
</article><!-- .section-wrapper -->
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<article id="visit" class="section-wrapper clearfix"
data-custom-background-img="images/background/bg1.jpg">
<div class="content-wrapper clearfix wow fadeInDown"
data-wow-delay="0.6s">
<div class="content-wrapper clearfix wow fadeInDown" data-wow-delay="0.6s">
<h1>Visit the Museum</h1>
<!-- <div class="col-sm-10 col-md-9 pull-right collapsible2" id="visit1"> -->
<br />
<br />
<br/><br/>
<div class="col-sm-10 col-md-9 pull-right" id="collapsableVisit">
<!-- GrandParent of all colapsable -->
<div>
......@@ -25,9 +17,11 @@
</h4>
</div>
<div class="collapse" id="whoFor">
<p class="fontspacecss">For anyone that wants to learn about
soils in life and ecosystems, and see the enormous variation of
soil types in the world</p>
<p class="fontspacecss">
For anyone that wants to learn about soils in
life and ecosystems, and see the enormous variation of soil types
in the world
</p>
</div>
</div>
......@@ -40,12 +34,11 @@
</div>
<div class="collapse" id="whatFor">
<p class="fontspacecss">
You can see soil profiles that have been sampled up to a depth of
1.50 m and are conserved through impregnation with diluted
lacquer. The thickness is about 6 cm. Such preserved soil profiles
are called soil monoliths. <a
onclick="populate_and_open_modal(event, 'modal-profileDescription');"><em>(See
example)</em></a>
You can see soil profiles that have been sampled
up to a depth of 1.50 m and are conserved through impregnation
with diluted lacquer. The thickness is about 6 cm. Such
preserved soil profiles are called soil monoliths.</br> <a
onclick="populate_and_open_modal(event, 'modal-profileDescription');"><em>(See example)</em></a>
</p>
</div>
......@@ -60,14 +53,13 @@
</div>
<div class="collapse" id="openTime">
<p class="fontspacecss">Opening hours: Monday to Friday from
10.00-16.00h</p>
<p class="fontspacecss">By appointment, on working days
(between 9.00-17.00h)</p>
<p class="fontspacecss">
<p class="fontspacecss">OPEN: Wednesdays 13.30h until 17.30h </p>
<p class="fontspacecss">Groups and guided tours: Monday to Friday from 10.00-16.00h, by appointment, on working days (between 9.00-17.00h)</p>
<p class="fontspacecss" >
<a
onclick="populate_and_open_modal(event, 'modal-bookingDescription');"><em>(Read
more...)</em></a>
onclick="populate_and_open_modal(event, 'modal-bookingDescription');"><em>Read more...</em></a>
</p>
</div>
......@@ -75,22 +67,16 @@
<div class="content-to-populate-in-modal"
id="modal-bookingDescription">
<h1>Booking</h1>
<p class="fontspacecss">Plan and book a visit to the soil
museum:</p>
<p class="fontspacecss">You can choose a tour of the World Soil
Museum, focusing on the history and purpose of the museum and its
collections and the presentation of the collection, on a special
part of the collection, or on a special theme.</p>
<p class="fontspacecss">Our tourleading guides have been
specially trained for this work by the World Soil Museum.
<p class="fontspacecss">The tours can be conducted in English or
Dutch. Tours are for groups of a minimum of 5 and maximum of 30
persons and have variable durations. Museum admission is free.
<p class="fontspacecss">
For guided tours, the fee is € 35 for a half hour tour, and 70 €
for a 1-hour tour. More extensive tours are also possible. Please <a
href="mailto:stephan.mantel@wur.nl">contact us</a> for pricing.
</p>
<p class="fontspacecss">Plan and book a visit to the soil museum:</p>
<p class="fontspacecss">You can choose a tour of the World Soil Museum, focusing on
the history and purpose of the museum and its collections and the
presentation of the collection, on a special part of the
collection, or on a special theme.</p><p class="fontspacecss"> Our tourleading guides have been
specially trained for this work by the World Soil Museum. <p class="fontspacecss">The tours
can be conducted in English or Dutch. Tours are for groups of a
minimum of 5 and maximum of 30 persons and have variable durations.
Museum admission is free. <p class="fontspacecss">For guided tours, the fee is € 35 for a half hour tour, and 70 € for a 1-hour tour.
More extensive tours are also possible. Please <a href="mailto:stephan.mantel@wur.nl">contact us</a> for pricing. </p>
</div>
<div>
<div data-toggle="collapse" href="#planTour" class="pointercss">
......@@ -101,17 +87,17 @@
</div>
<div class="collapse" id="planTour">
<p class="fontspacecss">You can choose a tour of the World Soil
Museum, focusing on the history and purpose of the museum and its
collections and the presentation of the collection, on a special
part of the collection, or on a special theme. Our tourleading
guides have been specially trained for this work by the World Soil
Museum. The tours can be conducted in English or Dutch.</p>
<p class="fontspacecss">Tours are for groups of a minimum of 5
and maximum of 30 persons and have variable durations.</p>
<p class="fontspacecss">Museum admission is free. The fee is €
35 for a medium duration guided tour and 70 € for a one hour tour
(fee for educational groups that require more than one hour to be
<p class="fontspacecss">You can choose a tour of the World Soil Museum, focusing on
the history and purpose of the museum and its collections and the
presentation of the collection, on a special part of the
collection, or on a special theme. Our tourleading guides have
been specially trained for this work by the World Soil Museum.
The tours can be conducted in English or Dutch.</p>
<p class="fontspacecss">Tours are for groups of a minimum of 5 and maximum of 30
persons and have variable durations.</p>
<p class="fontspacecss">Museum admission is free. The fee is € 35 for a medium
duration guided tour and 70 € for a one hour tour (fee for
educational groups that require more than one hour to be
discussed).</p>
<p>
<a class="exampleModal" id="exampleModal1"
......@@ -120,7 +106,7 @@
<em>Please use form...</em>
</a>
</p>
<p class="fontspacecss">Please book in advance</p>
<p class="lead">Please book in advance</p>
</div>
......@@ -135,8 +121,8 @@
<div class="collapse" id="cafeDetail">
<p class="fontspacecss">Food and drinks are not allowed in the
museum. Near the entrance of the museum there is a coffee machine
and there is a lunch cafeteria open from 10, the Gaia-Lumen kiosk,
open from 10.00 - 13.30 on Mon – Fri.</p>
and there is a lunch cafeteria, the Gaia-Lumen
kiosk, open from 10.00-13.30h on Mon – Fri.</p>
</div>
</div>
<div>
......@@ -153,10 +139,59 @@
toilets available in the hall of the main (GAIA) building.</p>
</div>
</div>
<div>
<div data-toggle="collapse" href="#staff" class="pointercss">
<h4>
staff &nbsp;<span
class="glyphicon glyphicon-triangle-right"></span>
</h4>
</div>
<div class="collapse" id="staff">
<p class="fontspacecss">Stephan Mantel
<img src="images/misc/StephanMantel.jpg"/></br>
Head of World Soil Museum, Curator of physical collections
Provides Lectures and guides groups in English, Dutch and Spanish
</br>
Kees van Diepen (volunteer)
<img src="images/misc/KeesvanDiepen.jpg"/></br>
Guides groups in English, Dutch and French
</br>&nbsp;&nbsp;</br>
Marianne Creutzberg (volunteer)</br>
Provides guidance and is host in the museum on Wednesdays.
</br>&nbsp;&nbsp;</br>
Reception</br>&nbsp;&nbsp;</br>
The staff of the reception at the entry of the museum will provide access to the building and bring you into contact with the museum staff
.</p>
</div>
</div>
<!--
<h4>Rules for visitors <a onclick="populate_and_open_modal(event, 'modal-rules');"></a></h4>
<div class="content-to-populate-in-modal" id="modal-rules">
<ul>
<li>Coats may be left in the wardrobe in the lobby near the
reception (entrance of the GAIA building).</li>
<li>Umbrellas should be left in de wardrobe downstairs..</li>
<li>Sitting, the placement of objects, including writing
materials, on the tables, panels and themestations and the digital
map table is prohibited..</li>
<li>Visitors are not allowed to take consumptions into the
exposition room. If previsously agreed, drinks may be consumed
that is provided in a designated area by a caterer. The use of
chewing gum is not allowed..</li>
<li>Smoking is prohibited in all buildings on the Wageningen
UR campus..</li>
<li>Photography for commercial use is not allowed without
prior concent and written permission..</li>
<li>Do not sit on the tables..</li>
<li>Do not touch the soil profiles nor the wall they are
attached to..</li>
</ul>
</div>
</div><!-- end of call content -->
-->
<div class="content-to-populate-in-modal"
id="modal-profileDescription">
......@@ -194,39 +229,42 @@
.ready(
function() {
var monolithList = [
"how_to_make_monolith1_rot.png",
"how_to_make_monolith2_rot.png",
"how_to_make_monolith3.png",
"how_to_make_monolith4.png",
"how_to_make_monolith5_rot.png",
"how_to_make_monolith6_rot.png",
"how_to_make_monolith7_rot.png",
"how_to_make_monolith8.png",
"how_to_make_monolith9_rot.png",
"how_to_make_monolith10.png",
"how_to_make_monolith11.png",
"how_to_make_monolith12.png",
"how_to_make_monolith13_rot.png",
"how_to_make_monolith14_rot.png",
"how_to_make_monolith15_rot.png",
"how_to_make_monolith16_rot.png",
"how_to_make_monolith17_rot.png",
"how_to_make_monolith18_rot.png",
"how_to_make_monolith19_rot.png",
"how_to_make_monolith20.png",
"how_to_make_monolith21.png",
"how_to_make_monolith22.png",
"how_to_make_monolith23_rot.png",
"how_to_make_monolith24.png",
"how_to_make_monolith25.png" ]
["Carrying equipment and tools to the sampling site","how_to_make_monolith1_rot.png"],
["View near the sampling site","how_to_make_monolith2_rot.png"],
["Measuring slope","how_to_make_monolith3.png"],
["Soil augering for site selection","how_to_make_monolith4.png"],
["Digging the soil pit","how_to_make_monolith5_rot.png"],
["Soil pit is ready","how_to_make_monolith6_rot.png"],
["Inspection of the soil properties","how_to_make_monolith7_rot.png"],
["Preparing a soil column","how_to_make_monolith8.png"],
["The soil column is ready","how_to_make_monolith9_rot.png"],
["Fitting the box around the column","how_to_make_monolith10.png"],
["The column is in the box!","how_to_make_monolith11.png"],
["loosening the column from the rear side (1)","how_to_make_monolith12.png"],
["wraps are used to fix the soil column","how_to_make_monolith13_rot.png"],
["loosening the column from the rear side","how_to_make_monolith14_rot.png"],
["loosening the column from the rear side","how_to_make_monolith15_rot.png"],
["wraps are used to fix the soil column","how_to_make_monolith16_rot.png"],
["loosening the column from the rear side","how_to_make_monolith17_rot.png"],
["loosening the column from the rear side","how_to_make_monolith18_rot.png"],
["column is in the box","how_to_make_monolith19_rot.png"],
["wraps are removed","how_to_make_monolith20.png"],
["the box is closed","how_to_make_monolith21.png"],
["the box is closed","how_to_make_monolith22.png"],
["the box is closed","how_to_make_monolith23_rot.png"],
["transport of box","how_to_make_monolith24.png"],
["transport of box","how_to_make_monolith25.png" ]]
var $diggingMono = $("#diggingMono")
for ( var index in monolithList) {
var $caption=(monolithList[index][0]);
$diggingMono
.append("<div class='item'>"
+ "<a href='/images/monolithpreparation/{}' data-lightbox='popup-alt-gallery'>"
.format(monolithList[index])
+ "<img class='lazyOwl' data-src='/images/monolithpreparation/thumbnails/{}'></a></div>"
.format(monolithList[index]))
+ "<a href='/images/monolithpreparation/{}' data-lightbox='popup-alt-gallery'".format(monolithList[index][1]) + " title= '"+ $caption + "'>"
+ "<img class='lazyOwl' data-src='/images/monolithpreparation/thumbnails/{}'>".format(monolithList[index][1])+"</a></div>"
)
}
})
</script>
......@@ -242,12 +280,10 @@
<!-- </div> -->
<!-- end cealr fix -->
</div>
<!-- content-to-populate-in-modalprofile desc -->
</div><!-- content-to-populate-in-modalprofile desc -->
</div>
<!-- .col-sm-10 -->
<!-- give it a bit more space -->
<!-- .col-sm-10 --> <!-- give it a bit more space -->
</div>
<!-- .content-wrapper -->
</article>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment