create a better reading experience | change link interactivity / styl…

…ing & remove external link icons
prncevince · Nov 2, 2023 · 5cd04ad · 5cd04ad
1 parent 9eeb00f
commit 5cd04ad
Show file tree

Hide file tree

Showing 20 changed files with 103 additions and 110 deletions.
diff --git a/_quarto-site.yml b/_quarto-site.yml
@@ -93,7 +93,7 @@ format:
       - add-code-files
     code-fold: true
     code-link: true
-    link-external-icon: true
+    link-external-icon: false
     link-external-newwindow: true
     css: [assets/css/site.css, assets/css/font.css]
     grid:

diff --git a/_site/404.html b/_site/404.html
@@ -599,8 +599,6 @@ <h1 class="title">Page Not Found</h1>
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/LICENSE.html b/_site/LICENSE.html
@@ -573,8 +573,6 @@ <h1>Creative Commons License</h1>
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/SETUP.html b/_site/SETUP.html
@@ -599,8 +599,6 @@
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/about/index.html b/_site/about/index.html
@@ -614,8 +614,6 @@ <h1 class="title">Vincent Clemson</h1>
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/about/usapop.html b/_site/about/usapop.html
@@ -574,8 +574,6 @@
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/assets/css/site.css b/_site/assets/css/site.css
@@ -13,6 +13,21 @@ figcaption.figure {
   width: unset;
   margin: auto;
 }
+/* Links */
+a {
+  text-decoration-line: unset;
+}
+a:hover {
+  text-decoration-line: underline;
+}
+/*-- external link style --*/
+a.external:after {
+  font-size: 0.75em;
+  vertical-align: top;
+}
+.nav-footer a.external:after {
+  font-size: 0;
+}
 
 /* About */
 .about-contents {
@@ -184,15 +199,6 @@ pre.sourceCode > .code-copy-button > .bi::before, pre.sourceCode:hover > .code-c
   color: #d3e92a;
 }
 
-/*-- external link style --*/
-a.external:after {
-  font-size: 0.75em;
-  vertical-align: top;
-}
-.nav-footer a.external:after {
-  font-size: 0;
-}
-
 #quarto-back-to-top {
   bottom: 1.5em;
 }

diff --git a/_site/index.html b/_site/index.html
@@ -592,8 +592,6 @@ <h1>Thanks for stopping by ✌️</h1>
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/posts/geo/encoding-decoding-images/index.html b/_site/posts/geo/encoding-decoding-images/index.html
@@ -200,7 +200,7 @@
     <div>
     <div class="quarto-title-meta-heading">Modified</div>
     <div class="quarto-title-meta-contents">
-      <p class="date-modified">October 2, 2023</p>
+      <p class="date-modified">November 2, 2023</p>
     </div>
   </div>
 
@@ -678,8 +678,6 @@
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/posts/geo/image-collections-with-geemap/index.html b/_site/posts/geo/image-collections-with-geemap/index.html
@@ -1931,8 +1931,6 @@
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/posts/geo/maps-ggplot-svglite/index.html b/_site/posts/geo/maps-ggplot-svglite/index.html
@@ -1234,8 +1234,6 @@
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/posts/geo/natural-disasters-maxar-open-data/index.html b/_site/posts/geo/natural-disasters-maxar-open-data/index.html
@@ -3693,8 +3693,6 @@ <h2 class="anchored" data-anchor-id="wrap-up">Wrap-up</h2>
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/posts/geo/north-india-floods-2023/index.html b/_site/posts/geo/north-india-floods-2023/index.html
@@ -280,7 +280,7 @@ <h2 id="toc-title">On this page</h2>
 
 </header>
 
-<div id="fig-north-india-flood" class="quarto-figure quarto-figure-center anchored" data-fig-align="center" width="1080px">
+<div id="fig-north-india-flood" class="quarto-figure quarto-figure-center anchored" width="1080px" data-fig-align="center">
 <figure class="quarto-float quarto-float-fig figure">
 <div aria-describedby="fig-north-india-flood-caption-0ceaefa1-69ba-4598-a22c-09a6ac19f8ca">
 <img src="india-north-flood-3x-3fps-1080w-80lossy-O3.gif" class="img-fluid quarto-figure-center figure-img" width="1080">
@@ -1827,8 +1827,6 @@ <h2 class="anchored" data-anchor-id="wrap-up">Wrap-up</h2>
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/posts/geo/rgb-satellite-images-in-R/index.html b/_site/posts/geo/rgb-satellite-images-in-R/index.html
@@ -665,8 +665,6 @@
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/posts/index.html b/_site/posts/index.html
@@ -747,8 +747,6 @@ <h5 class="no-anchor card-title listing-title">
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
 });

diff --git a/_site/search.json b/_site/search.json
@@ -48,55 +48,6 @@
     "section": "Wrap-up",
     "text": "Wrap-up\nIf you have any thoughts or questions, feel free to let me know what you think in the comments below. You’ll need to sign in to your GitHub account to do so. Like my work? Feel free to reach out.\nWe only have one rock, and it’s a beautiful one. Thanks for reading! ✌️🌍\n\n\n\n\n\n\nFigure 4: 2023 South Lhonak Lake Sikkim, India - Maxar Open Data Program Leaflet Split Map"
   },
-  {
-    "objectID": "SETUP.html",
-    "href": "SETUP.html",
-    "title": "Quarto Site Environment Setup",
-    "section": "",
-    "text": "Here’s all the setup.\n\nSetup quarto-shims.\nThen, run below to install & setup quarto. wget is required in your shell environment, can be installed on Mac via homebrew.\n./utils/download-quarto.sh\n\nSetup r-shims.\nCreate RStudio project within RStudio.\n\nrstudioapi::initializeProject()\n\nInitialize the renv environment. Important packages can be discovered in utils/deps.R.\n\nrenv::init()\n\n\nExplode on paper."
-  },
-  {
-    "objectID": "SETUP.html#quarto",
-    "href": "SETUP.html#quarto",
-    "title": "Quarto Site Environment Setup",
-    "section": "",
-    "text": "Setup quarto-shims.\nThen, run below to install & setup quarto. wget is required in your shell environment, can be installed on Mac via homebrew.\n./utils/download-quarto.sh"
-  },
-  {
-    "objectID": "SETUP.html#r",
-    "href": "SETUP.html#r",
-    "title": "Quarto Site Environment Setup",
-    "section": "",
-    "text": "Setup r-shims.\nCreate RStudio project within RStudio.\n\nrstudioapi::initializeProject()\n\nInitialize the renv environment. Important packages can be discovered in utils/deps.R.\n\nrenv::init()"
-  },
-  {
-    "objectID": "SETUP.html#start",
-    "href": "SETUP.html#start",
-    "title": "Quarto Site Environment Setup",
-    "section": "",
-    "text": "Explode on paper."
-  },
-  {
-    "objectID": "LICENSE.html",
-    "href": "LICENSE.html",
-    "title": "Creative Commons License",
-    "section": "",
-    "text": "Creative Commons License\nhttps://prncevince.io © 2023 by Vincent Clemson is licensed under CC BY-NC-SA 4.0.\nTo view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/.\n\n\n\n\n Back to top"
-  },
-  {
-    "objectID": "about/index.html",
-    "href": "about/index.html",
-    "title": "Vincent Clemson",
-    "section": "",
-    "text": "👋 I’m Vince. In 2017, I received my Bachelor of Science in mathematics & a minor in statistics from Penn State. Afterward, I spent 5+ years at what is now Peraton working a few Geospatial Intelligence data science missions on the NGA’s enterprise systems engineering contract. Recently, I was an AI Engineer at Booz Allen where I conducted statistical performance analyses against Earth observing satellite imagery object detection algorithms.\nCurrently, I’m busier than ever building my personal brand while also planning to travel by car across  to the West coast. I’m always searching for my next big (or tiny) data science adventure.\nI enjoy spatial analytics. I hope that I can help shed some light on spatial topics to those who are also interested with this site. It’s built with Quarto.\nWhen I’m not head down in geeky stuff, I enjoy salsa dancing, sports (go birds 🦅), and jumping out of aircraft (did it once - was fun & a bit terrifying).\nIf you’re interesting in learning more about my career, here’s a web version of my résumé.\nAlso, feel free to contact me at vincent.clemson{@}gmail.com.\nThanks for stopping by. ✌️\n\n\n Back to top"
-  },
-  {
-    "objectID": "index.html",
-    "href": "index.html",
-    "title": "👋 Welcome to my site",
-    "section": "",
-    "text": "👋 Welcome to my site\n\nYou can learn more about me here.\nYou can find my posts on spatial analytics here.\n\n\n\nThanks for stopping by ✌️"
-  },
   {
     "objectID": "posts/geo/maps-ggplot-svglite/index.html",
     "href": "posts/geo/maps-ggplot-svglite/index.html",
@@ -160,6 +111,55 @@
     "section": "Wrap-up",
     "text": "Wrap-up\nIf you have any thoughts or questions, feel free to let me know what you think in the comments below. You’ll need to sign in to your GitHub account to do so. Like my work? Feel free to reach out.\nWe only have one rock, and it’s a beautiful one. Thanks for reading! ✌️🌍"
   },
+  {
+    "objectID": "index.html",
+    "href": "index.html",
+    "title": "👋 Welcome to my site",
+    "section": "",
+    "text": "👋 Welcome to my site\n\nYou can learn more about me here.\nYou can find my posts on spatial analytics here.\n\n\n\nThanks for stopping by ✌️"
+  },
+  {
+    "objectID": "about/index.html",
+    "href": "about/index.html",
+    "title": "Vincent Clemson",
+    "section": "",
+    "text": "👋 I’m Vince. In 2017, I received my Bachelor of Science in mathematics & a minor in statistics from Penn State. Afterward, I spent 5+ years at what is now Peraton working a few Geospatial Intelligence data science missions on the NGA’s enterprise systems engineering contract. Recently, I was an AI Engineer at Booz Allen where I conducted statistical performance analyses against Earth observing satellite imagery object detection algorithms.\nCurrently, I’m busier than ever building my personal brand while also planning to travel by car across  to the West coast. I’m always searching for my next big (or tiny) data science adventure.\nI enjoy spatial analytics. I hope that I can help shed some light on spatial topics to those who are also interested with this site. It’s built with Quarto.\nWhen I’m not head down in geeky stuff, I enjoy salsa dancing, sports (go birds 🦅), and jumping out of aircraft (did it once - was fun & a bit terrifying).\nIf you’re interesting in learning more about my career, here’s a web version of my résumé.\nAlso, feel free to contact me at vincent.clemson{@}gmail.com.\nThanks for stopping by. ✌️\n\n\n Back to top"
+  },
+  {
+    "objectID": "LICENSE.html",
+    "href": "LICENSE.html",
+    "title": "Creative Commons License",
+    "section": "",
+    "text": "Creative Commons License\nhttps://prncevince.io © 2023 by Vincent Clemson is licensed under CC BY-NC-SA 4.0.\nTo view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/.\n\n\n\n\n Back to top"
+  },
+  {
+    "objectID": "SETUP.html",
+    "href": "SETUP.html",
+    "title": "Quarto Site Environment Setup",
+    "section": "",
+    "text": "Here’s all the setup.\n\nSetup quarto-shims.\nThen, run below to install & setup quarto. wget is required in your shell environment, can be installed on Mac via homebrew.\n./utils/download-quarto.sh\n\nSetup r-shims.\nCreate RStudio project within RStudio.\n\nrstudioapi::initializeProject()\n\nInitialize the renv environment. Important packages can be discovered in utils/deps.R.\n\nrenv::init()\n\n\nExplode on paper."
+  },
+  {
+    "objectID": "SETUP.html#quarto",
+    "href": "SETUP.html#quarto",
+    "title": "Quarto Site Environment Setup",
+    "section": "",
+    "text": "Setup quarto-shims.\nThen, run below to install & setup quarto. wget is required in your shell environment, can be installed on Mac via homebrew.\n./utils/download-quarto.sh"
+  },
+  {
+    "objectID": "SETUP.html#r",
+    "href": "SETUP.html#r",
+    "title": "Quarto Site Environment Setup",
+    "section": "",
+    "text": "Setup r-shims.\nCreate RStudio project within RStudio.\n\nrstudioapi::initializeProject()\n\nInitialize the renv environment. Important packages can be discovered in utils/deps.R.\n\nrenv::init()"
+  },
+  {
+    "objectID": "SETUP.html#start",
+    "href": "SETUP.html#start",
+    "title": "Quarto Site Environment Setup",
+    "section": "",
+    "text": "Explode on paper."
+  },
   {
     "objectID": "posts/index.html",
     "href": "posts/index.html",

diff --git a/_site/site_libs/bootstrap/bootstrap.min.css b/_site/site_libs/bootstrap/bootstrap.min.css
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
@@ -5,28 +5,28 @@
     <lastmod>2023-10-14T22:32:26.194Z</lastmod>
   </url>
   <url>
-    <loc>https://prncevince.io/about/usapop.html</loc>
-    <lastmod>2023-10-29T20:27:01.964Z</lastmod>
-  </url>
-  <url>
-    <loc>https://prncevince.io/SETUP.html</loc>
-    <lastmod>2023-10-16T02:30:47.618Z</lastmod>
+    <loc>https://prncevince.io/posts/geo/maps-ggplot-svglite/index.html</loc>
+    <lastmod>2023-10-31T06:37:00.356Z</lastmod>
   </url>
   <url>
-    <loc>https://prncevince.io/LICENSE.html</loc>
-    <lastmod>2023-10-18T01:20:11.628Z</lastmod>
+    <loc>https://prncevince.io/index.html</loc>
+    <lastmod>2023-10-31T02:17:31.044Z</lastmod>
   </url>
   <url>
     <loc>https://prncevince.io/about/index.html</loc>
     <lastmod>2023-10-31T02:36:54.090Z</lastmod>
   </url>
   <url>
-    <loc>https://prncevince.io/index.html</loc>
-    <lastmod>2023-10-31T02:17:31.044Z</lastmod>
+    <loc>https://prncevince.io/LICENSE.html</loc>
+    <lastmod>2023-10-18T01:20:11.628Z</lastmod>
   </url>
   <url>
-    <loc>https://prncevince.io/posts/geo/maps-ggplot-svglite/index.html</loc>
-    <lastmod>2023-10-31T06:37:00.356Z</lastmod>
+    <loc>https://prncevince.io/SETUP.html</loc>
+    <lastmod>2023-10-16T02:30:47.618Z</lastmod>
+  </url>
+  <url>
+    <loc>https://prncevince.io/about/usapop.html</loc>
+    <lastmod>2023-10-29T20:27:01.964Z</lastmod>
   </url>
   <url>
     <loc>https://prncevince.io/posts/index.html</loc>

diff --git a/assets/css/site.css b/assets/css/site.css
@@ -13,6 +13,21 @@ figcaption.figure {
   width: unset;
   margin: auto;
 }
+/* Links */
+a {
+  text-decoration-line: unset;
+}
+a:hover {
+  text-decoration-line: underline;
+}
+/*-- external link style --*/
+a.external:after {
+  font-size: 0.75em;
+  vertical-align: top;
+}
+.nav-footer a.external:after {
+  font-size: 0;
+}
 
 /* About */
 .about-contents {
@@ -184,15 +199,6 @@ pre.sourceCode > .code-copy-button > .bi::before, pre.sourceCode:hover > .code-c
   color: #d3e92a;
 }
 
-/*-- external link style --*/
-a.external:after {
-  font-size: 0.75em;
-  vertical-align: top;
-}
-.nav-footer a.external:after {
-  font-size: 0;
-}
-
 #quarto-back-to-top {
   bottom: 1.5em;
 }

diff --git a/assets/scss/light.scss b/assets/scss/light.scss
@@ -19,13 +19,20 @@ $source-code: #770505;
 :root {
   --bs-btn-active-border-color: #{$btn-active-border-color};
 }
+a:hover, .nav-footer a:hover {
+  color: $source-code;
+}
+.nav-footer-left a {
+  color: $primary;
+}
+
 #quarto-header {
   box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
 }
 .quarto-title-banner {
   box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
 }
-/* Highlight Style */
+/* Code Highlight Style */
 pre.sourceCode > .code-copy-button > .bi::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(127, 159, 127)" viewBox="0 0 16 16"><path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/><path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/></svg>') !important;
 }