Jake Vanderwerf
2026-05-31 411ebcca57fe1c52da5ca7d5de0390178b137322
all.css
@@ -5,11 +5,12 @@
Author:         Jake
Author URI:     https://jakevan.ca/
Template:       jvb-theme
Version:        0.1.5
Version:        0.1.6
!*/
:root{
   --filter: grayscale(.3) sepia(.4);
   --aside: min(500px, calc(100vw - 2rem - var(--btn)));
   /** Download your Fonts from: https://gwfh.mranftl.com/ **/
   --font-base: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
   --heading: 'Open Sans', var(--font-base);
@@ -470,9 +471,9 @@
      margin: 0 1rem!important;
   }
}
main > * {
   margin-left: var(--btn)!important;
}
/*main > * {*/
/* margin-left: var(--btn)!important;*/
/*}*/
main > section {
   max-width: 100vw;
   padding: 3rem var(--btn) 3rem 1.5rem;
@@ -505,7 +506,7 @@
   background-color: rgb(var(--action-200));
}
   .cover.alt {
      min-height: 0;
      min-height: 40vw;
   }
   .cover > .content {
      background-color: rgba(var(--base), var(--op-6));
@@ -543,13 +544,16 @@
         margin: 0!important;
      }
      .cover.alt + #top {
         display: flex;
         justify-content: flex-end;
         flex-direction: column;
         position: absolute;
         right: 0;
         top: 35vw;
         top: var(--btn);
         max-width: 60vw;
         grid-column: narrow;
         z-index: 10;
         height: 40vw;
         color: rgb(var(--action-contrast));
         padding: 0 var(--btn_) 0 0!important;
      }
@@ -715,11 +719,12 @@
   max-width: var(--wide);
}
#summary .summary .term-list {
   height: var(--chipchip);
   min-height: var(--chipchip);
   margin: 0!important;
}
#summary .summary > li {
   list-style: none;
   height: var(--chipchip)
   min-height: var(--chipchip);
}
#summary .summary .icon {
   --w: 1.5em;
@@ -788,15 +793,23 @@
   max-width: var(--full);
}
   ul.content-term-list > li {
      padding: var(--sp3) var(--btn_) var(--sp3) 0;
      padding: var(--chipchip) 0;
      list-style: none;
   }
      ul.content-term-list > li > *:not(.cover) {
         padding: var(--sp3) var(--btn_) var(--sp3) 1.5rem;
      }
      ul.content-term-list > li:nth-of-type(even) {
         background-color: rgb(var(--base-100));
      }
   ul.content-term-list img {
      width: 40vw;
      max-width: 40vw;
      max-height: 40vh;
      aspect-ratio: 3/2;
      max-inline-size: none;
      mix-blend-mode: unset;
      filter: none;
      object-fit: contain;
   }
   .content-term-list .cover {
@@ -818,7 +831,8 @@
.feed-block .item-grid {
   padding-right: var(--btnbtn);
   margin: 0!important;
   padding: 0;
}
@@ -843,3 +857,13 @@
.cover.cover  {
   padding: 0;
}
.project details[open] {
   background-color: transparent;
   max-width: var(--full);
   padding-right: var(--chipchip);
}
   .project details h3,
   .project details h2 {
      margin-top: .25em;
   }