Skip to content

Commit 0a76e19

Browse files
committed
Built site for gh-pages
1 parent 2155cfe commit 0a76e19

43 files changed

Lines changed: 16122 additions & 10670 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

.nojekyll

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
62cdaf84
1+
6baf7b8c

examples.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -498,17 +498,17 @@ <h1 class="title">Examples</h1>
498498
</div>
499499
<div class="g-col-6 g-col-md-4 g-col-lg-3">
500500
<div class="card h-100">
501-
<p><a href="./examples/images/01_grdimage.html" class="card-title stretched-link"><strong>Images</strong></a> <a href="./examples/images/01_grdimage.html"><img src="examples/ex04.png" class="card-img-top img-fluid"></a></p>
501+
<p><a href="examples/images/index.html" class="card-title stretched-link"><strong>Images</strong></a> <a href="examples/images/index.html"><img src="examples/ex04.png" class="card-img-top img-fluid"></a></p>
502502
</div>
503503
</div>
504504
<div class="g-col-6 g-col-md-4 g-col-lg-3">
505505
<div class="card h-100">
506-
<p><a href="./examples/contours/01_contour_examples.html" class="card-title stretched-link"><strong>Contours</strong></a> <a href="./examples/contours/01_contour_examples.html"><img src="examples/color-contour.png" class="card-img-top img-fluid"></a></p>
506+
<p><a href="examples/contours/index.html" class="card-title stretched-link"><strong>Contours</strong></a> <a href="examples/contours/index.html"><img src="examples/color-contour.png" class="card-img-top img-fluid"></a></p>
507507
</div>
508508
</div>
509509
<div class="g-col-6 g-col-md-4 g-col-lg-3">
510510
<div class="card h-100">
511-
<p><a href="./examples/arrows/10_arrows.html" class="card-title stretched-link"><strong>Arrows</strong></a> <a href="./examples/arrows/10_arrows.html"><img src="examples/icon.png" class="card-img-top img-fluid"></a></p>
511+
<p><a href="examples/arrows/index.html" class="card-title stretched-link"><strong>Arrows</strong></a> <a href="examples/arrows/index.html"><img src="examples/icon.png" class="card-img-top img-fluid"></a></p>
512512
</div>
513513
</div>
514514
<div class="g-col-6 g-col-md-4 g-col-lg-3">
@@ -538,12 +538,12 @@ <h1 class="title">Examples</h1>
538538
</div>
539539
<div class="g-col-6 g-col-md-4 g-col-lg-3">
540540
<div class="card h-100">
541-
<p><a href="./examples/misc/buffer.html" class="card-title stretched-link"><strong>Miscellaneous</strong></a> <a href="./examples/misc/buffer.html"><img src="examples/buffer3.png" class="card-img-top img-fluid"></a></p>
541+
<p><a href="examples/misc/index.html" class="card-title stretched-link"><strong>Miscellaneous</strong></a> <a href="examples/misc/index.html"><img src="examples/buffer3.png" class="card-img-top img-fluid"></a></p>
542542
</div>
543543
</div>
544544
<div class="g-col-6 g-col-md-4 g-col-lg-3">
545545
<div class="card h-100">
546-
<p><a href="./examples/embellish/01_mapscale.html" class="card-title stretched-link"><strong>Embellishments</strong></a> <a href="./examples/embellish/01_mapscale.html"><img src="examples/rose.png" class="card-img-top img-fluid"></a></p>
546+
<p><a href="examples/embellish/index.html" class="card-title stretched-link"><strong>Embellishments</strong></a> <a href="examples/embellish/index.html"><img src="examples/rose.png" class="card-img-top img-fluid"></a></p>
547547
</div>
548548
</div>
549549
<div class="g-col-6 g-col-md-4 g-col-lg-3">

examples/CPTs/01_cpt_hinge.html

Lines changed: 46 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -471,13 +471,56 @@ <h1 class="title">Color maps</h1>
471471
</header>
472472

473473

474+
<style>
475+
.card {
476+
transition: transform 0.2s ease, box-shadow 0.2s ease;
477+
cursor: pointer;
478+
border: 1px solid rgba(0,0,0,.125);
479+
height: 100%;
480+
}
481+
.card:hover {
482+
transform: translateY(-5px);
483+
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
484+
}
485+
.card-img-top {
486+
width: 100%;
487+
height: auto;
488+
object-fit: cover;
489+
}
490+
</style>
491+
<div class="grid">
492+
<div class="g-col-6 g-col-md-4 g-col-lg-3">
493+
<div class="card h-100">
494+
<a href="01_cpt_hinge.html#hinges"><img src="hinges_thumb.png" class="card-img-top"></a>
495+
<div class="card-body">
496+
<a href="01_cpt_hinge.html#hinges" class="card-title"><strong>Hinges</strong></a>
497+
</div>
498+
</div>
499+
</div>
500+
<div class="g-col-6 g-col-md-4 g-col-lg-3">
501+
<div class="card h-100">
502+
<a href="01_cpt_hinge.html#manipulating"><img src="manipulating_thumb.png" class="card-img-top"></a>
503+
<div class="card-body">
504+
<a href="01_cpt_hinge.html#manipulating" class="card-title"><strong>Manipulating</strong></a>
505+
</div>
506+
</div>
507+
</div>
508+
<div class="g-col-6 g-col-md-4 g-col-lg-3">
509+
<div class="card h-100">
510+
<a href="01_cpt_hinge.html#labeled"><img src="labeled_thumb.png" class="card-img-top"></a>
511+
<div class="card-body">
512+
<a href="01_cpt_hinge.html#labeled" class="card-title"><strong>Labeled</strong></a>
513+
</div>
514+
</div>
515+
</div>
516+
</div>
474517
<section id="examples" class="level2">
475518
<h2 class="anchored" data-anchor-id="examples">Examples</h2>
476519
<section id="hinges" class="level3">
477520
<h3 class="anchored" data-anchor-id="hinges">Hinges</h3>
478521
<p>The CPTs distributed with GMT are dynamic. This means they have several special properties that modify the behavior of programs that use them. Dynamic CPTs comes in a few different flavors: Some CPTs were designed to behave differently across a <strong>hinge</strong> value (e.g., a CPT designed specifically for topographic relief may include a discontinuity in color across the coastline at z = 0), and when users select these CPTs they will be stretched to fit the user’s desired data range separately for each side of this <em>hard</em> <strong>hinge</strong>. Basically, a hard hinge CPT is the juxtaposition of two different CPTs joined at the hinge and these sections are stretched independently.</p>
479522
<p>In the figure bellow the top color bar is a dynamic master CPT (here, globe) with a hard hinge at sea level and a natural range from -10,000 to +10,000 meters. However, our data range is asymmetrical, going from -8,000 meter depths up to +3,000 meter elevations. Because of the hinge, the two sides of the CPT will be stretched separately to honor the desired range while utilizing the full color range.</p>
480-
<div id="10a3dc91" class="cell" data-execution_count="1">
523+
<div id="bec4c00a" class="cell" data-execution_count="1">
481524
<div class="code-copy-outer-scaffold"><div class="sourceCode cell-code" id="cb1"><pre class="sourceCode julia code-with-copy"><code class="sourceCode julia"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="im">using</span> <span class="bu">GMT</span></span>
482525
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
483526
<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a>C <span class="op">=</span> <span class="fu">makecpt</span>(cmap<span class="op">=:</span>globe, range<span class="op">=</span>(<span class="op">-</span><span class="fl">8000</span>,<span class="fl">3000</span>));</span>
@@ -500,7 +543,7 @@ <h3 class="anchored" data-anchor-id="hinges">Hinges</h3>
500543
<h3 class="anchored" data-anchor-id="manipulating">Manipulating</h3>
501544
<p>There are many ways to turn a master CPT into a custom CPT that works for your particular data range. The tools <a href="../..\documentation/modules/makecpt.html">makecpt</a> and <code>grd2cpt</code> allow several types of transformations to take place:</p>
502545
<p>Examples of two user CPTs for the range -0.5 to 3 created from the same master. One (left) extracted a subset of the master before scaling while the other (right) used the entire range.</p>
503-
<div id="4bcc2b13" class="cell" data-execution_count="2">
546+
<div id="bdcf4a43" class="cell" data-execution_count="2">
504547
<div class="code-copy-outer-scaffold"><div class="sourceCode cell-code" id="cb2"><pre class="sourceCode julia code-with-copy"><code class="sourceCode julia"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="im">using</span> <span class="bu">GMT</span></span>
505548
<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a>ls <span class="op">=</span> [<span class="fl">3</span> <span class="fl">2.9</span>; <span class="co"># Coordinates of 6 line segments connecting example CPTs</span></span>
506549
<span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a> <span class="fl">5</span> <span class="fl">2.5</span>;;;</span>
@@ -548,7 +591,7 @@ <h3 class="anchored" data-anchor-id="manipulating">Manipulating</h3>
548591
<h3 class="anchored" data-anchor-id="labeled">Labeled</h3>
549592
<p>Things become a bit more complicated when we want to label the legend with names for certain intervals (like geological time periods in the example below). To accomplish that, one should currently do a hack and add the labels manually in the CGMTcpt fields <code>label</code> and <code>key</code>, and add the <code>equal_size</code> option to the colorbar command that draws the color legend. This option also makes all intervals in the legend of equal length, even it the numerical values are not equally spaced.</p>
550593
<p>Normally, the name labels are plotted at the lower end of the intervals. But by adding a gap amount (even when zero) to the -L option, they are centered. The example below also shows how to annotate ranges using <code>equal_size=(range=true,)</code> (in which case no name labels should appear in the CPT), and how to switch the color bar around (by using a negative length).</p>
551-
<div id="46b7ce7f" class="cell" data-execution_count="3">
594+
<div id="124b8417" class="cell" data-execution_count="3">
552595
<div class="code-copy-outer-scaffold"><div class="sourceCode cell-code" id="cb3"><pre class="sourceCode julia code-with-copy"><code class="sourceCode julia"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="im">using</span> <span class="bu">GMT</span></span>
553596
<span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a></span>
554597
<span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>C <span class="op">=</span> <span class="fu">makecpt</span>(cmap<span class="op">=</span>((<span class="fl">197</span>,<span class="fl">0</span>,<span class="fl">255</span>),(<span class="fl">81</span>,<span class="fl">0</span>,<span class="fl">255</span>),(<span class="fl">0</span>,<span class="fl">35</span>,<span class="fl">255</span>),(<span class="fl">0</span>,<span class="fl">151</span>,<span class="fl">255</span>),(<span class="fl">0</span>,<span class="fl">255</span>,<span class="fl">244</span>),(<span class="fl">0</span>,<span class="fl">255</span>,<span class="fl">127</span>),(<span class="fl">0</span>,<span class="fl">255</span>,<span class="fl">11</span>),</span>

examples/CPTs/hinges_thumb.png

11.6 KB
Loading

examples/CPTs/labeled_thumb.png

40.6 KB
Loading
20 KB
Loading
7.11 KB
Loading
19.6 KB
Loading

0 commit comments

Comments
 (0)