Skip to content

Simple test support chart #466

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.

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

Open
wants to merge 16 commits into
base: main
Choose a base branch
from
133 changes: 133 additions & 0 deletions _includes/version-support-current.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
<style>
.container {
width: 80%;
margin: auto;
padding: 20px;
}
.gantt-chart {
padding: 15px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
.gantt-bar-container {
display: flex;
justify-content: flex-end;
width: 100%;
}
.gantt-bar {
height: 20px;
background-color: #4CAF50;
margin-top: 5px;
border-radius: 5px;
position: relative;
}
.future-gantt-bar {
display: flex;
height: 20px;
background-color: #FFA500;
margin-top: 5px;
border-radius: 5px;
position: relative;
}
.gantt-label {
position: absolute;
width: 100%;
text-align: center;
color: white;
font-size: 0.8em;
}
.timeline-row {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.timeline-label {
min-width: 200px;
padding-right: 10px;
text-align: center;
}
.support-bg {
background-color: #fafafa;
padding: 1rem;
border-radius: 5px;
}
</style>

<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>

<section class="support-bg">
<h2>Current and Upcoming Python Support</h2>
<div class="gantt-chart">
<div class="timeline-row">
<div class="timeline-label">Python 3.11</div>
<div class="gantt-bar-container">
<div class="future-gantt-bar" style="width: 50%;">
<span class="gantt-label">? - ?</span>
</div>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">Python 3.10</div>
<div class="gantt-bar" style="margin-left: 20%; width: 50%;">
<span class="gantt-label">23.02 - ?</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">Python 3.9</div>
<div class="gantt-bar" style="width: 50%;">
<span class="gantt-label">22.02 - ?</span>
</div>
</div>
</div>

<div class="gantt-chart">
<div class="timeline-row">
<div class="timeline-label">CUDA 12.2</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">June 2018 - June 2023</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">CUDA 12.0</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">Dec 2016 - Dec 2021</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">CUDA 11.8</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">Sept 2015 - Sept 2020</span>
</div>
</div>
</div>

<div class="gantt-chart">
<div class="timeline-row">
<div class="timeline-label">450.80.02+ (CUDA 11)</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">? - ?</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">525.60.13+ (CUDA 12)</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">22.04 - ?</span>
</div>
</div>

</div>
</section>

<script type="text/javascript">
document.addEventListener('alpine:init', () => {
Alpine.data('versionSupport', () => ({
selectedVersion: null,
}));
});
</script>
141 changes: 141 additions & 0 deletions _includes/version-support-historical.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
<style>
.container {
width: 80%;
margin: auto;
padding: 20px;
}
.gantt-chart {
padding: 15px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
.gantt-bar-container {
display: flex;
justify-content: flex-end;
width: 100%;
}
.gantt-bar {
height: 20px;
background-color: #4CAF50;
margin-top: 5px;
border-radius: 5px;
position: relative;
}
.future-gantt-bar {
display: flex;
height: 20px;
background-color: #FFA500;
margin-top: 5px;
border-radius: 5px;
position: relative;
}
.gantt-label {
position: absolute;
width: 100%;
text-align: center;
color: white;
font-size: 0.8em;
}
.timeline-row {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.timeline-label {
min-width: 200px;
padding-right: 10px;
text-align: center;
}
.support-bg {
background-color: #fafafa;
padding: 1rem;
border-radius: 5px;
}
</style>

<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>

<section class="support-bg">
<h2>Historical Python Support</h2>
<div class="gantt-chart">
<div class="timeline-row">
<div class="timeline-label">Python 3.11</div>
<div class="gantt-bar-container">
<div class="future-gantt-bar" style="width: 50%;">
<span class="gantt-label">? - ?</span>
</div>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">Python 3.10</div>
<div class="gantt-bar" style="margin-left: 20%; width: 50%;">
<span class="gantt-label">23.02 - ?</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">Python 3.9</div>
<div class="gantt-bar" style="width: 50%;">
<span class="gantt-label">22.02 - ?</span>
</div>
</div>
</div>

<h2>Historical CUDA Support</h2>
<div class="gantt-chart">
<div class="timeline-row">
<div class="timeline-label">CUDA 12.2</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">June 2018 - June 2023</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">CUDA 12.0</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">Dec 2016 - Dec 2021</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">CUDA 11.8</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">Sept 2015 - Sept 2020</span>
</div>
</div>
</div>

<h2>Historical Driver Support</h2>
<div class="gantt-chart">
<div class="timeline-row">
<div class="timeline-label">410</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">June 2018 - June 2023</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">400</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">Dec 2016 - Dec 2021</span>
</div>
</div>

<div class="timeline-row">
<div class="timeline-label">390</div>
<div class="gantt-bar" style="width: 100%;">
<span class="gantt-label">Sept 2015 - Sept 2020</span>
</div>
</div>
</div>
</section>

<script type="text/javascript">
document.addEventListener('alpine:init', () => {
Alpine.data('versionSupport', () => ({
selectedVersion: null,
}));
});
</script>
26 changes: 26 additions & 0 deletions version-support/version-support.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
layout: default
title: Version Support
nav_order: 3
permalink: version-support
description: |
RAPIDS Version Support: Current, Future, and Historical
---

# RAPIDS Current and Upcoming Support
{: .fs-8 }

Below are the currently supported Python, CUDA, and Driver versions for RAPIDS as well as the next support transition.
{: .fs-6 .fw-300 .mb-8 }

{% include version-support-current.html %}

# RAPIDS Historical Support
{: .fs-8 }

Below are the previously supported Python, CUDA, and Driver versions for RAPIDS.
{: .fs-6 .fw-300 .mb-8 }

{% include version-support-historical.html %}

{: .mb-8 }