Skip to content

Commit

Permalink
#78 modal window update
Browse files Browse the repository at this point in the history
  • Loading branch information
@superjai
superjai committed Apr 13, 2021
1 parent 8c1ec94 commit 96c0a05
Show file tree
Hide file tree
Showing 100 changed files with 8,333 additions and 4,473 deletions.
216 changes: 123 additions & 93 deletions modals/_contaminants.html
View file

Large diffs are not rendered by default.

130 changes: 69 additions & 61 deletions modals/_fishing.html
View file

Large diffs are not rendered by default.

87 changes: 43 additions & 44 deletions modals/_marine-debris.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,17 +13,38 @@

<title>_marine-debris.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>Marine Debris</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/marine-debris.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://sanctuarysimon.org/dbtools/photo-library/id/660" 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; ">Human-derived trash, mostly in the form of micro and macro plastics, can cause major damage across all marine ecosystems.</div>
Expand All @@ -212,21 +202,30 @@ <h4>Marine Debris</h4>
<p class="caption">A graph showing the likelihood of encountering <span id="tooltip11" aria-describedby="tooltip11" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">marine debris</span> on beaches in Southern California from 1999 to 2007. Data source: Ribic et al. 2012; Figure credit: K. Andrews/NOAA.</p>
</div>
<details>
<summary>Click for Details</summary> <span id="tooltip11" aria-describedby="tooltip11" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Marine debris</span> estimates modeled along the mainland southern California coast based on debris measured by the National <span id="tooltip11" aria-describedby="tooltip11" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Marine Debris</span> Monitoring Program. <span id="tooltip11" aria-describedby="tooltip11" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Marine debris</span> was relatively constant across the last five years of this time series (1999-2007) and within historic levels. For more information, consult Figure App.C.4.14 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="tooltip11" aria-describedby="tooltip11" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Marine debris</span> estimates modeled along the mainland southern California coast based on debris measured by the National <span id="tooltip11" aria-describedby="tooltip11" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Marine Debris</span> Monitoring Program. <span id="tooltip11" aria-describedby="tooltip11" tabindex="0" style="border-bottom: 1px dashed #000000; font-size:100%">Marine debris</span> was relatively constant across the last five years of this time series (1999-2007) and within historic levels. For more information, consult Figure App.C.4.14 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>
<div class="figure">
<img src="../img/cinms_cr/App.C.4.15.Gilfillan_graph.png" alt="" />
<p class="caption">A figure showing the percentage of sampling stations with plastic debris across three sampling years. Figure credit: Gilfillan et al. 2009.</p>
</div>
<details>
<summary>Click for Details</summary> Variation over time in percentage of stations from winter CalCOFI cruises with plastic micro-debris. Micro-debris was present in more than 50 percent of samples at each time period. For more information, consult Figure App.C.4.15 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>
Variation over time in percentage of stations from winter CalCOFI cruises with plastic micro-debris. Micro-debris was present in more than 50 percent of samples at each time period. For more information, consult Figure App.C.4.15 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>
<div class="figure">
<img src="../img/cinms_cr/App.C.4.16.Gilfillan_map.png" alt="" />
<p class="caption">A map showing the distribution, concentration, and characteristics of plastic micro-debris in net samples from the CalCOFI region from winter cruises across three sampling years. Figure credit: Gilfillan et al. 2009.</p>
</div>
<details>
<summary>Click for Details</summary> Spatial distribution, concentration, and characteristics of plastic micro-debris in net samples from the CalCOFI region from winter cruises in (A) 1984, (B) 1994, and (C) 2007. Open circles indicate no plastic debris detected and filled circle diameter are proportional to particle concentrations (number per cubic meter). There was no relationship between the numerical concentration of particles and distance from shore, the presumed source of the majority of debris. For more information, consult Figure App.C.4.16 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>
Spatial distribution, concentration, and characteristics of plastic micro-debris in net samples from the CalCOFI region from winter cruises in (A) 1984, (B) 1994, and (C) 2007. Open circles indicate no plastic debris detected and filled circle diameter are proportional to particle concentrations (number per cubic meter). There was no relationship between the numerical concentration of particles and distance from shore, the presumed source of the majority of debris. For more information, consult Figure App.C.4.16 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 @@ -261,7 +260,7 @@ <h4>Marine Debris</h4>

$(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
Loading

0 comments on commit 96c0a05

Please sign in to comment.