462: Add HeroDevs support.

aangelinsf · aangelinsf · commit 652eecb34633 · 2024-08-26T17:50:34.000-06:00
- add status message top of screen on homepage
- add Support to navigation bar
- add warning box to api pages
- add styling for warning box
diff --git a/themes/api.jquery.com/single.php b/themes/api.jquery.com/single.php
@@ -4,5 +4,12 @@
  */
 
 get_header();
+
+<div id="support-warning-box" class="warning"><svg width="20" height="20" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="10" fill="none" stroke="black" stroke-width="2" />
+  <text x="50%" y="57%" dominant-baseline="middle" text-anchor="middle">i</text>
+  </svg>&nbsp;&nbsp;This version is End-of-Life. Read more about support options&nbsp;<a href="https://jquery.com/support/">here</a>.
+</div>
+
 get_template_part( 'single', 'api' );
 get_footer();
diff --git a/themes/api.jquery.com/style.css b/themes/api.jquery.com/style.css
@@ -34,3 +34,12 @@ a {
 	margin-top: 0;
 	padding-left: 1em;
 }
+
+/* Support warning at top of API pages */
+
+#support-warning-box {
+	padding-top: 8px;
+	padding-left: 8px;
+	padding-bottom: 8px;
+	display: flex;
+}
diff --git a/themes/jquery/header.php b/themes/jquery/header.php
@@ -34,9 +34,11 @@
 </head>
 <body <?php body_class(); ?>>
 
-<div id="support-message" class="support-message">
-  <span style="">jQuery 4 is currently in beta. Soon jQuery 3 will reach EOL along with versions 1 and 2. Learn more about our&nbsp;<a href="https://jquery.com/support/">Version&nbsp;Support</a>.</span>
-</div>
+<?php if (is_front_page()) { ?>
+	<div id="support-message" class="support-message">
+		<span style="">jQuery 4 is currently in beta. Soon jQuery 3 will reach EOL along with versions 1 and 2. Learn more about our&nbsp;<a href="https://jquery.com/support/">Version&nbsp;Support</a>.</span>
+	</div>
+<?php } ?>
 
 <header>
 	<section id="global-nav">
diff --git a/themes/jquery/menu-header.php b/themes/jquery/menu-header.php
@@ -11,9 +11,9 @@ function menu_header_jquery_com() {
 		'https://jquery.com/download/' => 'Download',
 		'https://api.jquery.com/' => 'API Documentation',
 		'https://blog.jquery.com/' => 'Blog',
+		'https://jquery.com/support/' => 'Support',
 		'https://plugins.jquery.com/' => 'Plugins',
 		'https://jquery.com/browser-support/' => 'Browser Support',
-		'https://jquery.com/support/' => 'Version Support',
 	);
 }
 
