fix: cleanup styles

Author: lwasser

_includes/pyos-blockquote.html

@@ -2,8 +2,10 @@
   class="highlight-quote {% if include.class %}{{ include.class }}{% endif %}"
 >
   <p class="quote">{{ include.quote }}</p>
+  {% if include.author or include.event %}
   <footer>
     {% if include.author %}<strong>~{{ include.author }}{% endif %}</strong>{%
     if include.event %}, <em>{{ include.event }}</em>{% endif %}
   </footer>
+  {% endif %}
 </blockquote>

_posts/2024-08-21-pyopensci-monumental-growth-2024.md renamed to _posts/2024-08-30-pyopensci-monumental-growth-2024.md

@@ -43,8 +43,8 @@ pyOpenSci makes open science more accessible by [developing educational resource
 
 Our software peer review program has seen **over 50 packages**; we've [accepted 35 scientific Python packages into our growing library of trusted scientific Python packages](https://www.pyopensci.org/python-packages.html) and have **17 packages** in [active stages of review](https://github.com/orgs/pyOpenSci/projects/7) as I write this post.
 
-[<i class="fa-solid fa-wand-magic-sparkles"></i> Learn more about how pyOpenSci started <i class="fa-solid fa-wand-magic-sparkles"></i>](/blog/how-pyopensci-got-started.html)
-{: .button }
+<!-- [<i class="fa-solid fa-wand-magic-sparkles"></i> Learn more about how pyOpenSci started <i class="fa-solid fa-wand-magic-sparkles"></i>](/blog/how-pyopensci-got-started.html)
+{: .button } -->
 
 <figure>
     <a href="/images/pyopensci-general/pyopensci-flower-pillars.png">
@@ -203,10 +203,9 @@ I have created hundreds of [open online lessons](https://www.leahwasser.com/my-p
 
 <i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i>
 
-> Hi Leah. Thanks for the course today. I really enjoyed it. I heard about it from your post here in the Python channel so I'm glad you shared it here. I'll keep my eye out for more coming up and will be referring to the tutorials and guides on your site. Hopefully you work out the spatial chat because that seemed to have a lot of potential!
-I also want to let you know that I got a ton of value out of your materials on the CU Open Earth data analytics site, and it's still my go-to resource to point people to when they ask me how to get started learning the open source spatial stack. So thank you!
-> workshop attendee -- Software Underground community
-{: .highlight-quote }
+
+{% include pyos-blockquote.html quote="Hi Leah. Thanks for the course today. I really enjoyed it. I heard about it from your post here in the Python channel so I'm glad you shared it here. I'll keep my eye out for more coming up and will be referring to the tutorials and guides on your site. Hopefully you work out the spatial chat because that seemed to have a lot of potential! I also want to let you know that I got a ton of value out of your materials on the CU Open Earth data analytics site, and it's still my go-to resource to point people to when they ask me how to get started learning the open source spatial stack. So thank you!" author="Michael Harty, Software Underground Community" class="highlight" %}
+
 
 <i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i><i class="fa-solid fa-heart-pulse" style="color: #B197FC;"></i>
 

_sass/minimal-mistakes/_base.scss

@@ -135,16 +135,16 @@ blockquote {
 blockquote.highlight-quote {
   border: none;
   font-family: Georgia, "Times New Roman", Times, serif;
-  margin-bottom: 90px;
+  margin-bottom: 130px;
   margin-top: 110px;
   padding: 0 80px 0 30px;
   max-width: 35rem;
-  //quotes: "\201C""\201D""\2018""\2019";
 
   footer {
     text-align: left;
     font-style: italic;
     font-weight: 500;
+    text-align: right;
   }
 
   p {
@@ -154,23 +154,24 @@ blockquote.highlight-quote {
 
     &:before,
     &:after {
-      position: absolute;
       font-weight: bold;
       font-size: 100px;
       color: $pyos-teal;
       line-height: 0;
     }
 
     &:before {
+      position: absolute;
       content: open-quote;
       left: 0;
       top: -20px;
     }
 
     &:after {
       content: close-quote;
+      position: absolute;
       right: 0;
-      bottom: -20px;
+      bottom: -80px;
     }
   }
   // Success class (magenta)
@@ -191,6 +192,11 @@ blockquote.highlight-quote {
 /* links */
 
 a {
+  text-underline-offset: .1em;
+  text-decoration-color: rgba($text-color, 0.7);
+  text-decoration: underline;
+
+
   &:focus {
     @extend %tab-focus;
   }
@@ -202,6 +208,9 @@ a {
   &:hover {
     color: $link-color-hover;
     outline: 0;
+    text-decoration: none !important;
+    text-decoration-line: none !important;
+    transition: color 0.3s ease, text-decoration-color 0.3s ease;
   }
 }
 

_sass/minimal-mistakes/_notices.scss

@@ -118,3 +118,21 @@
 
   }
 }
+
+/* Quotes in notice blocks */
+
+.notice blockquote {
+  font-size: 1.5em;
+  margin: 5em 2em;
+  max-width: 100%;
+
+  &.highlight-quote {
+    p {
+      margin-bottom: 3px;
+    }
+
+    footer {
+      text-align: right;
+    }
+  }
+}