Skip to content

Commit

Permalink
test commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@superjai
superjai committed Apr 13, 2021
1 parent 556fdff commit 3bc644a
Showing 1 changed file with 37 additions and 44 deletions.
81 changes: 37 additions & 44 deletions modals/_acidification.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,17 +13,38 @@

<title>_acidification.utf8</title>

<script src="modal_libs/header-attrs-2.7/header-attrs.js"></script>
<script src="modal_libs/jquery-1.11.3/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="modal_libs/bootstrap-3.3.5/css/lumen.min.css" rel="stylesheet" />
<script src="modal_libs/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script src="modal_libs/bootstrap-3.3.5/shim/html5shiv.min.js"></script>
<script src="modal_libs/bootstrap-3.3.5/shim/respond.min.js"></script>
<style>h1 {font-size: 34px;}
h1.title {font-size: 38px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}
code {color: inherit; background-color: rgba(0, 0, 0, 0.04);}
pre:not([class]) { background-color: white }</style>
<script src="modal_libs/navigation-1.1/tabsets.js"></script>
<link href="modal_libs/highlightjs-9.12.0/default.css" rel="stylesheet" />
<script src="modal_libs/highlightjs-9.12.0/highlight.js"></script>
<link href="modal_libs/font-awesome-5.13.0/css/all.min.css" rel="stylesheet" />
<link href="modal_libs/font-awesome-5.13.0/css/v4-shims.min.css" rel="stylesheet" />
<!--html_preserve-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JB0WCCY7ZR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-JB0WCCY7ZR');
</script>
<!--/html_preserve-->

<style type="text/css">
code{white-space: pre-wrap;}
Expand All @@ -32,14 +53,10 @@
div.column{display: inline-block; vertical-align: top; width: 50%;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
</style>
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>

<style type="text/css">code{white-space: pre;}</style>
<style type="text/css">
pre:not([class]) {
background-color: white;
}
</style>
<script type="text/javascript">
if (window.hljs) {
hljs.configure({languages: []});
Expand All @@ -52,32 +69,7 @@



<style type="text/css">
h1 {
font-size: 34px;
}
h1.title {
font-size: 38px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
.table th:not([align]) {
text-align: left;
}
</style>


<link rel="stylesheet" href="_modal_styles.css" type="text/css" />
<link rel="stylesheet" href="modal_libs/font-awesome-5.3.1/css/all.min.css" type="text/css" />
Expand All @@ -91,10 +83,6 @@
margin-left: auto;
margin-right: auto;
}
code {
color: inherit;
background-color: rgba(0, 0, 0, 0.04);
}
img {
max-width:100%;
}
Expand All @@ -110,6 +98,9 @@
summary {
display: list-item;
}
pre code {
padding: 0;
}
</style>


Expand All @@ -122,7 +113,6 @@
max-height: 500px;
min-height: 44px;
overflow-y: auto;
background: white;
border: 1px solid #ddd;
border-radius: 4px;
}
Expand Down Expand Up @@ -186,7 +176,7 @@



<div class="fluid-row" id="header">
<div id="header">



Expand All @@ -199,10 +189,10 @@ <h4>Acidification</h4>
<div style="display: flex">
<div style="margin-top: 10px;margin-bottom: 10px; margin-right: 10px; flex: 1;">
<a href="https://sanctuaries.noaa.gov/science/sentinel-site-program/channel-islands/climate-change-ocean-acidification.html" target="_blank">
<i class="fa fa-info-circle"></i>
<i class="fa fa-info-circle" role="presentation" aria-label="info-circle icon"></i>
</a>
<a href="https://oceanservice.noaa.gov/facts/ocean-acidification.mp4" target="_blank">
<i class="fa fa-camera"></i>
<i class="fa fa-camera" role="presentation" aria-label="camera icon"></i>
</a>
</div>
<div style="margin: 10px; font-style: italic; flex: 20; ">Like osteoporosis robbing bones of their strength, dropping pH in the ocean (known as acidification) harms the ability of marine organisms to make calcium-carbon skeletons.</div>
Expand All @@ -212,10 +202,10 @@ <h5>Aragonite saturation</h5>
<div style="background:LightGrey; width:100%; display:table; font-size:120%; padding: 10px 10px 10px 10px; margin-bottom: 10px;">
<div style="display:table-row">
<div style="text-align:left; display:table-cell;">
<a href="https://sanctuarysimon.org/dbtools/project-database/index.php?ID=100462" target="_blank"><i class="fa fa-clipboard-list"></i> Monitoring Program</a>
<a href="https://sanctuarysimon.org/dbtools/project-database/index.php?ID=100462" target="_blank"><i class="fa fa-clipboard-list" role="presentation" aria-label="clipboard-list icon"></i> Monitoring Program</a>
</div>
<div style="text-align:right; display:table-cell;">
<a href="http://doi.org/10.13140/RG.2.1.3430.4085" target="_blank"><i class="fa fa-database"></i> Etnoyer et al. 2015</a>
<a href="http://doi.org/10.13140/RG.2.1.3430.4085" target="_blank"><i class="fa fa-database" role="presentation" aria-label="database icon"></i> Etnoyer et al. 2015</a>
</div>
</div>
</div>
Expand All @@ -224,7 +214,10 @@ <h5>Aragonite saturation</h5>
<p class="caption">A figure showing the concentration of the mineral <span id="tooltip34" aria-describedby="tooltip34" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite</span> at different depths at Anacapa Island from 2007 to 2014. Figure credit: Etnoyer et al. 2015.</p>
</div>
<details>
<summary>Click for Details</summary> <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Aragonite saturation</span>s are shown at 75 meters (m) (green), 150 m (blue) and 300 m (red) at Anacapa Island. As pH of seawater decreases (e.g., from the deposition of atmospheric CO2), the saturation state of <span id="tooltip34" aria-describedby="tooltip34" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite</span> (Ωarg) decreases. <span id="tooltip34" aria-describedby="tooltip34" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Aragonite</span> undersaturation (Ωarg &lt; 1) favors dissolution over calcification, making it harder for organisms to make and maintain their shells or skeletons in the case of corals. In coastal upwelling zones, such as the California Current, the <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> state and depth are variable and shallow, respectively. With <span id="tooltip8" aria-describedby="tooltip8" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">ocean acidification</span>, <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> depths have shoaled over the past three decades and are now typically around 200 m in the California Current (Turi et al. 2016). At the local scale at Anacapa Island, the <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> depth has hovered around 130 m over the past eight years. As strong of a shoaling trend as at the California Current scale has not been seen. Instead, the usual seasonal variation but relatively stable <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> states over time (no trend), particularly in deep water, have been seen. For more information, consult Figure App.E.10.29 in the <a href="https://nmssanctuaries.blob.core.windows.net/sanctuaries-prod/media/docs/2016-condition-report-channel-islands-nms.pdf" target="_blank"><span id="tooltip27" aria-describedby="tooltip27" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">CINMS</span> 2016 Condition Report</a>.
<summary>
Click for Details
</summary>
<span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Aragonite saturation</span>s are shown at 75 meters (m) (green), 150 m (blue) and 300 m (red) at Anacapa Island. As pH of seawater decreases (e.g., from the deposition of atmospheric CO2), the saturation state of <span id="tooltip34" aria-describedby="tooltip34" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite</span> (Ωarg) decreases. <span id="tooltip34" aria-describedby="tooltip34" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Aragonite</span> undersaturation (Ωarg &lt; 1) favors dissolution over calcification, making it harder for organisms to make and maintain their shells or skeletons in the case of corals. In coastal upwelling zones, such as the California Current, the <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> state and depth are variable and shallow, respectively. With <span id="tooltip8" aria-describedby="tooltip8" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">ocean acidification</span>, <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> depths have shoaled over the past three decades and are now typically around 200 m in the California Current (Turi et al. 2016). At the local scale at Anacapa Island, the <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> depth has hovered around 130 m over the past eight years. As strong of a shoaling trend as at the California Current scale has not been seen. Instead, the usual seasonal variation but relatively stable <span id="tooltip33" aria-describedby="tooltip33" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">aragonite saturation</span> states over time (no trend), particularly in deep water, have been seen. For more information, consult Figure App.E.10.29 in the <a href="https://nmssanctuaries.blob.core.windows.net/sanctuaries-prod/media/docs/2016-condition-report-channel-islands-nms.pdf" target="_blank"><span id="tooltip27" aria-describedby="tooltip27" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">CINMS</span> 2016 Condition Report</a>.
</details>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
Expand Down Expand Up @@ -262,7 +255,7 @@ <h5>Aragonite saturation</h5>

$(document).ready(function () {
$('.tabset-dropdown > .nav-tabs > li').click(function () {
$(this).parent().toggleClass('nav-tabs-open')
$(this).parent().toggleClass('nav-tabs-open');
});
});
</script>
Expand Down

0 comments on commit 3bc644a

Please sign in to comment.