diff --git a/README.md b/README.md index cb8f70b89..af6b3504b 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,8 @@ # BootstrapCDN +![bootstrap-github-cover](https://user-images.githubusercontent.com/1834071/130998164-b140f92a-d60f-4277-96d1-5c16e59ea3d6.jpg) + + [![jsDelivr Download Stats](https://data.jsdelivr.com/v1/package/npm/bootstrap/badge)](https://www.jsdelivr.com/package/npm/bootstrap) [![Build Status](https://img.shields.io/github/workflow/status/jsdelivr/bootstrapcdn/Tests/develop?logo=github&label=Tests&style=flat-square)](https://github.com/jsdelivr/bootstrapcdn/actions?query=workflow%3ATests+branch%3Adevelop) [![Coverage Status](https://img.shields.io/coveralls/github/jsdelivr/bootstrapcdn/develop?style=flat-square)](https://coveralls.io/github/jsdelivr/bootstrapcdn) diff --git a/config/helmet-csp.js b/config/helmet-csp.js index b587c0db8..0c2388768 100644 --- a/config/helmet-csp.js +++ b/config/helmet-csp.js @@ -51,7 +51,8 @@ const CSP = { 'img.shields.io', 'platform.twitter.com', 'syndication.twitter.com', - 'https://cdn.jsdelivr.net' + 'https://cdn.jsdelivr.net', + 'https://github.com/sponsors/jsdelivr/button' ], childSrc: [ '\'self\'', diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 43dcf14a0..623a6c20f 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -349,6 +349,9 @@ a.custom-link { transition: transform 0.35s ease; transition: transform 0.35s ease, -webkit-transform 0.35s ease; } +.jsdelivr-github-btn > span { + display: inline-flex; +} @media (max-width: 1400px) { #jumbotron-content { @@ -408,4 +411,9 @@ a.custom-link { .social { height: 30px; } + + .jsdelivr-sponsor-btn { + position: relative; + top: 1.5px; + } } \ No newline at end of file diff --git a/views/_partials/jumbotron.pug b/views/_partials/jumbotron.pug index 0d2d2a4e8..3dcbe98a5 100644 --- a/views/_partials/jumbotron.pug +++ b/views/_partials/jumbotron.pug @@ -21,8 +21,8 @@ a.text-decoration-none(href='https://icons.getbootstrap.com/', rel='noopener', target='_blank') Bootstrap Icons .social.my-5.text-start - ul.list-inline - li.list-inline-item.d-block.d-sm-inline-block.mr-sm-3 + ul.d-flex.flex-column.flex-sm-row + li.d-block.d-sm-inline-flex.align-items-center.mr-sm-3.jsdelivr-github-btn a.github-button(href='https://github.com/jsdelivr/bootstrapcdn', data-color-scheme='no-preference: dark; light: dark; dark: dark;', data-icon='octicon-star', @@ -31,12 +31,19 @@ data-show-count='true', aria-label='Star jsdelivr/bootstrapcdn on GitHub') - li.list-inline-item.d-block.d-sm-inline-block.mx-sm-3 + li.d-block.d-sm-inline-flex.align-items-center.mx-sm-3 a.twitter-follow-button(href='https://twitter.com/jsdelivr', data-show-count='false', data-size='large', data-text='Follow @jsdelivr') + li.d-block.d-sm-inline-flex.align-items-center.mx-sm-3.jsdelivr-sponsor-btn + iframe(src='https://github.com/sponsors/jsdelivr/button', + title='Sponsor jsdelivr', + height='35', + width='116', + style='border: 0;') + .boxes-images.d-none.d-lg-block include /assets/img/jumbotron_boxes.svg