@@ -471,13 +471,56 @@ <h1 class="title">Art</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 ="art_examples.html#filled-flower-with-pattern "> < img src ="flower_thumb.png " class ="card-img-top "> </ a >
495+ < div class ="card-body ">
496+ < a href ="art_examples.html#filled-flower-with-pattern " class ="card-title "> < strong > Filled Flower</ 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 ="art_examples.html#a-matchbox-car "> < img src ="car_thumb.png " class ="card-img-top "> </ a >
503+ < div class ="card-body ">
504+ < a href ="art_examples.html#a-matchbox-car " class ="card-title "> < strong > Matchbox Car</ 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 ="art_examples.html#a-mandelbrot-painting "> < img src ="mandelbrot_thumb.png " class ="card-img-top "> </ a >
511+ < div class ="card-body ">
512+ < a href ="art_examples.html#a-mandelbrot-painting " class ="card-title "> < strong > Mandelbrot</ 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 ="filled-flower-with-pattern " class ="level3 ">
477520< h3 class ="anchored " data-anchor-id ="filled-flower-with-pattern "> Filled flower with pattern</ h3 >
478521< p > Draw a flower filled from a pattern in a .jpg file.</ p >
479522<!-- -->
480- < div id ="338ea7cc " class ="cell " data-execution_count ="1 ">
523+ < div id ="4d2f6b3e " 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 > t < span class ="op "> =</ span > GMT.< span class ="fu "> linspace</ span > (< span class ="fl "> 0</ span > ,< span class ="fl "> 2</ span > pi,< span class ="fl "> 360</ span > );</ span >
@@ -506,7 +549,7 @@ <h3 class="anchored" data-anchor-id="filled-flower-with-pattern">Filled flower w
506549< section id ="a-matchbox-car " class ="level3 ">
507550< h3 class ="anchored " data-anchor-id ="a-matchbox-car "> A matchbox car</ h3 >
508551< p > A imitation of the original car made by < span class ="citation " data-cites ="cormullion "> @cormullion</ span > in this < a href ="https://discourse.julialang.org/t/for-loops-in-luxor/54197/11 "> Julia forum post</ a > </ p >
509- < div id ="6c458fb5 " class ="cell " data-execution_count ="2 ">
552+ < div id ="79e5202f " class ="cell " data-execution_count ="2 ">
510553< 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 class ="bu "> GMT.Drawing</ span > </ span >
511554< span id ="cb2-2 "> < a href ="#cb2-2 " aria-hidden ="true " tabindex ="-1 "> </ a > </ span >
512555< span id ="cb2-3 "> < a href ="#cb2-3 " aria-hidden ="true " tabindex ="-1 "> </ a > < span class ="fu "> ellipse</ span > (< span class ="fl "> 300</ span > ,< span class ="fl "> 201</ span > ,< span class ="fl "> 0</ span > , < span class ="fl "> 200</ span > , < span class ="fl "> 50</ span > , units< span class ="op "> =:</ span > points, first< span class ="op "> =</ span > < span class ="cn "> true</ span > , fill< span class ="op "> =:</ span > purple, pen< span class ="op "> =</ span > < span class ="fl "> 1</ span > );</ span >
@@ -529,7 +572,7 @@ <h3 class="anchored" data-anchor-id="a-matchbox-car">A matchbox car</h3>
529572< section id ="a-mandelbrot-painting " class ="level3 ">
530573< h3 class ="anchored " data-anchor-id ="a-mandelbrot-painting "> A Mandelbrot painting</ h3 >
531574< p > This example was presented by < span class ="citation " data-cites ="FedericoStra "> @FedericoStra</ span > in the < a href ="https://discourse.julialang.org/t/seven-lines-of-julia-examples-sought/50416/10 "> Seven Lines of Julia</ a > but the GMT figure is clearly nicer (at least IMO).</ p >
532- < div id ="8d92f489 " class ="cell " data-execution_count ="3 ">
575+ < div id ="5642bf19 " class ="cell " data-execution_count ="3 ">
533576< 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 >
534577< span id ="cb3-2 "> < a href ="#cb3-2 " aria-hidden ="true " tabindex ="-1 "> </ a > < span class ="kw "> function</ span > < span class ="fu "> mandelbrot</ span > (z)</ span >
535578< span id ="cb3-3 "> < a href ="#cb3-3 " aria-hidden ="true " tabindex ="-1 "> </ a > w < span class ="op "> =</ span > z</ span >
0 commit comments