Skip to content

HeroDevs support #468

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Oct 12, 2024
Merged

HeroDevs support #468

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
514e0d9
All: add banner, version support link, new download button styles
AndreAngelantoni Sep 16, 2024
c54a425
jquery: use checksum of css files for versioning
timmywil Oct 12, 2024
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
10 changes: 10 additions & 0 deletions themes/api.jquery.com/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,13 @@ a {
margin-top: 0;
padding-left: 1em;
}

/* Version support warning at top of API pages */

#version-support-warning {
display: flex;
align-items: center;
gap: 0.5em;
padding: 0.5em 0 0.5em 0.5em;
line-height: 1.2;
}
44 changes: 42 additions & 2 deletions themes/jquery.com/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,7 @@ a,
transform: rotate(6.28rad);
}

.download-options,
.download-help {
#banner-secondary .download-main .download-options {
margin-top: 1em;
}
#banner-secondary .download-options a {
Expand Down Expand Up @@ -97,6 +96,47 @@ a,
font-size: 12px;
}

/* New download button */
#banner-secondary > .download {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 1em;
}
.download-button-content {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5em;
}
.download-button-content .download-icon {
background: url('i/download.png') no-repeat 0 5px / 100% 100%;
width: 35px;
height: 35px;
display: inline-block;
flex-shrink: 0;
}
.download-button-content .download-message {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.25em;
}
.download-button-content .download-message .download-version {
font-size: 0.7em;
}
.download-options .support-notice {
margin: 0.5em 0;
color: #ccc;
}
@media only screen and (max-width: 767px) {
#banner-secondary .download {
align-items: center;
}
}

.resources {
padding-left: 60px;
}
Expand Down
28 changes: 22 additions & 6 deletions themes/jquery/css/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,14 @@ body {
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-size: 1.2em;
text-decoration: inherit;
display: inline-block;
speak: none;
}
.icon-info-sign:before { content: "\f05a"; }

/* ==========================================================================
Links
Expand Down Expand Up @@ -881,6 +889,19 @@ iframe {
margin: 0;
}

/* Support message at top of page.
========================================================================== */

#banner {
text-align: center;
background-color: #dddddd;
padding: 0.25em 1.25em;
color: #333; /* jQuery Black */
}

#banner a:hover {
text-decoration: none;
}

/* Global Nav
========================================================================== */
Expand Down Expand Up @@ -1396,8 +1417,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);
}

Expand Down Expand Up @@ -1460,10 +1480,6 @@ pre b {
margin-bottom: 20px;
}

#portfolio.media #banner .embed {
margin-bottom: 40px;
}

.embed iframe,
.embed_media iframe,
.embed object,
Expand Down
11 changes: 11 additions & 0 deletions themes/jquery/functions.jquery.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -183,3 +183,14 @@ function jq_search_get_provider() {
}
return '';
}

/**
* Get a checksum of styles used in the header
*/
function jq_css_checksum() {
$base = get_template_directory() . '/css/base.css';
$typesense = get_template_directory() . '/lib/typesense-minibar/typesense-minibar.css';
$styles = get_stylesheet_directory() . '/style.css';

return md5( filemtime( $base ) . filemtime( $typesense ) . filemtime( $styles ) );
}
14 changes: 10 additions & 4 deletions themes/jquery/header.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,16 @@
<meta name="viewport" content="width=device-width">

<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/i/favicon.ico">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/lib/typesense-minibar/typesense-minibar.css?v=1.3.4">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/base.css?v=17">
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>?v=8">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/lib/typesense-minibar/typesense-minibar.css?v=<?php echo jq_css_checksum(); ?>">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/base.css?v=<?php echo jq_css_checksum(); ?>">
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>?v=<?php echo jq_css_checksum(); ?>">

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/main.js"></script>
<?php
if ( jq_search_get_provider() === 'typesense' ) :
?>
<script defer type="module" src="<?php echo get_template_directory_uri(); ?>/lib/typesense-minibar/typesense-minibar.js?v=1.3.4"></script>
<script defer type="module" src="<?php echo get_template_directory_uri(); ?>/lib/typesense-minibar/typesense-minibar.js?v=<?php echo jq_css_checksum(); ?>"></script>
<?php
endif;

Expand All @@ -39,6 +39,12 @@
</head>
<body <?php body_class(); ?>>

<?php if ( is_front_page() && defined( "JQUERY_BANNER" ) ) : ?>
<div id="banner">
<?php echo JQUERY_BANNER ?>
</div>
<?php endif; ?>

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

Expand Down