462: Add herodevs support.

aangelinsf · aangelinsf · commit 74165f7af5b5 · 2024-08-23T17:21:43.000-06:00
diff --git a/themes/jquery/css/base.css b/themes/jquery/css/base.css
@@ -881,6 +881,25 @@ iframe {
 	margin: 0;
 }
 
+/* Support message
+   ========================================================================== */
+
+#support-message {
+	display: flex;
+	justify-content: center;
+	background-color: #dddddd;
+	padding: 4px 4px;
+	font-size: 15px;
+}
+#support-message span {
+	text-align: center;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+#support-message span a {
+	color: #222;
+}
+
 
 /* Global Nav
    ========================================================================== */
@@ -1236,10 +1255,11 @@ nav#main li.current a {
 	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
 }
 
-.tsmb-form {
+typesense-minibar {
 	--tsmb-size-radius: 5px;
 	--tsmb-size-base: 12px;
 	--tsmb-size-sm: 0.8rem;
+	--tsmb-size-listbox-right: 0;
 	--tsmb-color-base-background: var(--tsmb-color-primary50);
 	--tsmb-color-base30: #fff;
 	--tsmb-color-base50: var(--tsmb-color-primary90);
@@ -1251,32 +1271,29 @@ nav#main li.current a {
 	--tsmb-color-primary50: #0769ad;  /* jQuery Primary Blue */
 	--tsmb-color-primary90: #b4efff; /* oklch(0.92 0.07 228) hue=228 of #7ACEF4 (jQuery Secondary Blue) */
 }
-.jquery-ui .tsmb-form {
+.jquery-ui typesense-minibar {
 	--tsmb-color-primary50: #b24926; /* jQuery UI Secondary Orange */
 	--tsmb-color-primary90: #ffddb2; /* = #b4efff + oklch(hue=70) of #FAA523 (jQuery UI Primary Orange) */
 }
-.jquery-mobile .tsmb-form {
+.jquery-mobile typesense-minibar {
 	--tsmb-color-primary50: #108040; /* jQuery Mobile Secondary Green */
 	--tsmb-color-primary90: #c9f2c8; /* = #b4efff + oklch(hue=144) of #3EB249 (jQuery UI Primary Orange) */
 }
-.jquery-foundation .tsmb-form {
+.jquery-foundation typesense-minibar {
 	--tsmb-color-primary50: #333; /* jQuery Black */
 	--tsmb-color-primary90: #ccc;
 }
-.jquery-learn .tsmb-form {
+.jquery-learn typesense-minibar {
 	--tsmb-color-primary50: #222;
 	--tsmb-color-primary90: #ccc;
 }
-.tsmb-form:not(:focus-within)::before {
+typesense-minibar form:not(:focus-within)::before {
   filter: invert();
 }
-.tsmb-form input[type=search] {
+typesense-minibar input[type=search] {
 	border-width: 0;
 }
-.tsmb-form [role="listbox"] {
-	right: 0;
-}
-.tsmb-form [role="option"] mark {
+typesense-minibar[role="option"] mark {
   border-bottom: 2px solid var(--tsmb-color-primary90);
 }
 
diff --git a/themes/jquery/header.php b/themes/jquery/header.php
@@ -34,6 +34,10 @@
 </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>
+
 <header>
 	<section id="global-nav">
 		<nav>
@@ -93,7 +97,9 @@
 	</div>
 
 	<nav id="main" class="constrain clearfix">
-		<?php get_template_part('menu', 'header'); ?>
+		<?php
+
+		get_template_part('menu', 'header'); ?>
 
 		<?php get_search_form(); ?>
 	</nav>
diff --git a/themes/jquery/menu-header.php b/themes/jquery/menu-header.php
@@ -13,6 +13,7 @@ function menu_header_jquery_com() {
 		'https://blog.jquery.com/' => 'Blog',
 		'https://plugins.jquery.com/' => 'Plugins',
 		'https://jquery.com/browser-support/' => 'Browser Support',
+		'https://jquery.com/support/' => 'Version Support',
 	);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,7 @@ function menu_header_jquery_com() {`
`13`	`13`	`'https://blog.jquery.com/' => 'Blog',`
`14`	`14`	`'https://plugins.jquery.com/' => 'Plugins',`
`15`	`15`	`'https://jquery.com/browser-support/' => 'Browser Support',`
	`16`	`+ 'https://jquery.com/support/' => 'Version Support',`
`16`	`17`	`);`
`17`	`18`	`}`
`18`	`19`