Skip to content

Reimplement docs site main page in css grid #225

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
validbeck merged 7 commits into from
Jun 26, 2024
Merged

Reimplement docs site main page in css grid #225

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
99414b0
Testing index.qmd page with Tachyons & CSS Grid
validbeck Jun 21, 2024
55eebf0
Tweaked styling of links on hover
validbeck Jun 21, 2024
9f5624f
Comment for Support section
validbeck Jun 21, 2024
5c97454
Changed search back to textbox as requested
validbeck Jun 25, 2024
a9dfc87
Fix broken links, add fig-alt text
nrichers Jun 26, 2024
d7b0661
Merge branch 'main' docs repo into beck/sc-4120/reimplement-docs-site…
validbeck Jun 26, 2024
48e1a99
Pulled in files from main & re-rendered site
validbeck Jun 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
122 changes: 122 additions & 0 deletions site-unused/index-old.qmd
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
---
pagetitle: "Welcome to our documentation"
format: html
sidebar: false
resources:
- assets/img/Gradient_bg.svg
- guide/schema_doc.css
- guide/schema_doc.min.js
- notebooks.zip
- fonts/**
- releases/2024-may-22/*.mp4
- releases/2024-mar-27/create-new-group.mp4
- releases/2024-mar-27/display-result-metadata.mp4
- releases/2024-mar-27/model-inventory-manage-columns.mp4
- releases/2024-mar-27/required-custom-fields.mp4
html:
page-layout: full
css:
- assets/bootstrap/css/bootstrap.min.css
- assets/css/styles.css
---

::: {.column-screen}

```{=html}
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Trial 2</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>

<body style="background: #F8FAFC;">
<section class="d-xl-flex d-xxl-flex align-items-xl-center align-items-xxl-center" style="background: url(&quot;assets/img/Gradient_bg.svg&quot;), var(--bs-black);padding-right: 6%;padding-left: 6%;background-size: cover, auto;padding-bottom: 4%;padding-top: 4%;">
<div class="container" style="padding: 0;">
<div class="row" style="margin: 0;">
<div class="col-xl-5 col-xxl-4 d-xl-flex d-xxl-flex align-items-xl-center align-items-xxl-center" style="padding: 0;">
<div class="row" style="margin: 0;">
<div class="col" style="padding: 0;">
<h6 style="margin-bottom: 16px;color: var(--bs-white);">Documentation</h6>
<h1 style="margin-bottom: 4px;color: var(--bs-white);">The guide to elevating your AI model risk workflow</h1>
<p style="margin-bottom: 32px;color: var(--bs-white);">Need help? Find all the information you need to use our platform for model risk management (AI model risk).</p>

<div class="sidebar-search">
<div id="quarto-search" class="type-textbox" title="Search">
<div class="aa-InputWrapperSuffix">
<button class="aa-CopyButton" type="button" title="Copy link to search" style="display: none;">
<i class="bi bi-clipboard"></i>
</button>
<button class="aa-ClearButton" type="reset" title="Clear" hidden="">
<svg class="aa-ClearIcon" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"> <path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path></svg>
</button>
</div>
</div>
</div>
<a class="btn btn-primary" role="button" style="padding: 12px;color: var(--bs-white);background: #DE257E;border-radius: 4px;margin-top: 64px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 100%;border: 1px solid var(--bs-pink);" href="guide/quickstart-try-developer-framework-with-jupyterhub.html">QuickStart</a>
</div>
</div>
</div>
<div class="col-lg-12 col-xl-1 col-xxl-1"></div>
<div class="col-xl-6 col-xxl-7 d-flex d-lg-flex justify-content-center justify-content-lg-center"><img class="img-fluid" src="assets/img/Group%2038-2.png" style="position: relative;overflow: clip;padding-top: 40px;"></div>
</div>
</div>
</section>
<section style="--bs-primary: #DE257E;--bs-primary-rgb: 222,37,126;margin-top: 60px;margin-bottom: 48px;margin-right: 6%;margin-left: 6%;">
<div class="container" style="padding-left: 0;padding-right: 0;text-align: left;">
<div class="row" style="text-align: left;margin: 0;">
<div class="col-xl-4 col-xxl-3 offset-xl-0" style="padding: 0px;padding-left: 0;padding-bottom: 30px;">
<h2 style="/*color: #212529;*/">Overview</h2>
<p style="margin-bottom: 16px;/*color: #212529;*/">Automating key aspects of the model risk management process, ValidMind is an AI model risk solution designed for the unique documentation and validation needs of model developers and validators.</p>
<p style="font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 150%;padding-top: 8px;padding-bottom: 8px;padding-right: 16px;padding-left: 16px;border-bottom: 1px solid #CBD5E1;margin-bottom: 0px;">Model Documentation Automation</p>
<p style="font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 150%;padding-top: 8px;padding-bottom: 8px;padding-right: 16px;padding-left: 16px;border-bottom: 1px solid #CBD5E1;margin: 0px;">AI Model Risk &amp; Lifecycle Management</p>
<p style="font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 150%;padding-top: 8px;padding-bottom: 8px;padding-right: 16px;padding-left: 16px;border-bottom: 1px solid #CBD5E1;margin: 0px;">Communication &amp; Tracking</p><a class="btn btn-secondary" role="button" style="padding: 12px;color: #475569;background: transparent;border-radius: 4px;margin-top: 32px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 100%;border: 1px solid #475569;margin-right: 8px;" href="guide/guides.html">User Guides</a>
</div>
<div class="col-xl-1" style="padding: 0px;"></div>
<div class="col" style="padding: 0;padding-left: 0;margin-bottom: 32px;">
<div class="card" style="border-style: none;background: transparent;"><img class="card-img-top w-100 d-block" style="border-radius: 8px;" src="assets/img/f1.png">
<div class="card-body" style="padding-top: 12px;padding-bottom: 12px;">
<h4 class="card-title">Model Developers</h4>
<p class="card-text" style="margin-bottom: 0;">Automate your model documentation and testing tasks with the {{< var vm_framework >}}.</p><a class="text-nowrap" type="button" style="padding: 0;color: var(--bs-pink);background: transparent;border-radius: 4px;margin-top: 24px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 100%;border: 1px none #475569;text-decoration: underline;" href="guide/get-started-developer-framework.html">Get started</a>
</div>
</div>
<div class="w-100"></div>
</div>
<div class="col-xl-1 col-xxl-1" style="padding: 0px;width: 2%;"></div>
<div class="col" style="padding: 0;padding-right: 0px;">
<div class="card" style="border-style: none;background: transparent;"><img class="card-img-top w-100 d-block" style="border-radius: 8px;" src="assets/img/f2.png">
<div class="card-body" style="padding-top: 12px;padding-bottom: 12px;">
<h4 class="card-title">Model Validators</h4>
<p class="card-text" style="margin-bottom: 0;">Review and evaluate models and documentation to ensure they comply with organizational &amp; regulatory requirements.</p><a class="text-nowrap" type="button" style="padding: 0;color: var(--bs-pink);background: transparent;border-radius: 4px;margin-top: 24px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 100%;border: 1px none #475569;text-decoration: underline;" href="guide/preparing-validation-reports.html">Get started</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="margin-right: 6%;margin-left: 6%;background: transparent;border-radius: 8px;">
<div class="container" style="padding: 40px;background: #0F172A;border-radius: 8px;">
<div class="row" style="margin: 0;">
<div class="col-12 col-lg-6 col-xl-6 col-xxl-5" style="padding: 0;">
<h2 style="color: var(--bs-white);">Support &amp; Training</h2>
<p style="margin-bottom: 16px;color: var(--bs-white);">You can learn more about effective model risk management by requesting a demo with ValidMind.</p>
<p style="margin-bottom: 28px;color: var(--bs-gray-400);padding: 16px;background: transparent;border-radius: 0;padding-top: 0;padding-bottom: 0;padding-right: 0;border: 1px none var(--bs-white);border-left-style: solid;border-left-color: var(--bs-gray-400);"><strong>Need some help? Try our self-service documentation or email us at:&nbsp;</strong><a href="mailto:[email protected]"><strong><span style="text-decoration: underline;">[email protected]</span></strong></a></p><a class="btn btn-secondary" role="button" style="padding: 12px;color: var(--bs-white);background: transparent;border-radius: 4px;margin-top: 4px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 100%;margin-right: 8px;border: 1px solid var(--bs-white);border-left-color: var(--bs-white);" href="faq/faq.html">Frequently Asked Questions</a><a class="btn btn-primary" role="button" style="padding: 12px;color: var(--bs-white);background: #DE257E;border-radius: 4px;margin-top: 8px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 100%;border: 1px solid var(--bs-pink);" href="https://validmind.com/contact/">Request A Demo</a>
</div>
<div class="col-lg-1" style="padding: 0;"></div>
<div class="col-lg-5 col-xl-5 d-md-flex d-lg-flex d-xl-flex justify-content-md-center justify-content-lg-center align-items-lg-end justify-content-xl-center" style="padding: 0;padding-right: 0;margin-bottom: -40px;"><img class="img-fluid" src="assets/img/Group%2026.png" style="max-width: 100%;"></div>
</div>
</div>
</section>
<section style="margin-right: 6%;margin-left: 6%;background: #0F172A;border-radius: 16px;margin-bottom: 64px;"></section>
<!--- <script src="assets/bootstrap/js/bootstrap.min.js"></script>
-->
</body>

</html>
```

:::
3 changes: 2 additions & 1 deletion site/_quarto.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ website:
search:
location: sidebar
type: textbox
show-item-context: true
page-navigation: true
repo-url: https://github.com/validmind/documentation/
repo-subdir: site/
Expand Down Expand Up @@ -271,7 +272,7 @@ website:

page-footer:
background: "#DE257E"
left: "_© Copyright 2023-2024 ValidMind Inc. All Rights Reserved._"
left: "© Copyright 2023-2024 ValidMind Inc. All Rights Reserved."
right:
- text: "validmind.com {{< fa external-link >}}"
href: https://validmind.com/
Expand Down
7 changes: 4 additions & 3 deletions site/_site/about/data-privacy-policy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<meta name="dcterms.date" content="2024-06-19">
<meta name="dcterms.date" content="2024-06-25">
<meta name="keywords" content="data privacy, ai risk, model risk management, ValidMind">

<title>ValidMind – Data privacy policy</title>
Expand Down Expand Up @@ -58,6 +58,7 @@
"/",
"s"
],
"show-item-context": true,
"language": {
"search-no-results-text": "No results",
"search-matching-documents-text": "matching documents",
Expand Down Expand Up @@ -418,7 +419,7 @@ <h1 class="title">Data privacy policy</h1>
<div>
<div class="quarto-title-meta-heading">Published</div>
<div class="quarto-title-meta-contents">
<p class="date">June 19, 2024</p>
<p class="date">June 25, 2024</p>
</div>
</div>

Expand Down Expand Up @@ -935,7 +936,7 @@ <h2 class="anchored" data-anchor-id="whats-next">What’s next</h2>
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
<p><em>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</em></p>
<p>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</p>
</div>
<div class="nav-footer-center">

Expand Down
5 changes: 3 additions & 2 deletions site/_site/about/glossary/glossary.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@
"/",
"s"
],
"show-item-context": true,
"language": {
"search-no-results-text": "No results",
"search-matching-documents-text": "matching documents",
Expand Down Expand Up @@ -531,7 +532,7 @@ <h4 class="anchored" data-anchor-id="models">Models</h4>
</dl>

<div class="no-row-height column-margin column-container"><div class="">
<p><strong><sup>1</sup>Refer also to:</strong> <a href="../../about/glossary/glossary.html#platform-model-inventory">ValidMind model inventory</a></p>
<p><strong><sup>1</sup> Refer also to:</strong> <a href="../../about/glossary/glossary.html#platform-model-inventory">ValidMind model inventory</a></p>
</div></div><dl>
<dt>model lifecycle</dt>
<dd>
Expand Down Expand Up @@ -1250,7 +1251,7 @@ <h2 class="anchored" data-anchor-id="artificial-intelligence">Artificial intelli
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
<p><em>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</em></p>
<p>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</p>
</div>
<div class="nav-footer-center">

Expand Down
7 changes: 4 additions & 3 deletions site/_site/about/license-agreement.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<meta name="dcterms.date" content="2024-05-15">
<meta name="dcterms.date" content="2024-06-25">

<title>ValidMind – SOFTWARE LICENSE AGREEMENT</title>
<style>
Expand Down Expand Up @@ -57,6 +57,7 @@
"/",
"s"
],
"show-item-context": true,
"language": {
"search-no-results-text": "No results",
"search-matching-documents-text": "matching documents",
Expand Down Expand Up @@ -407,7 +408,7 @@ <h1 class="title">SOFTWARE LICENSE AGREEMENT</h1>
<div>
<div class="quarto-title-meta-heading">Published</div>
<div class="quarto-title-meta-contents">
<p class="date">May 15, 2024</p>
<p class="date">June 25, 2024</p>
</div>
</div>

Expand Down Expand Up @@ -883,7 +884,7 @@ <h1 class="title">SOFTWARE LICENSE AGREEMENT</h1>
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
<p><em>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</em></p>
<p>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</p>
</div>
<div class="nav-footer-center">

Expand Down
7 changes: 4 additions & 3 deletions site/_site/about/overview-model-documentation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<meta name="dcterms.date" content="2024-06-20">
<meta name="dcterms.date" content="2024-06-25">

<title>ValidMind – Automated model testing &amp; documentation</title>
<style>
Expand Down Expand Up @@ -92,6 +92,7 @@
"/",
"s"
],
"show-item-context": true,
"language": {
"search-no-results-text": "No results",
"search-matching-documents-text": "matching documents",
Expand Down Expand Up @@ -453,7 +454,7 @@ <h1 class="title">Automated model testing &amp; documentation</h1>
<div>
<div class="quarto-title-meta-heading">Published</div>
<div class="quarto-title-meta-contents">
<p class="date">June 20, 2024</p>
<p class="date">June 25, 2024</p>
</div>
</div>

Expand Down Expand Up @@ -1035,7 +1036,7 @@ <h2 class="anchored" data-anchor-id="ready-to-try-out-validmind">Ready to try ou
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
<p><em>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</em></p>
<p>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</p>
</div>
<div class="nav-footer-center">

Expand Down
7 changes: 4 additions & 3 deletions site/_site/about/overview-model-risk-management.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<meta name="dcterms.date" content="2024-06-20">
<meta name="dcterms.date" content="2024-06-25">

<title>ValidMind – Model risk management &amp; governance</title>
<style>
Expand Down Expand Up @@ -58,6 +58,7 @@
"/",
"s"
],
"show-item-context": true,
"language": {
"search-no-results-text": "No results",
"search-matching-documents-text": "matching documents",
Expand Down Expand Up @@ -420,7 +421,7 @@ <h1 class="title">Model risk management &amp; governance</h1>
<div>
<div class="quarto-title-meta-heading">Published</div>
<div class="quarto-title-meta-contents">
<p class="date">June 20, 2024</p>
<p class="date">June 25, 2024</p>
</div>
</div>

Expand Down Expand Up @@ -1088,7 +1089,7 @@ <h2 class="anchored" data-anchor-id="ready-to-try-out-validmind">Ready to try ou
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
<p><em>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</em></p>
<p>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</p>
</div>
<div class="nav-footer-center">

Expand Down
11 changes: 6 additions & 5 deletions site/_site/about/overview.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

<meta name="dcterms.date" content="2024-06-20">
<meta name="dcterms.date" content="2024-06-25">

<title>ValidMind – About ValidMind</title>
<style>
Expand Down Expand Up @@ -59,6 +59,7 @@
"/",
"s"
],
"show-item-context": true,
"language": {
"search-no-results-text": "No results",
"search-matching-documents-text": "matching documents",
Expand Down Expand Up @@ -474,7 +475,7 @@ <h1 class="title">About ValidMind</h1>
<div>
<div class="quarto-title-meta-heading">Published</div>
<div class="quarto-title-meta-contents">
<p class="date">June 20, 2024</p>
<p class="date">June 25, 2024</p>
</div>
</div>

Expand Down Expand Up @@ -545,7 +546,7 @@ <h1 class="title">About ValidMind</h1>
<h2 class="anchored" data-anchor-id="section">ValidMind AI risk platform</h2>
<div id="listing-validmind-features" class="quarto-listing quarto-listing-container-grid">
<div class="list grid quarto-listing-cols-2">
<div class="g-col-1" data-index="0" data-listing-date-sort="1718926794000" data-listing-file-modified-sort="1718926794771" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="5" data-listing-word-count-sort="824">
<div class="g-col-1" data-index="0" data-listing-date-sort="1719359419000" data-listing-file-modified-sort="1719359419101" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="5" data-listing-word-count-sort="824">
<a href="../about/overview-model-documentation.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<div class="card-body post-contents">
Expand All @@ -559,7 +560,7 @@ <h5 class="no-anchor card-title listing-title">
</div>
</a>
</div>
<div class="g-col-1" data-index="1" data-listing-date-sort="1718926455000" data-listing-file-modified-sort="1718926455846" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="8" data-listing-word-count-sort="1470">
<div class="g-col-1" data-index="1" data-listing-date-sort="1719359419000" data-listing-file-modified-sort="1719359419102" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="8" data-listing-word-count-sort="1470">
<a href="../about/overview-model-risk-management.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<div class="card-body post-contents">
Expand Down Expand Up @@ -1028,7 +1029,7 @@ <h2 class="anchored" data-anchor-id="ready-to-try-out-validmind">Ready to try ou
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
<p><em>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</em></p>
<p>© Copyright 2023-2024 ValidMind Inc.&nbsp;All Rights Reserved.</p>
</div>
<div class="nav-footer-center">

Expand Down
Loading