Ref #449 add icon of external link in sidebar by modifying the style.css

Author: ronnyhdez

_quarto.yml

@@ -42,17 +42,17 @@ website:
       - section: "Our Cookbooks"
         href: our-cookbooks.qmd
         contents:
-          - text: "PO.DAAC Tutorials ↗"
+          - text: "PO.DAAC Tutorials"
             href: https://podaac.github.io/tutorials/
-          - text: "ASDC Mission Tutorials ↗"
+          - text: "ASDC Mission Tutorials"
             href: https://nasa.github.io/ASDC_Data_and_User_Services/
-          - text: "NSIDC Data Cookbook ↗"
+          - text: "NSIDC Data Cookbook"
             href: https://nsidc.github.io/NSIDC-Data-Cookbook/
-          - text: "OBDAAC Ocean Data Cookbook ↗"
+          - text: "OBDAAC Ocean Data Cookbook"
             href: https://nasa.github.io/oceandata-notebooks/
-          - text: "ORNL DAAC Airborne Tutorials ↗"
+          - text: "ORNL DAAC Airborne Tutorials"
             href: https://ornldaac.github.io/airborne/
-          - text: "ORNL DAAC GEDI Tutorials ↗"
+          - text: "ORNL DAAC GEDI Tutorials"
             href: https://ornldaac.github.io/gedi_tutorials/
 
       # ============================================================

styles.css

@@ -1,4 +1,12 @@
-
+#quarto-sidebar a.sidebar-link[href^="https://"]:not([href^="https://nasa-openscapes.github.io/earthdata-cloud-cookbook"])::after {
+  content: "";
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>');
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+  margin-left: 0.2em;
+  padding-right: 0.75em;
+}
 .sidebar-logo {
   max-width: 150px;
 }
@@ -14,4 +22,4 @@
 .platform-table td > div.sourceCode {
   margin-top: 0.3rem;
   margin-bottom: 0.3rem;
-}
+}