All: generalize banner; read banner message from post_meta

timmywil · timmywil · commit c92acbee99eb · 2024-09-29T18:53:01.000-04:00
diff --git a/themes/api.jquery.com/index.php b/themes/api.jquery.com/index.php
@@ -1,4 +1,13 @@
-<?php get_header(); ?>
+<?php
+	// Set banner in post meta for the header to display it
+	update_post_meta(
+		get_the_ID(),
+		'banner',
+		'jQuery 4.0 is currently in beta. Once released, jQuery 3.x will only receive critical updates. Learn more about our <a href="https://jquery.com/support/">Version Support</a>.'
+	);
+	get_header();
+?>
+
 <div class="content-right listing twelve columns">
 	<div id="content">
 		<h1 class="page-title">jQuery API</h1>
diff --git a/themes/jquery/css/base.css b/themes/jquery/css/base.css
@@ -884,20 +884,15 @@ iframe {
 /* Support message at top of page.
    ========================================================================== */
 
-#support-message {
-	display: flex;
-	justify-content: center;
+#banner {
+	text-align: center;
 	background-color: #dddddd;
-	padding: 4px 4px;
+	padding: 4px 20px;
 	font-size: 15px;
+	color: #333; /* jQuery Black */
 }
-#support-message span {
-	text-align: center;
-	padding-left: 20px;
-	padding-right: 20px;
-}
-#support-message span a {
-	color: #222;
+#banner a:hover {
+	text-decoration: none;
 }
 
 /* Global Nav
@@ -1414,8 +1409,7 @@ pre b {
 
 #content img.full,
 #content img.left,
-#content img.right,
-#banner img.full {
+#content img.right {
 	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20);
 }
 
@@ -1478,10 +1472,6 @@ pre b {
 	margin-bottom: 20px;
 }
 
-#portfolio.media #banner .embed {
-	margin-bottom: 40px;
-}
-
 .embed iframe,
 .embed_media iframe,
 .embed object,
diff --git a/themes/jquery/header.php b/themes/jquery/header.php
@@ -39,13 +39,12 @@
 </head>
 <body <?php body_class(); ?>>
 
-<?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 } ?>
+<!-- Render the banner if there's a banner message in post_meta -->
+<?php if ( get_post_meta( $post->ID, "banner" ) ) : ?>
+	<div id="banner">
+		<?php echo get_post_meta( $post->ID, "banner", true ); ?>
+	</div>
+<?php endif; ?>
 
 <header>
 	<section id="global-nav">
