Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions themes/api.jquery.com/single.php
Original file line number Diff line number Diff line change
Expand Up @@ -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();
9 changes: 9 additions & 0 deletions themes/api.jquery.com/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
2 changes: 2 additions & 0 deletions themes/jquery.com/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,9 @@ a,
margin-right: 0.5em;
}
#content #banner-secondary .download-main .support-notice {
padding-top: 8px;
font-size: 12px;
line-height: 1.4em;
}

.resources {
Expand Down
18 changes: 18 additions & 0 deletions themes/jquery/css/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -881,6 +881,24 @@ 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
========================================================================== */
Expand Down
6 changes: 6 additions & 0 deletions themes/jquery/header.php
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,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 } ?>

<header>
<section id="global-nav">
<nav>
Expand Down
1 change: 1 addition & 0 deletions themes/jquery/menu-header.php
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ 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',
);
Expand Down