2 years packaging

.pre-commit-config.yaml

@@ -41,8 +41,8 @@ repos:
         additional_dependencies:
           - tomli
 
-#  - repo: https://github.com/pre-commit/mirrors-prettier
-#    rev: v3.1.0
-#    hooks:
-#      - id: prettier
-#        types_or: [yaml]
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: v3.1.0
+    hooks:
+      - id: prettier
+        types_or: [yaml, html, css, scss, javascript, json, toml]

_posts/2019-10-26-pyos-min-mistakes-theme.md

@@ -7,7 +7,7 @@ permalink: docs/pyos-website/
 header:
     overlay_filter: 0.6
     overlay_color: "#333"
-last_modified: 2024-08-28
+last_modified: 2024-08-23
 toc: true
 categories:
   - docs
@@ -117,16 +117,13 @@ You can also adjust the width inline:
 
 ### Figure -- align right
 
-Below is a right aligned image
+And now we're going to shift things to the **right align**. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there --- Hey guy! Way to rock that right side. I don't care what the left aligned image says, you look great. Don't let anyone else tell you differently.
 
 <figure class="align-right">
   <img src="/images/pyopensci-general/pyopensci-timeline2019-2024.png" alt="A timeline showing the growth of pyOpenSci from 2019 to 2024." style="width: 50%;">
   <figcaption>Growth of pyOpenSci from 2019 to 2024 Growth of pyOpenSci from 2019 to 2024 Growth of pyOpenSci from 2019 to 2024 Growth of pyOpenSci from 2019 to 2024</figcaption>
 </figure>
 
-
-And now we're going to shift things to the **right align**. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there --- Hey guy! Way to rock that right side. I don't care what the left aligned image says, you look great. Don't let anyone else tell you differently.
-
 The html looks like this:
 
 
@@ -187,53 +184,6 @@ The image below should extend outside of the parent container on right.
 > meaningful progress.
 {: .highlight-quote }
 
-
-### Quotes using include files
-
-You can also create blockquotes using include files.
-Below is a green and magenta version of the same quote
-
-````html
-{% raw %}
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight magenta" %}
-{% endraw %}
-````
-
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight magenta" %}
-
-```markdown
-{% raw %}
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight purple" %}
-{% endraw %}
-```
-
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight purple" %}
-
-The default color for the quotes is the pyos teal green.
-
-```
-{% raw %}
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight" %}
-{% endraw %}
-```
-
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight" %}
-
-### Quotes in notice blocks
-
-```
-<div class="notice">
-{% raw %}
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight" %}
-{% endraw %}
-</div>
-```
-
-<div class="notice">
-{% include pyos-blockquote.html quote="[*I want to... *] Streamline the development of good quality, socially responsible, and easily shareable software." author="Anonymous" event="AGU 2019 Townhall" class="highlight" %}
-
-</div>
-
 ## Buttons
 
 Make any link standout more when applying the `.btn .btn--primary` classes.

_sass/minimal-mistakes/_base.scss

@@ -15,7 +15,6 @@ body {
   font-family: $global-font-family;
   line-height: 1.6;
   weight: $weight-3;
-  font-size: 1em;
 
   &.overflow--hidden {
     /* when primary navigation is visible, the content in the background won't scroll */
@@ -132,91 +131,69 @@ blockquote {
   }
 }
 
-%quote-style {
-  font-weight: bold;
-  font-size: 100px;
-  color: $pyos-teal;
-  line-height: 0;
-}
-
 /* Block quote with bigger quotes*/
 blockquote.highlight-quote {
   border: none;
   font-family: Georgia, "Times New Roman", Times, serif;
-  margin-top: 6rem;
-  margin-bottom: 4rem;
-  padding: 0 2rem;
-  max-width: $medium;
+  margin-bottom: 90px;
+  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;
-  }
-
-  &:after{
-    @extend %quote-style;
-    position: absolute;
-    content: close-quote;
-    right: 4rem;
-    margin-top:2rem;
-  }
-  & > div.end {
-    position: relative;
-  }
-
-  & > div.end:after {
-    @extend %quote-style;
-    content: close-quote;
-    position: absolute;
-    right: 0;
-    margin-top:2.8rem;
+    // font-size: 18px;
+    // margin-top: 20px;
+    //color: #555; // Adjust the color as needed
   }
 
   p {
-    font-size: 1.3rem;
+    font-size: 21px;
     position: relative;
-    margin-bottom: 0.63rem;
+    margin-bottom: 10px;
 
-    &:before {
-      @extend %quote-style;
+    &:before,
+    &:after {
       position: absolute;
+      font-weight: bold;
+      font-size: 100px;
+      color: $pyos-teal;
+      line-height: 0;
+    }
+
+    &:before {
       content: open-quote;
       left: 0;
       top: -20px;
     }
-  }
 
-  &.magenta {
-    & > div.end:after,
-    p:before,
-    p:after {
-      color: $pyos-magenta;
+    &:after {
+      content: close-quote;
+      right: 0;
+      bottom: -20px;
     }
   }
-
-  &.purple {
-    & > div.end:after,
-    p:before,
-    p:after {
-      color: $pyos-mediumpurple;
+  // Success class (magenta)
+  &.magenta p {
+    &:before,
+    &:after {
+      color: $pyos-magenta;
     }
   }
-
-  @include breakpoint('max-width: #$mobile') {
-    padding: 0;
-    //font-size: 2rem;
+  &.purple p {
+    &:before,
+    &:after {
+      color: pyos-mediumpurple;
+    }
   }
 }
 
 /* links */
 
 a {
-  text-underline-offset: .1em;
-  text-decoration-color: rgba($text-color, 0.7);
-  text-decoration: underline;
-
-
   &:focus {
     @extend %tab-focus;
   }
@@ -228,9 +205,6 @@ 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/_navigation.scss

@@ -514,7 +514,6 @@
   border-radius: $border-radius;
   -webkit-box-shadow: $box-shadow;
   box-shadow: $box-shadow;
-  max-width: $medium;
 
   .nav__title {
     color: #fff;
@@ -528,24 +527,22 @@
   .active a {
     @include yiq-contrasted($active-color);
   }
-
-  @include breakpoint($large) {
-    max-width: $medium;
-    font-size: $type-size-4;
-  }
 }
 
+ul.toc__menu li ul li a {
+  font-size: 1.2em;
+}
 
 // Force the sub menu in a toctree to be the same size as the main menu
 .toc__menu {
   margin: 0;
   padding: 0;
   width: 100%;
   list-style: none;
-  font-size: $type-size-5;
+  font-size: $type-size-6;
 
   @include breakpoint($large) {
-    font-size: $type-size-6;
+    font-size: $type-size-7;
   }
 
   a {
@@ -568,6 +565,7 @@
 
   li ul li ul > li a {
     padding-left: 1.75rem;
+    font-size: 1.2em;
   }
 
   li ul li ul li ul > li a {

_sass/minimal-mistakes/_page.scss

@@ -94,15 +94,13 @@ body {
   }
 
   p,
-  li,
-  pre {
+  li {
     max-width: $medium;
     font-weight: $weight-4;
   }
 
   h2 {
     padding-bottom: 0.2em;
-    margin-bottom: 0;
   }
 
   h1,
@@ -111,7 +109,7 @@ body {
   h4,
   h5,
   h6 {
-    max-width: $large;
+    max-width: $medium;
 
     .header-link {
       position: relative;
@@ -595,63 +593,3 @@ body {
     }
   }
 }
-
-/* Media queries */
-
-@media screen and (max-width: 768px) {
-  .page__content, .archive__item {
-    font-size: 1.1em
-  }
-
-  .element-item {
-    width:calc(90% - 10px)!important;
-   }
-
-  .narrow p {
-    font-size: 0.9em!important;
-  }
-  .narrow {
-    font-size: 0.9em!important;
-  }
-
-  .page__meta.contributors {
-    font-size: .9em !important;
-  }
-
-  h2.archive__item-title, h3.archive__item-title {
-    font-size: 1.3em!important;
-  }
-
-
-  .feature__item--center .archive__item-body, .archive__item-body {
-    width: 100%!important;
-    padding: 0!important;
-  }
-
-  .wide #main {
-    padding-left: 2em;
-  }
-  .feature__item {
-    width: 95%!important;
-  }
-  .cards {
-    margin-right: auto!important;
-    margin-left: auto!important;
-  }
-
-  .wide__p_text {
-    max-width: 90%!important;
-  }
-  ol {
-    font-size: 1em;
-  }
-}
-
-/* End media query 48em / 768 px */
-
-/* max 480 px */
-@media screen and (max-width: 480px) {
-  body{
-    font-size: 1.4em;
-  }
-}