docs: add image to support the new schedule

UlisesGascon · UlisesGascon · commit 1d1c970c3581 · 2026-02-13T17:16:46.000+01:00
diff --git a/apps/site/pages/en/blog/announcements/evolving-the-nodejs-release-schedule.md b/apps/site/pages/en/blog/announcements/evolving-the-nodejs-release-schedule.md
@@ -68,6 +68,8 @@ The Alpha channel replaces odd-numbered releases. Alpha releases are signed, tag
 
 ## Timeline
 
+![New Node.js Release Schedule](/static/images/blog/announcements/2026-new-release-schedule.svg)
+
 ### `26.x` (Current Schedule)
 
 | Milestone   | Date         |
diff --git a/apps/site/public/static/images/blog/announcements/2026-new-release-schedule.svg b/apps/site/public/static/images/blog/announcements/2026-new-release-schedule.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="500"><defs><style type="text/css"><![CDATA[ 
+.current {
+  fill: #5fa04e;
+}
+.alpha {
+  fill: #e99c40;
+}
+.active {
+  fill: #229ad6;
+}
+.maintenance {
+  fill: #b1bcc2;
+}
+.lts {
+  fill: #b1bcc2;
+}
+.unstable {
+  fill: #e99c40;
+}
+.bar-join {
+  fill: #ffffff;
+}
+.bar-join.unstable, .bar-join.alpha, .bar-join.current {
+  display: none;
+}
+.tick text {
+  font: 16px sans-serif;
+  fill: #89a19d;
+}
+.axis--y .tick text {
+  text-anchor: end;
+}
+.label {
+  fill: #fff;
+  font: 20px sans-serif;
+  font-weight: 100;
+  text-anchor: start;
+  dominant-baseline: middle;
+  text-transform: uppercase;
+} ]]></style></defs><g id="bar-container" transform="translate(110, 30)"><g class="axis axis--x" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><g class="tick" opacity="1" transform="translate(77.16147615788273,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2026</text></g><g class="tick" opacity="1" transform="translate(179.59131873146248,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2027</text></g><g class="tick" opacity="1" transform="translate(282.0211613050422,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2028</text></g><g class="tick" opacity="1" transform="translate(384.731633584303,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2029</text></g><g class="tick" opacity="1" transform="translate(487.1614761578827,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2030</text></g><g class="tick" opacity="1" transform="translate(589.5913187314625,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2031</text></g><g class="tick" opacity="1" transform="translate(692.0211613050423,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2032</text></g><g class="tick" opacity="1" transform="translate(794.7316335843029,0)"><line stroke="#89a19d" y2="440" x1="0.5" x2="0.5" stroke-dasharray="2,2"></line><text fill="#000" y="0" x="0.5" dy="-10">Jan 2033</text></g></g><g class="axis axis--y" fill="none" font-size="10" font-family="sans-serif" text-anchor="start"><g class="tick" opacity="1" transform="translate(0,34.457831325301214)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Main</text></g><g class="tick" opacity="1" transform="translate(0,87.4698795180723)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 24</text></g><g class="tick" opacity="1" transform="translate(0,140.4819277108434)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 25</text></g><g class="tick" opacity="1" transform="translate(0,193.49397590361446)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 26</text></g><g class="tick" opacity="1" transform="translate(0,246.50602409638554)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 27</text></g><g class="tick" opacity="1" transform="translate(0,299.51807228915663)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 28</text></g><g class="tick" opacity="1" transform="translate(0,352.5301204819277)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 29</text></g><g class="tick" opacity="1" transform="translate(0,405.5421686746988)"><line stroke="#e1e7e7" x2="820" y1="0.5" y2="0.5"></line><text fill="#000" x="0" y="0.5" dy="0.32em" dx="-10">Node.js 30</text></g><line y1="440" y2="440" x2="820" stroke="#89a19d"></line></g><g><rect class="bar unstable" x="0" y="15.903614457831338" width="820" height="37.10843373493976"></rect><rect class="bar-join unstable" x="-1" y="15.903614457831338" width="2" height="37.10843373493976" style="opacity: 0;"></rect><text class="label" x="15" y="36.457831325301214" style="opacity: 1;">unstable</text></g><g><rect class="bar maintenance" x="153.78507871321014" y="68.91566265060243" width="153.78507871321014" height="37.10843373493976"></rect><rect class="bar-join maintenance" x="152.78507871321014" y="68.91566265060243" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="168.78507871321014" y="89.4698795180723" style="opacity: 0;">maintenance</text></g><g><rect class="bar active" x="51.35523613963039" y="68.91566265060243" width="102.42984257357975" height="37.10843373493976"></rect><rect class="bar-join active" x="50.35523613963039" y="68.91566265060243" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="66.35523613963039" y="89.4698795180723" style="opacity: 1;">active</text></g><g><rect class="bar current" x="0" y="68.91566265060243" width="51.35523613963039" height="37.10843373493976"></rect><rect class="bar-join current" x="-1" y="68.91566265060243" width="2" height="37.10843373493976" style="opacity: 0;"></rect><text class="label" x="15" y="89.4698795180723" style="opacity: 0;">current</text></g><g><rect class="bar maintenance" x="102.42984257357973" y="121.9277108433735" width="17.11841204654347" height="37.10843373493976"></rect><rect class="bar-join maintenance" x="101.42984257357973" y="121.9277108433735" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="117.42984257357973" y="142.4819277108434" style="opacity: 0;">maintenance</text></g><g><rect class="bar current" x="51.35523613963039" y="121.9277108433735" width="51.07460643394934" height="37.10843373493976"></rect><rect class="bar-join current" x="50.35523613963039" y="121.9277108433735" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="66.35523613963039" y="142.4819277108434" style="opacity: 0;">current</text></g><g><rect class="bar maintenance" x="256.2149212867899" y="174.93975903614458" width="153.7850787132101" height="37.10843373493976"></rect><rect class="bar-join maintenance" x="255.2149212867899" y="174.93975903614458" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="271.2149212867899" y="195.49397590361446" style="opacity: 0;">maintenance</text></g><g><rect class="bar active" x="153.78507871321014" y="174.93975903614458" width="102.42984257357975" height="37.10843373493976"></rect><rect class="bar-join active" x="152.78507871321014" y="174.93975903614458" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="168.78507871321014" y="195.49397590361446" style="opacity: 1;">active</text></g><g><rect class="bar current" x="102.42984257357973" y="174.93975903614458" width="51.35523613963041" height="37.10843373493976"></rect><rect class="bar-join current" x="101.42984257357973" y="174.93975903614458" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="117.42984257357973" y="195.49397590361446" style="opacity: 0;">current</text></g><g><rect class="bar lts" x="256.2149212867899" y="227.95180722891567" width="256.2149212867899" height="37.10843373493976"></rect><rect class="bar-join lts" x="255.2149212867899" y="227.95180722891567" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="271.2149212867899" y="248.50602409638554" style="opacity: 1;">lts</text></g><g><rect class="bar current" x="204.85968514715947" y="227.95180722891567" width="51.35523613963042" height="37.10843373493976"></rect><rect class="bar-join current" x="203.85968514715947" y="227.95180722891567" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="219.85968514715947" y="248.50602409638554" style="opacity: 0;">current</text></g><g><rect class="bar alpha" x="153.78507871321014" y="227.95180722891567" width="51.07460643394933" height="37.10843373493976"></rect><rect class="bar-join alpha" x="152.78507871321014" y="227.95180722891567" width="2" height="37.10843373493976" style="opacity: 0;"></rect><text class="label" x="168.78507871321014" y="248.50602409638554" style="opacity: 0;">alpha</text></g><g><rect class="bar lts" x="358.9253935660506" y="280.96385542168673" width="255.93429158110882" height="37.10843373493976"></rect><rect class="bar-join lts" x="357.9253935660506" y="280.96385542168673" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="373.9253935660506" y="301.51807228915663" style="opacity: 1;">lts</text></g><g><rect class="bar current" x="307.5701574264203" y="280.96385542168673" width="51.355236139630335" height="37.10843373493976"></rect><rect class="bar-join current" x="306.5701574264203" y="280.96385542168673" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="322.5701574264203" y="301.51807228915663" style="opacity: 0;">current</text></g><g><rect class="bar alpha" x="256.2149212867899" y="280.96385542168673" width="51.35523613963039" height="37.10843373493976"></rect><rect class="bar-join alpha" x="255.2149212867899" y="280.96385542168673" width="2" height="37.10843373493976" style="opacity: 0;"></rect><text class="label" x="271.2149212867899" y="301.51807228915663" style="opacity: 0;">alpha</text></g><g><rect class="bar lts" x="461.3552361396304" y="333.9759036144578" width="256.21492128678983" height="37.10843373493976"></rect><rect class="bar-join lts" x="460.3552361396304" y="333.9759036144578" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="476.3552361396304" y="354.5301204819277" style="opacity: 1;">lts</text></g><g><rect class="bar current" x="410" y="333.9759036144578" width="51.35523613963039" height="37.10843373493976"></rect><rect class="bar-join current" x="409" y="333.9759036144578" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="425" y="354.5301204819277" style="opacity: 0;">current</text></g><g><rect class="bar alpha" x="358.9253935660506" y="333.9759036144578" width="51.074606433949384" height="37.10843373493976"></rect><rect class="bar-join alpha" x="357.9253935660506" y="333.9759036144578" width="2" height="37.10843373493976" style="opacity: 0;"></rect><text class="label" x="373.9253935660506" y="354.5301204819277" style="opacity: 0;">alpha</text></g><g><rect class="bar lts" x="563.7850787132102" y="386.9879518072289" width="256.21492128678983" height="37.10843373493976"></rect><rect class="bar-join lts" x="562.7850787132102" y="386.9879518072289" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="578.7850787132102" y="407.5421686746988" style="opacity: 1;">lts</text></g><g><rect class="bar current" x="512.4298425735798" y="386.9879518072289" width="51.35523613963039" height="37.10843373493976"></rect><rect class="bar-join current" x="511.4298425735798" y="386.9879518072289" width="2" height="37.10843373493976" style="opacity: 1;"></rect><text class="label" x="527.4298425735798" y="407.5421686746988" style="opacity: 0;">current</text></g><g><rect class="bar alpha" x="461.3552361396304" y="386.9879518072289" width="51.074606433949384" height="37.10843373493976"></rect><rect class="bar-join alpha" x="460.3552361396304" y="386.9879518072289" width="2" height="37.10843373493976" style="opacity: 0;"></rect><text class="label" x="476.3552361396304" y="407.5421686746988" style="opacity: 0;">alpha</text></g></g></svg>
