Skip to content

GitLab

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

Changes done by ingrid 

Former-commit-id: c4166ded
Former-commit-id: a9c5d2558b677777dfc3fafb6ca801d327dd296c [formerly 807325de248eadf77c31d56d68d640a9fdaf0155]
Former-commit-id: eff7e95b9fba5f68f773cd7c07ee7a6e4f3c38ea
parent e748b5bd
Hide whitespace changes
Inline Side-by-side
Showing with 168 additions and 130 deletions
www/WSRC.html
View file @ 42fa8373
......@@ -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 -->
......
www/gallery.html
View file @ 42fa8373
......@@ -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);
......@@ -199,4 +199,4 @@ function getOwl(){
});
})();
</script>
</script>
\ No newline at end of file
www/intro.html
View file @ 42fa8373
......@@ -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 -->
www/visit.html
View file @ 42fa8373
<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">
<h1>Visit the Museum</h1>
<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,11 +17,13 @@
</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>
<div>
<div data-toggle="collapse" href="#whatFor" class="pointercss">
......@@ -40,16 +34,15 @@
</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>
</div>
<div>
<div data-toggle="collapse" href="#openTime" class="pointercss">
......@@ -59,38 +52,31 @@
</h4>
</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">
<a
onclick="populate_and_open_modal(event, 'modal-bookingDescription');"><em>(Read
more...)</em></a>
</p>
<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>
</p>
</div>
</div>
<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">
......@@ -100,30 +86,30 @@
</h4>
</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
discussed).</p>
<p>
<a class="exampleModal" id="exampleModal1"
href="http://www.isric.org/content/guided-tour-request"
target="_blank"> <!--<a href="http://isric.org/content/guided-tour-request">-->
<em>Please use form...</em>
</a>
</p>
<p class="fontspacecss">Please book in advance</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. 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"
href="http://www.isric.org/content/guided-tour-request"
target="_blank"> <!--<a href="http://isric.org/content/guided-tour-request">-->
<em>Please use form...</em>
</a>
</p>
<p class="lead">Please book in advance</p>
</div>
</div>
<!--<h3>Services and recommendations</h3>-->
<div>
......@@ -134,9 +120,9 @@
</div>
<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>
museum. Near the entrance of the museum there is a coffee machine
and there is a lunch cafeteria, the Gaia-Lumen
kiosk, open from 10.00-13.30h on Mon – Fri.</p>
</div>
</div>
<div>
......@@ -148,16 +134,65 @@
</div>
<div class="collapse" id="access">
<p class="fontspacecss">The World Soil Museum is accessible for
people with physical impairments. The exposition room is at the
first floor and is accessible by elevator. The Museum has adapted
toilets available in the hall of the main (GAIA) building.</p>
people with physical impairments. The exposition room is at the
first floor and is accessible by elevator. The Museum has adapted
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><!-- end of call content -->
</div>
-->
<div class="content-to-populate-in-modal"
id="modal-profileDescription">
<!-- description on how monoliths are prepared -->
......@@ -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,13 +280,11 @@
<!-- </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>
<!-- .section-wrapper visit-->
<!-- .section-wrapper visit-->
\ No newline at end of file
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