From 359f4a374c6f7fb980863b249804b45e232ea0c9 Mon Sep 17 00:00:00 2001
From: Adam Harvey <aharvey@php.net>
Date: Tue, 28 Oct 2014 09:40:56 -0700
Subject: [PATCH] Colour code the branches on the supported version SVG.

---
 images/supported-versions.php | 21 ++++++++++++++++++---
 styles/supported-versions.css |  3 ++-
 supported-versions.php        |  8 ++++++++
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/images/supported-versions.php b/images/supported-versions.php
index 7fadf2647..1899eeb60 100644
--- a/images/supported-versions.php
+++ b/images/supported-versions.php
@@ -71,16 +71,28 @@ $height = $header_height + $footer_height + (count($branches) * $branch_height);
 				font-size: <?php echo (2 / 3) * $header_height; ?>px;
 			}
 
+			g.eol rect,
+			.branches rect.eol {
+				fill: #f33;
+			}
+
+			g.eol text {
+				fill: white;
+			}
+
+			g.security rect,
 			.branches rect.security {
 				fill: #f93;
 			}
 
+			g.stable rect,
 			.branches rect.stable {
 				fill: #9c9;
 			}
 
 			.branch-labels text {
 				alignment-baseline: central;
+				text-anchor: middle;
 			}
 
 			.today line {
@@ -107,9 +119,12 @@ $height = $header_height + $footer_height + (count($branches) * $branch_height);
 	<!-- Branch labels -->
 	<g class="branch-labels">
 		<?php foreach ($branches as $branch => $version): ?>
-			<text x="0" y="<?php echo $version['top'] + (0.5 * $branch_height) ?>">
-				<?php echo htmlspecialchars($branch) ?>
-			</text>
+			<g class="<?php echo get_branch_support_state($branch) ?>">
+				<rect x="0" y="<?php echo $version['top'] ?>" width="<?php echo 0.5 * $margin_left ?>" height="<?php echo $branch_height ?>" />
+				<text x="<?php echo 0.25 * $margin_left ?>" y="<?php echo $version['top'] + (0.5 * $branch_height) ?>">
+					<?php echo htmlspecialchars($branch) ?>
+				</text>
+			</g>
 		<?php endforeach ?>
 	</g>
 
diff --git a/styles/supported-versions.css b/styles/supported-versions.css
index 41f5911cb..fe6284bec 100644
--- a/styles/supported-versions.css
+++ b/styles/supported-versions.css
@@ -1,7 +1,8 @@
 /* Branches page */
 
 table.standard tr.eol td:first-child {
-	background: #f99;
+	background: #f33;
+	color: white;
 }
 
 table.standard tr.security td:first-child {
diff --git a/supported-versions.php b/supported-versions.php
index 22c8e7ca5..793e5d459 100644
--- a/supported-versions.php
+++ b/supported-versions.php
@@ -98,6 +98,14 @@ include $_SERVER['DOCUMENT_ROOT'] . '/images/supported-versions.php';
 			are only made on an as-needed basis.
 		</td>
 	</tr>
+	<tr class="eol">
+		<td>End of life</td>
+		<td>
+			A release that is no longer supported. Users of this release should
+			upgrade as soon as possible, as they may be exposed to unpatched security
+			vulnerabilities.
+		</td>
+	</tr>
 </table>
 
 <?php site_footer(); ?>