Design update

_freeze/posts/2024-08-21-hydraulics-pics/index/execute-results/html.json

@@ -0,0 +1,19 @@
+{
+  "hash": "1925a66bca90c905b5a3e8c0c09a9ca4",
+  "result": {
+    "engine": "knitr",
+    "markdown": "---\ntitle: \"Plant Hydraulics Workshop 2024\"\ndescription: \"Plant hydraulics workshop - July 2024\"\nauthor: \n  - name: <a href=\"https://www.bard-isus.org/news/dr-daphna-uni/\" title = \"Visit website\">Daphna Uni</a>\n    affiliation: University of Arizona\ndate: 08-21-2024\ncategories: [plant hydraulics, plant water potential, workshops]\nimage: Daphna_Uni.jpeg\ndraft: false\nfilters:\n   - lightbox\nlightbox: auto\n---\n\n\n\nThe 2nd Plant Hydraulics Workshop took place in July 2024 at the Highlands Biological Station in beautiful North Carolina!\n\n# Day 1\n\n## Learning topic: Leaf water potential\n\nInstructors included Daniel Beverly and Dan Johnson :\n\n\n\n::: {.cell}\n\n:::\n\n\n\n::::::::: {layout=\"[[30, -2, 30, -2, 30]]\"}\n<div>\n\n![](IMG_1.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![Learning about how plant's water potential works](IMG_2.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![Student Macarena Ferris and Instructor Daniel B. picking the best branch for our measurements!](IMG_3.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![Daniel B. and the \"best\" available branch](IMG_4.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![Instructor Dan Johnson](IMG_5.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![](IMG_6.jpg){group=\"mygallery2\"}\n\n</div>\n:::::::::\n\n# Day 2\n\n## Learning topic: Sapflow and data loggers\n\nInstructors included Chris Oishi and Ana Maria Restrepo-Acevedo.\n\n::::: {layout=\"[[45, -5, 45]]\" layout-valign=\"center\"}\n<div>\n\n![Practicing datalogger programming](IMG_7.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![Practicing datalogger wireing and programming](IMG_8.jpg){group=\"mygallery2\"}\n\n</div>\n:::::\n\n## Afternoon trip to a waterfall\n\n::::: {layout=\"[[45, -5, 45]]\" layout-valign=\"center\"}\n<div>\n\n![](IMG_11.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![](IMG_12.jpg){group=\"mygallery2\"}\n\n</div>\n:::::\n\n# Day 3\n\n## Learning topic: Conductivity\n\nInstructed by Bill Hammond and Marylou Mantova. We learned how to measure and quantify the specific conductive wood area, vessel length with a pressure chamber, and embolism evens with a 'cavicam'.\n\n:::::::: {layout=\"[[45, -5, 45]]\" layout-valign=\"center\"}\n<div>\n\n![Instructor Bill Hammond explaining the process of using a 'cavicam'](IMG_13.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![](IMG_14.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![](IMG_15.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n![](IMG_16.jpg){group=\"mygallery2\"}\n\n</div>\n\n<div>\n\n::::::\n\n</div>\n::::::::\n\n</div>\n\n::::::::::::::::::\n",
+    "supporting": [],
+    "filters": [
+      "rmarkdown/pagebreak.lua"
+    ],
+    "includes": {
+      "include-in-header": [
+        "<link href=\"../../site_libs/pagedtable-1.1/css/pagedtable.css\" rel=\"stylesheet\" />\n<script src=\"../../site_libs/pagedtable-1.1/js/pagedtable.js\"></script>\n"
+      ]
+    },
+    "engineDependencies": {},
+    "preserve": {},
+    "postProcess": true
+  }
+}

_freeze/site_libs/htmltools-fill-0.5.9/fill.css

@@ -0,0 +1,21 @@
+@layer htmltools {
+  .html-fill-container {
+    display: flex;
+    flex-direction: column;
+    /* Prevent the container from expanding vertically or horizontally beyond its
+    parent's constraints. */
+    min-height: 0;
+    min-width: 0;
+  }
+  .html-fill-container > .html-fill-item {
+    /* Fill items can grow and shrink freely within
+    available vertical space in fillable container */
+    flex: 1 1 auto;
+    min-height: 0;
+    min-width: 0;
+  }
+  .html-fill-container > :not(.html-fill-item) {
+    /* Prevent shrinking or growing of non-fill items */
+    flex: 0 0 auto;
+  }
+}

_freeze/site_libs/pagedtable-1.1/css/pagedtable.css

@@ -0,0 +1,142 @@
+.pagedtable {
+  overflow: auto;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.pagedtable-wrapper {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+
+.pagedtable table {
+  width: 100%;
+  max-width: 100%;
+  margin: 0;
+}
+
+.pagedtable th {
+  padding: 0 5px 0 5px;
+  border: none;
+  border-bottom: 2px solid #dddddd;
+
+  min-width: 45px;
+}
+
+.pagedtable-empty th {
+  display: none;
+}
+
+.pagedtable td {
+  padding: 0 4px 0 4px;
+}
+
+.pagedtable .even {
+  background-color: rgba(140, 140, 140, 0.1);
+}
+
+.pagedtable-padding-col {
+  display: none;
+}
+
+.pagedtable a {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.pagedtable-index-nav {
+  cursor: pointer;
+  padding: 0 5px 0 5px;
+  float: right;
+  border: 0;
+}
+
+.pagedtable-index-nav-disabled {
+  cursor: default;
+  text-decoration: none;
+  color: #999;
+}
+
+a.pagedtable-index-nav-disabled:hover {
+  text-decoration: none;
+  color: #999;
+}
+
+.pagedtable-indexes {
+  cursor: pointer;
+  float: right;
+  border: 0;
+}
+
+.pagedtable-index-current {
+  cursor: default;
+  text-decoration: none;
+  font-weight: bold;
+  color: #333;
+  border: 0;
+}
+
+a.pagedtable-index-current:hover {
+  text-decoration: none;
+  font-weight: bold;
+  color: #333;
+}
+
+.pagedtable-index {
+  width: 30px;
+  display: inline-block;
+  text-align: center;
+  border: 0;
+}
+
+.pagedtable-index-separator-left {
+  display: inline-block;
+  color: #333;
+  font-size: 9px;
+  padding: 0 0 0 0;
+  cursor: default;
+}
+
+.pagedtable-index-separator-right {
+  display: inline-block;
+  color: #333;
+  font-size: 9px;
+  padding: 0 4px 0 0;
+  cursor: default;
+}
+
+.pagedtable-footer {
+  padding-top: 4px;
+  padding-bottom: 5px;
+}
+
+.pagedtable-not-empty .pagedtable-footer {
+  border-top: 2px solid #dddddd;
+}
+
+.pagedtable-info {
+  overflow: hidden;
+  color: #999;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.pagedtable-header-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.pagedtable-header-type {
+  color: #999;
+  font-weight: 400;
+}
+
+.pagedtable-na-cell {
+  font-style: italic;
+  opacity: 0.3;
+}