Pushing to prod PR#502 onward

site/_extensions/nrichers/preview/preview.css

@@ -1,8 +1,6 @@
 .preview {
   position: relative;
   display: inline-block;
-  width: 400px;
-  height: 225px;
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
   border-radius: 5px;
   background: #DE257E;

site/_extensions/nrichers/preview/preview.lua

@@ -15,20 +15,27 @@ end
 -- Main function to apply preview
 function Div(el)
   if el.classes:includes("preview") then
-    -- Get the `source` attribute, defaulting to "index.qmd" if missing
+    -- Get the `source`, `target`, `width`, `height`, and `offset` attributes, with defaults if not specified
     local source = el.attributes.source or "index.qmd"
-    source = source:gsub("%.qmd$", ".html")
+    local target = el.attributes.target or source
+    local width = el.attributes.width or "400"
+    local height = el.attributes.height or "225"
+    local offset = el.attributes.offset or "0"  -- Offset in pixels to crop from the top
 
-    -- Get the `target` attribute, defaulting to `source` if missing
-    local target = el.attributes.target or el.attributes.source or "index.qmd"
-    target = target:gsub("%.qmd$", ".html")
+    -- Convert .qmd to .html for non-external sources
+    if not source:match("^https?://") then
+      source = source:gsub("%.qmd$", ".html")
+    end
+    if not target:match("^https?://") then
+      target = target:gsub("%.qmd$", ".html")
+    end
 
-    -- Generate the HTML content for the preview div
+    -- Generate HTML with clip-path to crop the top content by the specified offset
     local iframeHtml = string.format(
-      '<div class="preview">\n' ..
-      '  <iframe src="%s" width="400" height="225"></iframe>\n' ..
+      '<div class="preview" style="width:%spx; height:%spx; overflow:hidden;">\n' ..
+      '  <iframe src="%s" style="width:100%%; height:calc(100%% + %spx); position:relative; top:-%spx; border:none; border-radius:5px;"></iframe>\n' ..
       '  <a href="%s" target="_blank"></a>\n' ..
-      '</div>', source, target
+      '</div>', width, height, source, offset, offset, target
     )
 
     -- Return the raw HTML to be inserted

site/_quarto.yml

@@ -96,6 +96,8 @@ website:
           - text: "Automated testing & documentation"
             file: about/overview-model-documentation.qmd
           - about/overview-model-risk-management.qmd
+        - text: "LLM features"
+          file: about/overview-llm-features.qmd
         - file: about/deployment/deployment-options.qmd
           text: "Deployment options"
           contents:
@@ -322,11 +324,11 @@ website:
     #     - text: "---"
     #     - text: "FUNDAMENTALS"
     #     - text: "For Administrators"
-    #       file: training/administrator/administrator-fundamentals-register.qmd
+    #       file: training/administrator-fundamentals/administrator-fundamentals-register.qmd
     #     - text: "For Developers"
-    #       file: training/developer/developer-fundamentals-register.qmd
+    #       file: training/developer-fundamentals/developer-fundamentals-register.qmd
     #     - text: "For Validators"
-    #       file: training/validator/validator-fundamentals-register.qmd
+    #       file: training/validator-fundamentals/validator-fundamentals-register.qmd
 #        - text: "For model risk governance"
 #          file: training/training-for-model-risk-governance.qmd