add styling to categories & code summary | implement scrolling to top

prncevince · Oct 29, 2023 · 5c3d4b6 · 5c3d4b6
1 parent 07527b4
commit 5c3d4b6
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 2 deletions.
diff --git a/_quarto-site.yml b/_quarto-site.yml
@@ -82,6 +82,7 @@ website:
         rel: me
     right: |
       <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0 <img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"></a>
+  back-to-top-navigation: true
 format:
   html:
     filters:

diff --git a/assets/css/site.css b/assets/css/site.css
@@ -83,8 +83,11 @@ div.sourceCode {
 div > details > summary {
   padding: 0.1rem 0.7rem 0.2rem 0.7rem;
   width: max-content;
-  border: var(--quarto-border-width) solid var(--quarto-border-color);
+  max-width: fit-content;
+  border-width: var(--quarto-border-width);
+  border-style: solid;
   border-radius: var(--quarto-border-radius);
+  box-shadow: 0 .2rem .5rem #6c757d,0 0 .05rem #6c757d;
 }
 pre.sourceCode > .code-copy-button > .bi::before, pre.sourceCode:hover > .code-copy-button > .bi::before {
   content: "";

diff --git a/assets/js/site.js b/assets/js/site.js
@@ -22,3 +22,4 @@ if (tools.length > 0) {
     'beforeend', d
   )
 }
+document.querySelector('#quarto-back-to-top').setAttribute('onclick', 'window.scrollTo({top: 0, left: 0, behavior: "smooth"})')
diff --git a/assets/scss/light.scss b/assets/scss/light.scss
@@ -37,6 +37,7 @@ div.sourceCode {
 }
 div > details > summary {
   color: $source-code;
+  border-color: $source-code;
   background-color: rgba(219,219,219,.8);
 }
 /* Title Headers */
@@ -52,6 +53,9 @@ h1, h2, h3, h4, h5, h6 {
 .quarto-categories {
   color: $base-navbar-bg;
 }
+.quarto-category {
+  box-shadow: 0.10rem 0.10rem .35rem $base-navbar-bg;
+}
 .quarto-category:hover {
   background: $base-dropdown-link-hover-bg;
 }

diff --git a/index.qmd b/index.qmd
@@ -9,12 +9,12 @@ include-after-body:
     <script src='/assets/js/site.js'></script>
     <script src='/assets/js/non-posts.js'></script>
 css: [/assets/css/non-posts.css]
+back-to-top-navigation: false
 ---
 
 # 👋 Welcome to my site
 
 - You can learn more about me [here](/about).
 - You can find my posts on spatial analytics [here](/posts).
-- My [YouTube](https://youtube.com/@prncevince){.external target="_blank"}
 
 # Thanks for stopping by ✌️
diff --git a/posts/_metadata.yml b/posts/_metadata.yml
@@ -28,6 +28,7 @@ comments:
     language: en
 toc: true
 toc-depth: 6
+toc-expand: 3
 citation: true
 appendix-cite-as: display
 license:

diff --git a/posts/index.qmd b/posts/index.qmd
@@ -39,4 +39,5 @@ comments: false
 code-tools: false
 citation: false
 license: ''
+back-to-top-navigation: false
 ---
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,3 +22,4 @@ if (tools.length > 0) { @@
         'beforeend', d
       )
     }
+    document.querySelector('#quarto-back-to-top').setAttribute('onclick', 'window.scrollTo({top: 0, left: 0, behavior: "smooth"})')