PageSourceSearch

https://www.proceedings-iodp3.net/home.html

html proceedings-iodp3.net collected 2026-10-08 00:35:27 UTC 66,615 bytes, 1,352 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<!--[if lt IE 7]>      <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7 co-ui"> <![endif]-->
3											<!--[if IE 7]>         <html  xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="no-js lt-ie9 lt-ie8 co-ui"> <![endif]-->
4											<!--[if IE 8]>         <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="no-js lt-ie9 co-ui"> <![endif]-->
5											<!--[if gt IE 8]><!--> <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="no-js co-ui"> <!--<![endif]--> 
6											<!-- remove class no-js if js is available --><head>
7                                                <!-- BEGIN_HEAD -->
8                                                <!-- START_SNIPPET:part6 -->
9                                                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10                                                <meta charset="utf-8" />
11                                                <meta name="viewport" content="width=device-width, initial-scale=1" />
12                                                
13                                                <meta name="theme-color" content="#000000" />
14                                                <meta name="application-name" content="1" />
15                                                <meta name="msapplication-TileColor" content="#FFFFFF" />
16                                            <link rel="preconnect" crossorigin="" href="https://contentmanager.copernicus.org/" /><link rel="icon" size="16x16" href="https://www.proceedings-IODP3.net/favicon_copernicus_16x16_.ico" type="image/x-icon" /><link rel="icon" size="24x24" href="https://www.proceedings-IODP3.net/favicon_copernicus_24x24_.ico" type="image/x-icon" /><link rel="icon" size="32x32" href="https://www.proceedings-IODP3.net/favicon_copernicus_32x32_.ico" type="image/x-icon" /><link rel="icon" size="48x48" href="https://www.proceedings-IODP3.net/favicon_copernicus_48x48_.ico" type="image/x-icon" /><link rel="icon" size="64x64" href="https://www.proceedings-IODP3.net/favicon_copernicus_64x64_.ico" type="image/x-icon" /><link rel="icon" size="228x228" href="https://www.proceedings-IODP3.net/favicon_copernicus_228x228_.png" type="image/png-icon" /><link rel="icon" size="195x195" href="https://www.proceedings-IODP3.net/favicon_copernicus_195x195_.png" type="image/png-icon" /><link rel="icon" size="196x196" href="https://www.proceedings-IODP3.net/favicon_copernicus_196x196_.png" type="image/png-icon" /><link rel="icon" size="128x128" href="https://www.proceedings-IODP3.net/favicon_copernicus_128x128_.png" type="image/png-icon" /><link rel="icon" size="96x96" href="https://www.proceedings-IODP3.net/favicon_copernicus_96x96_.png" type="image/png-icon" /><link rel="apple-touch-icon-precomposed" size="180x180" href="https://www.proceedings-IODP3.net/favicon_copernicus_180x180_.png" type="image/png-icon" /><link rel="apple-touch-icon-precomposed" size="120x120" href="https://www.proceedings-IODP3.net/favicon_copernicus_120x120_.png" type="image/png-icon" /><link rel="apple-touch-icon-precomposed" size="152x152" href="https://www.proceedings-IODP3.net/favicon_copernicus_152x152_.png" type="image/png-icon" /><link rel="apple-touch-icon-precomposed" size="76x76" href="https://www.proceedings-IODP3.net/favicon_copernicus_76x76_.png" type="image/png-icon" /><link rel="apple-touch-icon-precomposed" size="57x57" href="https://www.proceedings-IODP3.net/favicon_copernicus_57x57_.ico" type="image/png-icon" /><link rel="apple-touch-icon-precomposed" size="144x144" href="https://www.proceedings-IODP3.net/favicon_copernicus_144x144_.png" type="image/png-icon" />
16<script type="text/javascript" src="https://cdn.copernicus.org/libraries/mustache/2.3.0/mustache.min.js"></script>
16<script type="text/javascript" src="https://cdn.copernicus.org/libraries/jquery/1.11.1/jquery.min.js"></script>
16<script type="text/javascript" src="https://cdn.copernicus.org/js/copernicus.min.js"></script>
16<script type="text/javascript" src="https://cdn.copernicus.org/apps/htmlgenerator/js/htmlgenerator-v2.js"></script>
16<script type="text/javascript" src="https://cdn.copernicus.org/libraries/photoswipe/4.1/photoswipe.min.js"></script>
16<script type="text/javascript" src="https://cdn.copernicus.org/libraries/photoswipe/4.1/photoswipe-ui-default.min.js"></script>
16<link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/libraries/dszparallexer/dzsparallaxer.css" />
16<script type="text/javascript" src="https://cdn.copernicus.org/libraries/dszparallexer/dzsparallaxer.js"></script>
16<link rel="stylesheet" type="text/css" media="all" id="hasBootstrap" href="https://cdn.copernicus.org/libraries/bootstrap/current/css/bootstrap.min.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/libraries/bootstrap/current/css/bootstrap-media.min.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/libraries/bootstrap/current/css/bootstrap-grid.min.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/libraries/bootstrap/current/css/bootstrap-reboot.min.css" />
16<script type="text/javascript" src="https://cdn.copernicus.org/libraries/bootstrap/current/js/popper.js"></script>
16<script type="text/javascript" src="https://cdn.copernicus.org/libraries/bootstrap/current/js/bootstrap.min.js"></script>
16<link rel="preconnect" crossorigin="" href="https://cdn.copernicus.org/" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/libraries/unsemantic/unsemantic.min.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/libraries/photoswipe/4.1/photoswipe.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/libraries/photoswipe/4.1/dark-icon-skin/dark-icon-skin.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/css/copernicus-min.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/css/fontawesome.css" /><link rel="stylesheet" type="text/css" media="all" href="https://cdn.copernicus.org/fonts/FontAwesome/5.11.2_and_4.7.0/css/all.font.css" /><link rel="stylesheet" type="text/css" media="projection, handheld, screen, tty, tv, print" href="https://www.proceedings-IODP3.net/co_cms_font_open_sans_v_15.css" /><link rel="stylesheet" type="text/css" media="projection, handheld, screen, tty, tv, print" href="https://www.proceedings-IODP3.net/template_one_column_base_2023_202605261206_1676458272.css" /><link rel="stylesheet" type="text/css" media="projection, handheld, screen, tty, tv, print" href="https://www.proceedings-IODP3.net/PIODP_css.css" /><link rel="stylesheet" type="text/css" media="print" href="https://www.proceedings-IODP3.net/template_one_column_base_print_2023_1674737524.css" />
16<script src="https://www.proceedings-IODP3.net/co_common.js" type="text/javascript">
17</script>
17<script src="https://www.proceedings-IODP3.net/co_auth_check.js" type="text/javascript">
18</script>
18<script src="https://www.proceedings-IODP3.net/onload_javascript_actions.js" type="text/javascript">
19</script>
19<script src="https://www.proceedings-IODP3.net/template-one-column_2023.js" type="text/javascript">
20</script>
20<!-- END_SNIPPET:part6 --><!-- END_HEAD --><meta name="global_projectID" content="893" /><meta name="global_pageID" content="58473" /><meta name="global_pageIdentifier" content="home" /><meta name="global_moBaseURL" content="https://meetingorganizer.copernicus.org/" /><meta name="global_projectShortcut" content="PIODP" /><meta name="global_projectDomain" content="https://www.proceedings-IODP3.net/" /><title>PIODP - Home </title><meta name="data-non-mobile-optimized-message" content="" /></head><body><!-- $$BODY_HEAD$$ --><header id="printheader" class="d-none d-print-block container">
21
22    <!-- START_SNIPPET:part7 -->
23
24    <img src="https://www.proceedings-IODP3.net/template-IODP3-logo.png" alt="" style="width: 4352px; height: 1699px;" />
25
26</header>
27
28<header class="d-print-none mb-n3 version-2023">
29
30    <div class="container">
31
32        <div class="row no-gutters mr-0 ml-0 align-items-center header-wrapper mb-lg-3">
33
34            <div class="col-auto pr-3">
35
36                <div class="layout__moodboard-logo-year-container">
37
38                    <a class="layout__moodboard-logo-link" target="_blank" href="https://www.plymouth.ac.uk/">
39
40                    <div class="layout__moodboard-logo">
41
42                        <img src="https://www.proceedings-IODP3.net/template-IODP3-logo.png" alt="" style="width: 4352px; height: 1699px;" />
43
44                    </div>
45
46                    </a>
47
48                </div>
49
50            </div>
51
52            <div class="d-none d-lg-block col text-md-right layout__title-desktop">
53
54<div class="layout-launch-banner">
55
56
57
58</div>
59
60                <div class="layout__m-location-and-time">
61
62                    <a class="moodboard-title-link" href="https://www.proceedings-IODP3.net/">
63
64                    Proceedings of the International Ocean Drilling Programme
65
66                    </a>
67
68                </div>
69
70            </div>
71
72            <div class="d-none d-md-block d-lg-none col text-md-right layout__title-tablet">
73
74                <div class="layout__m-location-and-time">
75
76                    <a class="moodboard-title-link" href="https://www.proceedings-IODP3.net/">
77
78                    Proceedings of the International Ocean Drilling Programme
79
80                    </a>
81
82                </div>
83
84            </div>
85
86            <div class="col layout__m-location-and-time-mobile d-md-none text-center layout__title-mobile">
87
88                <a class="moodboard-title-link" href="https://www.proceedings-IODP3.net/">
89
90                Proceedings of the International Ocean Drilling Programme
91
92                </a>
93
94            </div>
95
96            <!-- End Logo -->
97
98            <div class="col-auto text-right">
99
100                <button class="navbar-toggler light mx-auto mr-sm-0" type="button" data-toggle="collapse" data-target="#navbar_menu" aria-controls="navbar_menu" aria-expanded="false" aria-label="Toggle navigation">
101
102                    <span class="navbar-toggler-icon light"></span>
103
104                </button>
105
106            </div>
107
108            <!-- Topbar -->
109
110            <div class="topbar d-print-none">
111
112                <!-- <iframe
113				frameborder="0"
114				id="co_auth_check_authiframecontainer"
115				style="width: 179px; height: 57px; margin: 0; margin-bottom: 5px; margin-left: 10px; margin-top: -15px; padding: 0; border: none; overflow: hidden; background-color: transparent; display: none;"
116				src=""></iframe> -->
117
118            </div>
119
120            <!-- End Topbar -->
121
122        </div>
123
124    </div>
125
126    <div class="banner-navigation-breadcrumbs-wrapper">
127
128        <div id="navigation">
129
130            <nav class="container navbar navbar-expand-lg navbar-light"><!-- Logo -->
131
132                <div class="collapse navbar-collapse CMSCONTAINER" id="navbar_menu">
133
134                <div id="cmsbox_125138" class="cmsbox navbar-collapse"><button style="display: none;" class="navbar-toggler navigation-extended-toggle-button" type="button" data-toggle="collapse" data-target="#navbar_menu" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
135    <span class="navbar-toggler-icon"></span>
136</button>
137<div class="navbar-collapse CMSCONTAINER collapse show" id="navbarSupportedContent">
138            <ul class="navbar-nav mr-auto no-styling">
139                    <li class="nav-item  ">
140                        <a target="_parent" class="nav-link active "  href="https://www.proceedings-IODP3.net/home.html"><i class='fal fa-home fa-lg' title='Home'></i></a>
141                </li>
142                    <li class="nav-item  ">
143                        <a target="_parent" class="nav-link  "  href="https://piodp.copernicus.org/">Articles</a>
144                </li>
145                    <li class="nav-item  ">
146                        <a target="_parent" class="nav-link  "  href="https://www.proceedings-IODP3.net/submission.html">Submission</a>
147                </li>
148                    <li class="nav-item  dropdown ">
149                        <a target="_self" class="nav-link dropdown-toggle  "  href="#" id="navbarDropdown58465" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Policies
150                            <span class="caret"></span></a>
151                        <div class="dropdown-menu  level-1 " aria-labelledby="navbarDropdown58465">
152                            <div >
153                                <div >
154                                <div class="col-md-12 col-lg-12 col-sm-12">
155                                        <div class="dropdown-item level-2  " style="list-style: none">
156                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/licence_and_copyright.html">Licence & copyright</a>
157                                    </div>
158                                        <div class="dropdown-item level-2  " style="list-style: none">
159                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/general_terms.html">General terms</a>
160                                    </div>
161                                        <div class="dropdown-item level-2  " style="list-style: none">
162                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/publication_policy.html">Publication policy</a>
163                                    </div>
164                                        <div class="dropdown-item level-2  " style="list-style: none">
165                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/ai_policy.html">AI policy</a>
166                                    </div>
167                                        <div class="dropdown-item level-2  " style="list-style: none">
168                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/data_policy.html">Data policy</a>
169                                    </div>
170                                        <div class="dropdown-item level-2  " style="list-style: none">
171                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/publication_ethics.html">Publication ethics</a>
172                                    </div>
173                                        <div class="dropdown-item level-2  " style="list-style: none">
174                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/competing_interests_policy.html">Competing interests policy</a>
175                                    </div>
176                                        <div class="dropdown-item level-2  " style="list-style: none">
177                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/appeals_and_complaints.html">Appeals & complaints</a>
178                                    </div>
179                                        <div class="dropdown-item level-2  " style="list-style: none">
180                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/proofreading_guidelines.html">Proofreading guidelines</a>
181                                    </div>
182                                        <div class="dropdown-item level-2  " style="list-style: none">
183                                            <a   target="_parent" 
183class="" href="https://www.proceedings-IODP3.net/policies/obligations_for_authors.html">Obligations for authors</a>
184                                    </div>
185                                        <div class="dropdown-item level-2  " style="list-style: none">
186                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/obligations_for_editors.html">Obligations for editors</a>
187                                    </div>
188                                        <div class="dropdown-item level-2  " style="list-style: none">
189                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/obligations_for_referees.html">Obligations for referees</a>
190                                    </div>
191                                        <div class="dropdown-item level-2  " style="list-style: none">
192                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/policies/author_name_change.html">Inclusive author name-change policy</a>
193                                    </div>
194                                </div>
195                                </div>
196                            </div>
197                        </div>
198                </li>
199                    <li class="nav-item  dropdown ">
200                        <a target="_self" class="nav-link dropdown-toggle  "  href="#" id="navbarDropdown58417" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Peer review
201                            <span class="caret"></span></a>
202                        <div class="dropdown-menu  level-1 " aria-labelledby="navbarDropdown58417">
203                            <div >
204                                <div >
205                                <div class="col-md-12 col-lg-12 col-sm-12">
206                                        <div class="dropdown-item level-2  " style="list-style: none">
207                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/peer_review/review_process.html">Review process</a>
208                                    </div>
209                                        <div class="dropdown-item level-2  " style="list-style: none">
210                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/peer_review/review_criteria.html">Review criteria</a>
211                                    </div>
212                                        <div class="dropdown-item level-2  " style="list-style: none">
213                                            <a data-non-mobile-optimized="1"  target="_parent" class="" href="https://editor.copernicus.org/PIODP/my_manuscript_overview">Manuscript tracking</a>
214                                    </div>
215                                        <div class="dropdown-item level-2  " style="list-style: none">
216                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/peer_review/reviewer_recognition.html">Reviewer recognition</a>
217                                    </div>
218                                </div>
219                                </div>
220                            </div>
221                        </div>
222                </li>
223                    <li class="nav-item  ">
224                        <a target="_parent" class="nav-link  "  href="https://www.proceedings-IODP3.net/editorial_board.html">Editorial board</a>
225                </li>
226                    <li class="nav-item  dropdown ">
227                        <a target="_self" class="nav-link dropdown-toggle  "  href="#" id="navbarDropdown58442" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About
228                            <span class="caret"></span></a>
229                        <div class="dropdown-menu  level-1 dropdown-menu-right" aria-labelledby="navbarDropdown58442">
230                            <div >
231                                <div >
232                                <div class="col-md-12 col-lg-12 col-sm-12">
233                                        <div class="dropdown-item level-2  " style="list-style: none">
234                                            <a   target="_parent" 
234class="" href="https://www.proceedings-IODP3.net/about/aims_and_scope.html">Aims & scope</a>
235                                    </div>
236                                        <div class="dropdown-item level-2  " style="list-style: none">
237                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/about/manuscript_types.html">Manuscript types</a>
238                                    </div>
239                                        <div class="dropdown-item level-2  " style="list-style: none">
240                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/about/scheduled_volumes.html">Scheduled volumes</a>
241                                    </div>
242                                        <div class="dropdown-item level-2  " style="list-style: none">
243                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/about/promote_your_work.html">Promote your work</a>
244                                    </div>
245                                        <div class="dropdown-item level-2  " style="list-style: none">
246                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/about/article_level_metrics.html">Article level metrics</a>
247                                    </div>
248                                        <div class="dropdown-item level-2  " style="list-style: none">
249                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/about/contact.html">Contact</a>
250                                    </div>
251                                        <div class="dropdown-item level-2  " style="list-style: none">
252                                            <a   target="_parent" class="" href="https://www.proceedings-IODP3.net/about/xml_harvesting_and_oai-pmh.html">XML harvesting & OAI-PMH</a>
253                                    </div>
254                                </div>
255                                </div>
256                            </div>
257                        </div>
258                </li>
259                    <li class="nav-item  ">
260                        <a target="_blank" class="nav-link  " data-non-mobile-optimized="1" href="https://editor.copernicus.org/PIODP/"><i class='fal fa-sign-in-alt fa-lg' title='Login'></i></a>
261                </li>
262                <!-- Topbar -->
263                <li class="d-print-none d-lg-none pt-2 topbar-mobile">
264                    <!-- <iframe
265				frameborder="0"
266				id="co_auth_check_authiframecontainer"
267				style="width: 179px; height: 57px; margin: 0; margin-bottom: 5px; margin-left: 10px; margin-top: -15px; padding: 0; border: none; overflow: hidden; background-color: transparent; display: none;"
268				src=""></iframe> -->
269                </li>
270                <!-- End Topbar -->
271            </ul>
272</div>
273</div></div>
274
275            </nav>
276
277        </div>
278
279        <section id="banner" class="banner dzsparallaxer use-loading auto-init height-is-based-on-content mode-scroll loaded dzsprx-readyall">
280
281            <div class="divimage dzsparallaxer--target layout__moodboard-banner" data-src="" style=""></div>
282
283            <!-- END_SNIPPET:part7 -->
284
285            <div id="headers-content-container" class="container CMSCONTAINER">
286
287
288
289            <div id="cmsbox_125194" class="cmsbox ">            <span class="header-small text-uppercase"><!-- START_HEADLINE_ORDER_FIRST --><!-- END_HEADLINE_ORDER_FIRST -->&nbsp;</span>
290            <h1 class="display-4 header-get-function home-header hide-md-on-version2023">
291                <!-- START_HEADLINE_ORDER_SECOND -->Proceedings of the International Ocean Drilling Programme<!-- END_HEADLINE_ORDER_SECOND -->&nbsp;
292            </h1>
293</div></div>
294
295        </section>
296
297
298
299        <div id="breadcrumbs" class="breadcrumbs">
300
301            <div class="container">
302
303                <div class="row align-items-center">
304
305                    <div class="d-none d-sm-block text-nowrap pageactions"></div>
306
307                    <!-- START_SEARCH -->
308
309                    <!-- END_SEARCH -->
310
311                    <!-- The template part snippet fo breadcrubs is in source code-->
312
313                    <div class="justify-content-between col-auto col-md CMSCONTAINER" id="breadcrumbs_content_container"><div id="cmsbox_1085869" class="cmsbox "><!-- tpl: templates/get_functions/get_breadcrumbs/index -->
314<div class="breadcrumbGetFunctionContainer">
315    <!-- START_BREADCRUMBS_CONTAINER -->
316    <ol class="breadcrumb">
317        <!-- START_BREADCRUMBS -->
318        <!-- START_SNIPPET:part8 -->
319                <li class="breadcrumb-item active">Home</li>
320        <!-- END_SNIPPET:part8 -->
321        <!-- END_BREADCRUMBS -->
322    </ol>
323    <!-- END_BREADCRUMBS_CONTAINER -->
324</div></div></div>
325
326                    <!-- START_SNIPPET:part10 -->
327
328                    <div class="col col-md-4 text-right page-search CMSCONTAINER" id="search_content_container"><div id="cmsbox_1085812" class="cmsbox "><!-- v1.31 -->
329<!-- 1.31: added placeholder for test system sanitizing-->
330<!-- 1.3: #855 -->
331<!-- 1.2: #166 -->
332<!-- CMS ressources/FinderBreadcrumbBox.html -->
333<!-- START_SITE_SEARCH -->
334<!-- Root element of PhotoSwipe. Must have class pswp. -->
335<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" >
336
337    <!-- Background of PhotoSwipe.
338         It's a separate element as animating opacity is faster than rgba(). -->
339    <div class="pswp__bg"></div>
340
341    <!-- Slides wrapper with overflow:hidden. -->
342    <div class="pswp__scroll-wrap">
343
344        <!-- Container that holds slides.
345            PhotoSwipe keeps only 3 of them in the DOM to save memory.
346            Don't modify these 3 pswp__item elements, data is added later on. -->
347        <div class="pswp__container">
348            <div class="pswp__item"></div>
349            <div class="pswp__item"></div>
350            <div class="pswp__item"></div>
351        </div>
352
353        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
354        <div class="pswp__ui pswp__ui--hidden">
355
356            <div class="pswp__top-bar">
357
358                <!--  Controls are self-explanatory. Order can be changed. -->
359
360                <div class="pswp__counter"></div>
361
362                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
363
364
365                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
366
367                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
368                <!-- element will get class pswp__preloader--active when preloader is running -->
369                <div class="pswp__preloader">
370                    <div class="pswp__preloader__icn">
371                        <div class="pswp__preloader__cut">
372                            <div class="pswp__preloader__donut"></div>
373                        </div>
374                    </div>
375                </div>
376            </div>
377
378            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
379                <div class="pswp__share-tooltip"></div>
380            </div>
381
382            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
383            </button>
384
385            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
386            </button>
387
388            <div class="pswp__caption ">
389                <div class="pswp__caption__center"></div>
390            </div>
391
392        </div>
393
394    </div>
395
396</div>
397<div class="row align-items-center no-gutters py-1" id="search-wrapper">
398
399    <div class="col-auto pl-0 pr-1">
400        <a id="templateSearchInfoBtn" role="button" tabindex="99" data-container="body" data-toggle="popover" data-placement="bottom" data-trigger="click"><span class="fal fa-info-circle"></span></a>
401    </div>
402
403    <div class="col pl-0 pr-1">
404        <input type="search" placeholder="Search" name="q" class="form-control form-control-sm" id="search_query_solr"/>
405    </div>
406    <div class="col-auto pl-0">
407        <button title="Start site search" id="start_site_search_solr" class="btn btn-sm btn-success"><span class="co-search"></span></button>
408    </div>
409</div>
410
411<div class="text-left">
412    <div id="templateSearchInfo" class="d-none">
413        <div>
414            <p>
415                Multiple terms: term1 term2<br />
416                <i>red apples</i><br />
417                returns results with all terms like:<br />
418                <i>Fructose levels in <strong>red</strong> and <strong>green</strong> apples</i><br />
419            </p>
420            <p>
421                Precise match in quotes: "term1 term2"<br />
422                <i>"red apples"</i><br />
423                returns results matching exactly like:<br />
424                <i>Anthocyanin biosynthesis in <strong>red apples</strong></i><br />
425            </p>
426
427            <p>
428                Exclude a term with -: term1 -term2<br />
429                <i>apples -red</i><br />
430                returns results containing <i><strong>apples</strong></i> but not <i><strong>red</strong></i>:<br />
431                <i>Malic acid in green <strong>apples</strong></i><br />
432            </p>
433        </div>
434    </div>
435
436    <div class="modal " id="templateSearchResultModal" role="dialog" aria-labelledby="Search results" aria-hidden="true">
437        <div class="modal-dialog modal-lg modal-dialog-centered">
438            <div class="modal-content">
439                <div class="modal-header modal-header--sticky shadow one-column d-block">
440                    <div class="row no-gutters mx-1">
441                        <div class="col mr-3">
442                                <h1 class="" id="resultsSearchHeader"><span id="templateSearchResultNr"></span> hit<span id="templateSearchResultNrPlural">s</span> for <span id="templateSearchResultTerm"></span></h1>
443                            </div>
444                        <div class="col-auto">
445                            <a id="scrolltopmodal" href="javascript:void(0)" onclick="scrollModalTop();" style="display: none;"><i class="co-home"></i></a>
446
447                        </div>
448                        <div class="col-auto">
449                                <button data-dismiss="modal" aria-label="Close" class="btn btn-danger mt-1">Close</button>
450                            </div>
451                    </div>
452                </div>
453                <div class="modal-body one-column">
454                    <!-- $$co-sanitizing-slot1$$ -->
455                    <div class="grid-container mx-n3">
455<div class="grid-85 tablet-grid-85">
456                        <button aria-label="Refine" id="refineSearchModal" class="btn btn-primary float-left mt-4">Refine your search</button>
457                        <button aria-label="Refine" id="refineSearchModalHide" class="btn btn-danger float-left d-none mt-4">Hide refinement</button>
458                    </div></div>
459                    <div class="grid-container mx-n3"><div class="grid-100 tablet-grid-100"><div id="templateRefineSearch" class="d-none"></div></div></div>
460
461                <div id="templateSearchResultContainer" class="searchResultsModal mx-n3"></div>
462                <div class="grid-container mb-0"><div class="grid-100 tablet-grid-100"><div id="templateSearchResultContainerEmpty" class="co-notification d-none">There are no results for your search term.</div></div></div>
463            </div>
464
465            </div>
466        </div>
467    </div>
468</div>
469
470    <!-- feedback network problems -->
471    <div class="modal " id="templateSearchErrorModal1"  role="dialog" aria-labelledby="Search results" aria-hidden="true">
472        <div class="modal-dialog modal-lg modal-dialog-centered">
473            <div class="modal-content p-3">
474                <div class="modal-body text-left">
475                    <h1 class="mt-0 pt-0">Network problems</h1>
476                    <div class="co-error">We are sorry, but your search could not be completed due to network problems. Please try again later.</div>
477                </div>
478            </div>
479        </div>
480    </div>
481
482    <!-- feedback server timeout -->
483    <div class="modal " id="templateSearchErrorModal2" role="dialog" aria-labelledby="Search results" aria-hidden="true">
484        <div class="modal-dialog modal-lg modal-dialog-centered">
485            <div class="modal-content p-3">
486                <div class="modal-body text-left">
487                    <h1 class="mt-0 pt-0">Server timeout</h1>
488                    <div class="co-error">We are sorry, but your search could not be completed due to server timeouts. Please try again later.</div>
489                </div>
490            </div>
491        </div>
492    </div>
493
494    <!-- feedback invalid search term -->
495    <div class="modal " id="templateSearchErrorModal3"  role="dialog" aria-labelledby="Search results" aria-hidden="true">
496        <div class="modal-dialog modal-lg modal-dialog-centered">
497            <div class="modal-content p-3">
498                <div class="modal-body text-left">
499                    <h1 class="mt-0 pt-0">Empty search term</h1>
500                    <div class="co-error">You have applied the search with an empty search term. Please revisit and try again.</div>
501                </div>
502            </div>
503        </div>
504    </div>
505
506    <!-- feedback too many requests -->
507    <div class="modal " id="templateSearchErrorModal4"  role="dialog" aria-labelledby="Search results" aria-hidden="true">
508        <div class="modal-dialog modal-lg modal-dialog-centered">
509            <div class="modal-content p-3">
510                <div class="modal-body text-left">
511                    <h1 class="mt-0 pt-0">Too many requests</h1>
512                    <div class="co-error">We are sorry, but we have received too many parallel search requests. Please try again later.</div>
513                </div>
514            </div>
515        </div>
516    </div>
517
518    <!-- loading -->
519    <div class="modal " id="templateSearchLoadingModal"  role="dialog" aria-labelledby="Search results" aria-hidden="true">
520        <div class="modal-dialog modal-sm modal-dialog-centered">
521            <div class="modal-content p-3 co_LoadingDotsContainer">
522                <div class="modal-body">
523                    <div class="text">Searching</div>
524                    <div class="dots d-flex justify-content-center"><div class="dot"></div><div class="dot"></div><div class="dot"></div></div></div>
525            </div>
526        </div>
527    </div>
528
529</div>
530<style>
531    /*.modal {*/
532    /*    background: rgba(255, 255, 255, 0.8);*/
533    /*}*/
534    .modal-header--sticky {
535        position: sticky;
536        top: 0;
537        background-color: inherit;
538        z-index: 1055;
539    }
540    .grid-container
541    {
542        margin-bottom: 1em;
543        /*padding-left: 0;*/
544        /*padding-right: 0;*/
545    }
546    #templateSearchInfo{
547        display: none;
548        background-color: var(--background-color-primary);
549        margin-top: 1px;
550        z-index: 5;
551        border: 1px solid var(--color-primary);
552        opacity: .8;
553        font-size: .7rem;
554        border-radius: .25rem;
555    }
556
557
558    #templateSearchLoadingModal .co_LoadingDotsContainer
559    {
560        z-index: 1000;
561    }
562    #templateSearchLoadingModal .co_LoadingDotsContainer .text
563    {
564        text-align: center;
565        font-weight: bold;
566        padding-bottom: 1rem;
567    }
568    #templateSearchLoadingModal .co_LoadingDotsContainer .dot
569    {
570        background-color: #0072BC;
571        border: 2px solid white;
572        border-radius: 50%;
573        float: left;
574        height: 2rem;
575        width: 2rem;
576        margin: 0 5px;
577        -webkit-transform: scale(0);
578        transform: scale(0);
579        -webkit-animation: animation_dots_breath 1000ms ease infinite 0ms;
580        animation: animation_dots_breath 1000ms ease infinite 0ms;
581    }
582    #templateSearchLoadingModal .co_LoadingDotsContainer .dot:nth-child(2)
583    {
584        -webkit-animation: animation_dots_breath 1000ms ease infinite 300ms;
585        animation: animation_dots_breath 1000ms ease infinite 300ms;
586    }
587    #templateSearchLoadingModal .co_LoadingDotsContainer .dot:nth-child(3)
588    {
589        -webkit-animation: animation_dots_breath 1000ms ease infinite 600ms;
590        animation: animation_dots_breath 1000ms ease infinite 600ms;
591    }
592    #templateSearchResultModal [class*="grid-"] {
593        padding-left: 10px !important;
594        padding-right: 10px !important;
595    }
596    #templateSearchResultTerm {
597        font-weight: bold;
598    }
599
600    #resultsSearchHeader {
601        display: block !important;
602    }
603    #scrolltopmodal {
604        font-size: 3.0em;
605        margin-top: 0 !important;
606        margin-right: 15px;
607    }
608
609    @-webkit-keyframes animation_dots_breath {
610        50% {
611            -webkit-transform: scale(1);
612            transform: scale(1);
613            opacity: 1;
614        }
615        100% {
616            opacity: 0;
617        }
618    }
619    @keyframes animation_dots_breath {
620        50% {
621            -webkit-transform: scale(1);
622            transform: scale(1);
623            opacity: 1;
624        }
625        100% {
626            opacity: 0;
627        }
628    }
629
630    @media (min-width: 768px) and (max-width: 991px) {
631        #templateSearchResultModal .modal-dialog {
632            max-width: 90%;
633        }
634    }
635
636</style>
637<script>
638
639    if(document.querySelector('meta[name="global_moBaseURL"]').content == "https://meetingorganizer.copernicus.org/")
640        FINDER_URL = document.querySelector('meta[name="global_moBaseURL"]').content.replace('meetingorganizer', 'finder-app')+"search/library.php";
641    else
642        FINDER_URL = document.querySelector('meta[name="global_moBaseURL"]').content.replace('meetingorganizer', 'finder')+"search/library.php";
643
644    SEARCH_INPUT = document.getElementById('search_query_solr');
645    SEARCH_INPUT_MODAL = document.getElementById('search_query_modal');
646    searchRunning = false;
647
648    offset = 20;
649    INITIAL_OFFSET = 20;
650
651    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
652    const targetNodeSearchModal = document.getElementById("templateSearchResultModal");
653    const configSearchModal = { attributes: true, childList: true, subtree: true };
654
655    // Callback function to execute when mutations are observed
656    const callbackSearchModal = (mutationList, observer) => {
657        for (const mutation of mutationList) {
658            if (mutation.type === "childList") {
659                // console.log("A child node has been added or removed.");
660                picturesGallery();
661            } else if (mutation.type === "attributes") {
662                // console.log(`The ${mutation.attributeName} attribute was modified.`);
663            }
664        }
665    };
666
667    // Create an observer instance linked to the callback function
668    const observer = new MutationObserver(callbackSearchModal);
669
670    // Start observing the target node for configured mutations
671    observer.observe(targetNodeSearchModal, configSearchModal);
672
673    function _addEventListener()
674    {
675        document.getElementById('search_query_solr').addEventListener('keypress', (e) => {
676            if (e.key === 'Enter')
677                _runSearch();
678        });
679        document.getElementById('start_site_search_solr').addEventListener('click', (e) => {
680            _runSearch();
681            e.stopPropagation();
682            e.stopImmediatePropagation();
683            return false;
684        });
685
686        $('#templateSearchResultModal').scroll(function() {
687            if ($(this).scrollTop()) {
688                $('#scrolltopmodal:hidden').stop(true, true).fadeIn().css("display","inline-block");
689            } else {
690                $('#scrolltopmodal').stop(true, true).fadeOut();
691            }
692        });
693
694    }
695
696    function scrollModalTop()
697    {
698        $('#templateSearchResultModal').animate({ scrollTop: 0 }, 'slow');
699        // $('#templateSearchResultModal').scrollTop(0);
700
701    }
702
703    function picturesGallery()
704    {
705        $('body').off('click', '.paperlist-avatar img');
706        $('body').off('click', '#templateSearchResultContainer .paperlist-avatar img');
707        searchPaperListAvatar = [];
708        searchPaperListAvatarThumb = [];
709        search_pswpElement = document.querySelectorAll('.pswp')[0];
710        if (typeof search_gallery != "undefined") {
711            search_gallery = null;
712        }
713        $('body').on('click', '#templateSearchResultContainer .paperlist-avatar img', function (e) {
714            if(searchPaperListAvatarThumb.length === 0 && searchPaperListAvatar.length === 0) {
715                $('#templateSearchResultContainer .paperlist-avatar img').each(function () {
716
717                    var webversion = $(this).attr('data-web');
718                    var width = $(this).attr('data-width');
719                    var height = $(this).attr('data-height');
720                    var caption = $(this).attr('data-caption');
721
722                    var figure = {
723                        src: webversion,
724                        w: width,
725                        h: height,
726                        title: caption
727                    };
728                    searchPaperListAvatarThumb.push($(this)[0]);
729                    searchPaperListAvatar.push(figure);
730                });
731            }
732            var target = $(this);
733            var index = $('#templateSearchResultContainer .paperlist-avatar img').index(target);
734            var options = {
735                showHideOpacity:false,
736                bgOpacity:0.8,
737                index:index,
738                spacing:0.15,
739                history: false,
740                focus:false,
741                getThumbBoundsFn: function(index) {
742                    var thumbnail = searchPaperListAvatarThumb[index];
743                    var pageYScroll = window.pageYOffset || document.documentElement.scrollTop;
744                    var rect = thumbnail.getBoundingClientRect();
745                    return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
746                }
747            };
748            search_gallery = new PhotoSwipe( search_pswpElement, PhotoSwipeUI_Default,[searchPaperListAvatar[index]],options);
749            search_gallery.init();
750        });
751    }
752    function showError(code, msg)
753    {
754        console.error(code, msg);
755
756        $("#templateSearchLoadingModal").modal("hide");
757
758        switch(code)
759        {
760            case -3: 	// http request fail
761            case -2: 	// invalid MO response
762            case 4: 	// CORS
763            case 1: 	// project
764                $("#templateSearchErrorModal1").modal({});
765                break;
766            case -1: 	// timeout
767                $("#templateSearchErrorModal2").modal({});
768                break;
769            case 2: 	// empty term
770                $("#templateSearchErrorModal3").modal({});
771                break;
772            case 3: 	// DOS
773                $("#templateSearchErrorModal4").modal({});
774                break;
775            default:
776                $("#templateSearchErrorModal1").modal({});
777                break;
778        }
779    }
780    function clearForm() {
781        var myFormElement = document.getElementById("library-filters")
782        var elements = myFormElement.elements;
783        $(".form-check-input").prop('checked', false).change().parent().removeClass('active');
784        for(i=0; i<elements.length; i++) {
785            field_type = elements[i].type.toLowerCase();
786            switch(field_type) {
787                case "text":
788                case "password":
789                case "textarea":
790                case "hidden":
791                    elements[i].value = "";
792                    break;
793                case "radio":
794                case "checkbox":
795                    if (elements[i].checked) {
796                        elements[i].checked = false;
797                    }
798                    break;
799
800                case "select-one":
801                case "select-multi":
802                    elements[i].selectedIndex = -1;
803                    break;
804
805                default:
806                    break;
807            }
808        }
809    }
810
811    function generateShowMoreButton(offset, term)
812    {
813        var code = '<button aria-label="ShowMore"  id="showMore" class="btn btn-success float-right mr-2" data-offset="' + offset + '">Show more</button>';
814        return code;
815    }
816
817    function hideModal(id)
818    {
819        $("#"+id).modal('hide');
820    }
821
822    function showModal(id)
823    {
824        $("#"+id).modal({});
825    }
826
827    function prepareForPhotoSwipe()
828    {
829        searchPaperListAvatar = [];
830        searchPaperListAvatarThumb = [];
831        search_pswpElement = document.querySelectorAll('.pswp')[0];
832    }
833
834    function _sendAjax(projectID, term)
835    {
836        let httpRequest = new XMLHttpRequest();
837        if(searchRunning)
838        {
839            console.log("Search running");
840            return;
841        }
842
843        if (!httpRequest) {
844            console.error("Giving up :( Cannot create an XMLHTTP instance");
845            showError(-1);
846            return false;
847        }
848
849        // httpRequest.timeout = 20000; // time in milliseconds
850        httpRequest.withCredentials = false;
851        httpRequest.ontimeout = (e) => {
852            showError(-1, "result timeout");
853            searchRunning = false;
854        };
855        httpRequest.onreadystatechange = function()
856        {
857            if (httpRequest.readyState === XMLHttpRequest.DONE)
858            {
859                searchRunning = false;
860
861                if (httpRequest.status === 200) {
862                    let rs = JSON.parse(httpRequest.responseText);
863                    if(rs)
864                    {
865                        if(rs.isError)
866                        {
867                            showError(rs.errorCode, rs.errorMessage);
868                        }
869                        else
870                        {
871                            let html = rs.resultHTMLs;
872                            $("#modal_search_query").val(rs.term);
873                            $("#templateSearchResultTerm").html(rs.term);
874                            $("#templateSearchResultNr").html(rs.resultsNr);
875                            $("#templateRefineSearch").html(rs.filter);
876                            if(rs.filter == false)
877                            {
878                                console.log('filter empty');
879                                $("#refineSearchModal").removeClass('d-block').addClass('d-none');
880                            }
881
882                            if(rs.resultsNr==1)
883                                $("#templateSearchResultNrPlural").hide();
884                            else
885                                $("#templateSearchResultNrPlural").show();
886                            if(rs.resultsNr==0)
887                            {
888                                hideModal('templateSearchLoadingModal');
889                                $("#templateSearchResultContainer").html("");
890                                $("#templateSearchResultContainerEmpty").removeClass("d-none");
891                                showModal('templateSearchResultModal');
892                            }
893                            else
894                            {
895                                if((rs.resultsNr - offset)>0)
896                                {
897                                    html = html + generateShowMoreButton(offset, term);
898                                }
899                                $("#templateSearchResultContainerEmpty").addClass("d-none");
900                                if( offset == INITIAL_OFFSET)
901                                {
902                                    hideModal('templateSearchLoadingModal');
903                                    $("#templateSearchResultContainer").html(html);
904                                    showModal('templateSearchResultModal');
905                                }
906                                else
907                                {
908                                    $('#showMore').remove();
909                                    startHtml = $("#templateSearchResultContainer").html();
910                                    $("#templateSearchResultContainer").html(startHtml + html);
911                                }
912                                // prepareForPhotoSwipe();
913                            }
914                        }
915                    }
916                    else
917                    {
918                        showError(-2, "invalid result");
919                    }
920                } else {
921                    showError(-3, "There was a problem with the request.");
922                }
923            }
924        };
925        if(offset == INITIAL_OFFSET)
926        {
927            hideModal('templateSearchResultModal');
928            showModal('templateSearchLoadingModal');
929        }
930
931        httpRequest.open("GET", FINDER_URL+"?project="+projectID+"&term="+encodeURI(term)+((offset>INITIAL_OFFSET)?("&offset="+(offset-INITIAL_OFFSET)) : ""));
932        httpRequest.send();
933        searchRunning = true;
934    }
935
936    function _runSearch()
937    {
938        var projectID = document.querySelector('meta[name="global_projectID"]').content;
939        var term = _searchTrimInput(SEARCH_INPUT.value);
940
941        if(term.length > 0)
942        {
943            _sendAjax(projectID, term);
944        }
945        else
946        {
947            showError(2, 'Empty search term')
948        }
949    }
950    function _searchTrimInput(str) {
951        return str.replace(/^\s+|\s+$/gm, '');
952    }
953
954    function run()
955    {
956        _addEventListener();
957
958        $('#templateSearchInfoBtn, #modalSearchInfoBtn').popover({
959            sanitize: false,
960            html: true,
961            content: $("#templateSearchInfo").html(),
962            placement: "bottom",
963            template: '<div class="popover" role="tooltip"><div class="arrow"></div><button class="m-1 float-right btn btn-sm btn-danger" id="templateSearchInfoClose"><i class="fas fa-times-circle"></i></button><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
964            title: "Search tips",
965        });
966        $(document).click(function (e) {
967            let t = $(e.target);
968            let a = t && t.attr("data-toggle")!=="popover" && t.parent().attr("data-toggle")!=="popover";
969            let b = t && $(".popover").has(t).length===0;
970            if(a && b)
971            {
972                $('#templateSearchInfoBtn').popover('hide');
973                $('#modalSearchInfoBtn').popover('hide');
974            }
975        });
976        $('#templateSearchInfoBtn').on('shown.bs.popover', function () {
977            $("#templateSearchInfoClose").click(function(e){
978                $('#templateSearchInfoBtn').popover('hide');
979                e.stopPropagation();
980                e.stopImmediatePropagation();
981                return false;
982            });
983        })
984        $('#templateSearchResultModal').on('hidden.bs.modal', function(e) {
985            $('body').off('click', '#templateSearchResultContainer .paperlist-avatar img');
986            var pswpElement = document.querySelectorAll('.pswp')[0];
987            var gallery = null;
988            var paperListAvatar = [];
989            var paperListAvatarThumb = [];
990            $('.paperlist-avatar img').each(function(){
991                var webversion = $(this).attr('data-web');
992                var width = $(this).attr('data-width');
993                var height = $(this).attr('data-height');
994                var caption =$(this).attr('data-caption');
995
996                var figure = {
997                    src:webversion,
998                    w:width,
999                    h:height,
1000                    title:caption
1001                };
1002                paperListAvatarThumb.push($(this)[0]);
1003                paperListAvatar.push(figure);
1004            });
1005            $('body').on('click', '.paperlist-avatar img', function (e) {
1006                if(paperListAvatarThumb.length === 0 && paperListAvatar.length === 0){
1007                    $('.paperlist-avatar img').each(function(){
1008                        var webversion = $(this).attr('data-web');
1009                        var width = $(this).attr('data-width');
1010                        var height = $(this).attr('data-height');
1011                        var caption =$(this).attr('data-caption');
1012
1013                        var figure = {
1014                            src:webversion,
1015                            w:width,
1016                            h:height,
1017                            title:caption
1018                        };
1019                        paperListAvatarThumb.push($(this)[0]);
1020                        paperListAvatar.push(figure);
1021                    });
1022                }
1023                var target = $(this);
1024                var index = $('.paperlist-avatar img').index(target);
1025                var options = {
1026                    showHideOpacity:true,
1027                    bgOpacity:0.8,
1028                    index:index,
1029                    spacing:0.15,
1030                    getThumbBoundsFn: function(index) {
1031
1032                        var thumbnail = paperListAvatarThumb[index];
1033                        var pageYScroll = window.pageYOffset || document.documentElement.scrollTop;
1034                        var rect = thumbnail.getBoundingClientRect();
1035                        return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};
1036                    }
1037                };
1038                gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default,[paperListAvatar[index]],options);
1039                gallery.init();
1040            });
1041
1042        });
1043        $('#templateSearchResultModal').on('hide.bs.modal', function(e) {
1044            $("#templateRefineSearch").removeClass('d-block').addClass('d-none');
1045            $("#refineSearchModalHide").removeClass('d-block').addClass('d-none');
1046            $("#refineSearchModal").removeClass('d-none').addClass('d-block');
1047            offset = INITIAL_OFFSET;
1048        })
1049
1050        $(document).on("click", "#showMore", function(e){
1051            offset+=INITIAL_OFFSET;
1052            runSearchModal()
1053            e.stopPropagation();
1054            e.stopImmediatePropagation();
1055            return false;
1056        });
1057
1058
1059
1060        $(document).ready(function() {
1061            $(document).on("click", "#refineSearchModal", function (e) {
1062                $("#templateRefineSearch").removeClass('d-none').addClass('d-block');
1063                $(this).removeClass('d-block').addClass('d-none');
1064                $("#refineSearchModalHide").removeClass('d-none').addClass('d-block');
1065            });
1066            $(document).on("click", "#refineSearchModalHide", function (e) {
1067                $("#templateRefineSearch").removeClass('d-block').addClass('d-none');
1068                $(this).removeClass('d-block').addClass('d-none');
1069                $("#refineSearchModal").removeClass('d-none').addClass('d-block');
1070            });
1071
1072            $(document).on("click", "#modal_start_site_search", function (e) {
1073                runSearchModal();
1074                e.stopPropagation();
1075                e.stopImmediatePropagation();
1076                return false;
1077            });
1078        });
1079    }
1080
1081    function runSearchModal()
1082    {
1083        var projectID = document.querySelector('meta[name="global_projectID"]').content;
1084        var queryString = $('#library-filters').serialize();
1085        var term = _searchTrimInput($('#modal_search_query').val());
1086        term+='&'+queryString;
1087        if(term.length > 0)
1088        {
1089            _sendAjax(projectID, term);
1090        }
1091        else
1092        {
1093            showError(2, 'Empty search term')
1094        }
1095    }
1096
1097    if(document.getElementById('search_query_solr'))
1098    {
1099        run();
1100    }
1101
1102</script>
1102
1103<!-- END_SITE_SEARCH --></div></div>
1104
1105                    <!-- END_SNIPPET:part10 -->
1106
1107                </div>
1108
1109            </div>
1110
1111        </div>
1112
1113    </div>
1114
1115</header>
1116
1117<!--=== Content ===-->
1118
1119<main class="one-column version-2023">
1120
1121    <div id="content" class="container">
1122
1123        <div id="page_content_container" class="CMSCONTAINER content-container">
1124
1125            <!-- $$CONTENT$$ -->
1126
1127            <!-- START_LEFT_REMOVABLE_SECTION -->
1128
1129            <!-- END_LEFT_REMOVABLE_SECTION -->
1130
1131        <div id="landing_page" class="cmsbox j-intro-section j-section"><div class="row mt-1">
1132    <div class="col-12 d-xl-none mt-1">
1133        <div class="row service_icons mb-3">
1134            <a href="https://piodp.copernicus.org/" class="col-auto pr-0"><img src="https://www.proceedings-IODP3.net/icon_open_access.svg" title="Open access" alt="Open access" /></a>
1135            <a href="https://www.proceedings-IODP3.net/peer_review/review_process.html" class="col-auto pr-0"><img src="https://www.proceedings-IODP3.net/icon_public_peer_review.svg" title="Public peer review" alt="Public peer review" /></a>
1136            <a href="https://www.proceedings-IODP3.net/about/article_level_metrics.html" class="col-auto pr-0 d-none d-md-inline-block"><img src="https://www.proceedings-IODP3.net/icon_article_level_metrics.svg" title="Article level metrics" alt="Article level metrics" /></a>
1137        </div>
1138    </div>
1139    <div class="col-auto d-none d-lg-block img-responsive">
1140        <img data-toggle="modal" data-target="#coverModal" class="hover-cursor-pointer" title="PIODP cover" alt="PIODP  cover" cofileid="2573163" src="https://www.proceedings-IODP3.net/graphic_piodp_cover_homepage.png" />
1141    </div>
1142    <div class="col pl-lg-0 mt-1">
1143        <div class="row service_icons mb-3 d-none d-xl-block">
1144            <a href="https://piodp.copernicus.org/" class="col-auto pr-0"><img src="https://www.proceedings-IODP3.net/icon_open_access.svg" title="Open access" alt="Open access" /></a>
1145            <a href="https://www.proceedings-IODP3.net" class="col-auto pr-0">
1146                <img src="https://www.proceedings-IODP3.net/icon_public_peer_review.svg" title="Public peer review" alt="Public peer review" /></a>
1147            <a href="https://www.proceedings-IODP3.net/about/article_level_metrics.html" class="col-auto pr-0 d-none d-md-inline-block">
1148                <img src="https://www.proceedings-IODP3.net/icon_article_level_metrics.svg" title="Article level metrics" alt="Article level metrics" /></a>
1149        </div>
1150        <div class="row">
1151            <div class="col-12 font-weight-bold">Chief editors: Nobuhisa&nbsp;Eguchi, Myriam&nbsp;Kars & Antony&nbsp;Morris</div>
1152        </div>
1153        <div class="row">
1154            <div class="col-12 mt-3">
1155                <p class="font-weight-normal">
1156The Proceedings of the International Ocean Drilling Programme (hereafter referred to as the Proceedings) is an open-access multidisciplinary journal dedicated to publishing reports and research results for IODP<sup>3</sup>
1156 drilling/coring expeditions and SPARCs (Scientific Projects using Ocean Drilling Archives). Proceedings volumes are freely accessible to international researchers and scientists, as well as citizen scientists, and the public.</p>
1157            </div>
1158        </div>
1159    </div>
1160</div>
1161<div id="coverModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
1162    <div class="modal-dialog">
1163        <div class="modal-content">
1164            <div class="modal-header">
1165                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1166                    <span aria-hidden="true">×</span>
1167                </button>
1168            </div>
1169            <div class="container-fluid">
1170                <div class="row">
1171                    <div class="col-12 p-3">
1172                        <img class="img-fluid" alt="PIODP cover enlarged" cofileid="2573164" src="https://www.proceedings-IODP3.net/graphic_PIODP_cover_huge.png" />
1173                    </div>
1174                </div>
1175            </div>
1176        </div>
1177    </div>
1178</div></div><div id="photoswipe-block" class="cmsbox "><div><!-- Root element of PhotoSwipe. Must have class pswp. -->
1179<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" >
1180
1181    <!-- Background of PhotoSwipe.
1182         It's a separate element as animating opacity is faster than rgba(). -->
1183    <div class="pswp__bg"></div>
1184
1185    <!-- Slides wrapper with overflow:hidden. -->
1186    <div class="pswp__scroll-wrap">
1187
1188        <!-- Container that holds slides.
1189            PhotoSwipe keeps only 3 of them in the DOM to save memory.
1190            Don't modify these 3 pswp__item elements, data is added later on. -->
1191        <div class="pswp__container">
1192            <div class="pswp__item"></div>
1193            <div class="pswp__item"></div>
1194            <div class="pswp__item"></div>
1195        </div>
1196
1197        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
1198        <div class="pswp__ui pswp__ui--hidden">
1199
1200            <div class="pswp__top-bar">
1201
1202                <!--  Controls are self-explanatory. Order can be changed. -->
1203
1204                <div class="pswp__counter"></div>
1205
1206                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
1207
1208
1209                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
1210
1211                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
1212                <!-- element will get class pswp__preloader--active when preloader is running -->
1213                <div class="pswp__preloader">
1214                    <div class="pswp__preloader__icn">
1215                        <div class="pswp__preloader__cut">
1216                            <div class="pswp__preloader__donut"></div>
1217                        </div>
1218                    </div>
1219                </div>
1220            </div>
1221
1222            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
1223                <div class="pswp__share-tooltip"></div>
1224            </div>
1225
1226            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
1227            </button>
1228
1229            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
1230            </button>
1231
1232            <div class="pswp__caption ">
1233                <div class="pswp__caption__center"></div>
1234            </div>
1235
1236        </div>
1237
1238    </div>
1239
1240</div></div></div></div>
1241
1242    </div>
1243
1244</main>
1245
1246<!--=== End Content ===-->
1247
1248<!-- START_SNIPPET:part9 -->
1249
1250<footer class="d-print-none version-2023">
1251
1252    <div class="footer">
1253
1254        <div class="container">
1255
1256            <div class="row align-items-center mb-3">
1257
1258                <div class="col-12 col-lg-auto text-center text-md-left title-wrapper">
1259
1260                    <div id="j-header-footer" class="text-center text-md-left">
1261
1262                        <div class="h1 text-center text-md-left">
1263
1264                            Proceedings of the International Ocean Drilling Programme
1265
1266                        </div>
1267
1268                        <p></p>
1269
1270                    </div>
1271
1272                </div>
1273
1274                <div class="col-12 col-lg-auto text-center text-md-left pt-lg-2">
1275
1276                    <div class="row align-items-center">
1277
1278                        <div class="col-12 col-sm text-center text-md-left">
1279    <div class="customer-logo row text-center">
1280        <div class="col-12">
1281            <a href="#" target="_blank">
1282                <img src="https://www.proceedings-IODP3.net/template-IODP3-logo.png" alt="" style="width: 4352px; height: 1699px;" />
1283            </a>
1284        </div>
1285    </div>
1286</div>
1287
1288                        <div class="col-12 col-sm text-center text-md-left">
1289    <span class="copernicus-logo"><a href="https://publications.copernicus.org/" target="_blank"><img src="https://www.proceedings-IODP3.net/template_logo_copernicus_publications_177x22_white.png" alt="" style="width: 1784px; height: 330px;" /></a></span>
1290</div>
1291
1292                    </div>
1293
1294                </div>
1295
1296            </div>
1297
1298        </div>
1299
1300    </div>
1301
1302    <div class="links pb-4 pt-4">
1303
1304        <div class="container">
1305
1306            <div class="row align-items-center">
1307
1308                <div class="col-12 col-xl-auto mt-3">
1309
1310                    <div class="row align-items-start align-items-lg-center">
1311
1312                        <div class="col-12 mb-3 mb-md-0 pl-md-0 text-center text-md-left"><a href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><i class="fab fa-creative-commons fa-lg mr-1"></i><i class="fab fa-creative-commons-by fa-lg"></i></a> All site content, except where otherwise noted, is licensed under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">
1312Creative Commons Attribution 4.0 License</a>.</div>
1313
1314                    </div>
1315
1316                </div>
1317
1318                <div class="col-12 text-center text-md-left col-lg-auto mt-3">
1319
1320                    <div class="row align-items-center">
1321
1322                        <div class="col d-md-none px-0"></div>
1323
1324                        <div class="col-auto pr-1"><a href="https://www.proceedings-IODP3.net/about/contact.html">Contact</a></div>
1325
1326                        <div class="col-auto px-1">|</div>
1327
1328                        <div class="col-auto px-1"><a href="https://www.proceedings-IODP3.net/imprint.html">Imprint</a></div>
1329
1330                        <div class="col-auto px-1">|</div>
1331
1332                        <div class="col-auto px-1"><a href="https://www.copernicus.org/data_protection.html" target="_blank">Data protection</a></div>
1333
1334                        <div class="col-auto pl-2"></div>
1335
1336                        <div class="col d-md-none px-0"></div>
1337
1338                    </div>
1339
1340                </div>
1341
1342            </div>
1343
1344        </div>
1345
1346    </div>
1347
1348</footer>
1349
1350<!-- END_SNIPPET:part9 -->
1351
1352<!-- --></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.