mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-26 17:23:05 +00:00
docs: switch GitHub buttons scheme according to menu background #615
This commit is contained in:
Sören Weber
parent
b6708d693c
commit
a52aee2c70
3 changed files with 615 additions and 10 deletions
|
|
@ -14,8 +14,30 @@
|
|||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
|
||||
<span class="github-buttons">
|
||||
</span>
|
||||
<p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
|
||||
<script async src="{{"js/buttons.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
|
||||
<script>
|
||||
document.addEventListener( 'themeVariantLoaded', function( e ){
|
||||
console.log( e );
|
||||
var scheme = 'light';
|
||||
var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
|
||||
var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
|
||||
if( colorValues.length === 3 && ((0.2126 * colorValues[0]) + (0.7152 * colorValues[1]) + (0.0722 * colorValues[2]) < 165) ){
|
||||
// Luma, https://en.wikipedia.org/wiki/Luma_%28video%29, SMPTE C, Rec. 709 weightings
|
||||
scheme = 'dark';
|
||||
}
|
||||
var githubButtonsHTML = `
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
|
||||
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
|
||||
`;
|
||||
document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
|
||||
document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
|
||||
window.githubButtons.render( anchor, function( el ){
|
||||
anchor.parentNode.replaceChild( el, anchor );
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script async src="{{"js/github-buttons.js" | relURL}}{{ if not .Site.Params.disableAssetsBusting }}?{{ now.Unix }}{{ end }}"></script>
|
||||
File diff suppressed because one or more lines are too long
589
exampleSite/static/js/github-buttons.js
Normal file
589
exampleSite/static/js/github-buttons.js
Normal file
|
|
@ -0,0 +1,589 @@
|
|||
/*!
|
||||
* github-buttons v2.27.0
|
||||
McShelby/hugo-theme-relearn#155
|
||||
- make render() available on window.githubButtons
|
||||
* (c) 2023 なつき
|
||||
* @license BSD-2-Clause
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var document = window.document;
|
||||
|
||||
var location = document.location;
|
||||
|
||||
var Math = window.Math;
|
||||
|
||||
var HTMLElement = window.HTMLElement;
|
||||
|
||||
var XMLHttpRequest = window.XMLHttpRequest;
|
||||
|
||||
var buttonClass = 'github-button';
|
||||
|
||||
var iframeURL = 'https://' + (/* istanbul ignore next */ 'buttons.github.io') + '/buttons.html';
|
||||
|
||||
var domain = 'github.com';
|
||||
|
||||
var apiBaseURL = 'https://api.' + domain;
|
||||
|
||||
var useXHR = XMLHttpRequest && 'prototype' in XMLHttpRequest && 'withCredentials' in XMLHttpRequest.prototype;
|
||||
|
||||
var useShadowDOM = useXHR && HTMLElement && 'attachShadow' in HTMLElement.prototype && !('prototype' in HTMLElement.prototype.attachShadow);
|
||||
|
||||
var forEach = function (obj, func) {
|
||||
for (var i = 0, len = obj.length; i < len; i++) {
|
||||
func(obj[i]);
|
||||
}
|
||||
};
|
||||
|
||||
var createElementInDocument = function (document) {
|
||||
return function (tag, props, children) {
|
||||
var el = document.createElement(tag);
|
||||
if (props != null) {
|
||||
for (var prop in props) {
|
||||
var val = props[prop];
|
||||
if (val != null) {
|
||||
if (el[prop] != null) {
|
||||
el[prop] = val;
|
||||
} else {
|
||||
el.setAttribute(prop, val);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (children != null) {
|
||||
forEach(children, function (child) {
|
||||
el.appendChild(typeof child === 'string' ? document.createTextNode(child) : child);
|
||||
});
|
||||
}
|
||||
return el
|
||||
}
|
||||
};
|
||||
|
||||
var createElement = createElementInDocument(document);
|
||||
|
||||
var dispatchOnce = function (func) {
|
||||
var onceToken;
|
||||
return function () {
|
||||
if (!onceToken) {
|
||||
onceToken = 1;
|
||||
func.apply(this, arguments);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var hasOwnProperty = function (obj, prop) {
|
||||
return {}.hasOwnProperty.call(obj, prop)
|
||||
};
|
||||
|
||||
var toLowerCase = function (obj) {
|
||||
return ('' + obj).toLowerCase()
|
||||
};
|
||||
|
||||
var stringify = function (obj, sep, eq, encodeURIComponent) {
|
||||
if (sep == null) {
|
||||
sep = '&';
|
||||
}
|
||||
if (eq == null) {
|
||||
eq = '=';
|
||||
}
|
||||
if (encodeURIComponent == null) {
|
||||
encodeURIComponent = window.encodeURIComponent;
|
||||
}
|
||||
var params = [];
|
||||
for (var name in obj) {
|
||||
var value = obj[name];
|
||||
if (value != null) {
|
||||
params.push(encodeURIComponent(name) + eq + encodeURIComponent(value));
|
||||
}
|
||||
}
|
||||
return params.join(sep)
|
||||
};
|
||||
|
||||
var parse = function (str, sep, eq, decodeURIComponent) {
|
||||
if (sep == null) {
|
||||
sep = '&';
|
||||
}
|
||||
if (eq == null) {
|
||||
eq = '=';
|
||||
}
|
||||
if (decodeURIComponent == null) {
|
||||
decodeURIComponent = window.decodeURIComponent;
|
||||
}
|
||||
var obj = {};
|
||||
forEach(str.split(sep), function (entry) {
|
||||
if (entry !== '') {
|
||||
var ref = entry.split(eq);
|
||||
obj[decodeURIComponent(ref[0])] = (ref[1] != null ? decodeURIComponent(ref.slice(1).join(eq)) : undefined);
|
||||
}
|
||||
});
|
||||
return obj
|
||||
};
|
||||
|
||||
var onEvent = function (target, eventName, func) {
|
||||
/* istanbul ignore else: IE lt 9 */
|
||||
if (target.addEventListener) {
|
||||
target.addEventListener(eventName, func, false);
|
||||
} else {
|
||||
target.attachEvent('on' + eventName, func);
|
||||
}
|
||||
};
|
||||
|
||||
var offEvent = function (target, eventName, func) {
|
||||
/* istanbul ignore else: IE lt 9 */
|
||||
if (target.removeEventListener) {
|
||||
target.removeEventListener(eventName, func, false);
|
||||
} else {
|
||||
target.detachEvent('on' + eventName, func);
|
||||
}
|
||||
};
|
||||
|
||||
var onceEvent = function (target, eventName, func) {
|
||||
var callback = function () {
|
||||
offEvent(target, eventName, callback);
|
||||
return func.apply(this, arguments)
|
||||
};
|
||||
onEvent(target, eventName, callback);
|
||||
};
|
||||
|
||||
var onceReadyStateChange = /* istanbul ignore next: IE lt 9 */ function (target, regex, func) {
|
||||
if (target.readyState != null) {
|
||||
var eventName = 'readystatechange';
|
||||
var callback = function () {
|
||||
if (regex.test(target.readyState)) {
|
||||
offEvent(target, eventName, callback);
|
||||
return func.apply(this, arguments)
|
||||
}
|
||||
};
|
||||
onEvent(target, eventName, callback);
|
||||
}
|
||||
};
|
||||
|
||||
var defer = /* istanbul ignore next */ function (func) {
|
||||
if (document.readyState === 'complete' || (document.readyState !== 'loading' && !document.documentElement.doScroll)) {
|
||||
setTimeout(func);
|
||||
} else {
|
||||
if (document.addEventListener) {
|
||||
var callback = dispatchOnce(func);
|
||||
onceEvent(document, 'DOMContentLoaded', callback);
|
||||
onceEvent(window, 'load', callback);
|
||||
} else {
|
||||
onceReadyStateChange(document, /m/, func);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var buttonsCssText = "body{margin:0}a{text-decoration:none;outline:0}.widget{display:inline-block;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:0;line-height:0;white-space:nowrap}.btn,.social-count{position:relative;display:inline-block;display:inline-flex;height:14px;padding:2px 5px;font-size:11px;font-weight:600;line-height:14px;vertical-align:bottom;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-repeat:repeat-x;background-position:-1px -1px;background-size:110% 110%;border:1px solid}.btn{border-radius:.25em}.btn:not(:last-child){border-radius:.25em 0 0 .25em}.social-count{border-left:0;border-radius:0 .25em .25em 0}.widget-lg .btn,.widget-lg .social-count{height:16px;padding:5px 10px;font-size:12px;line-height:16px}.octicon{display:inline-block;vertical-align:text-top;fill:currentColor;overflow:visible}";
|
||||
|
||||
var light = ".btn:focus-visible,.social-count:focus-visible{outline:2px solid #0969da;outline-offset:-2px}.btn{color:#24292f;background-color:#ebf0f4;border-color:#ccd1d5;border-color:rgba(31,35,40,.15);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f6f8fa'/%3e%3cstop offset='90%25' stop-color='%23ebf0f4'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #f6f8fa, #ebf0f4 90%);background-image:linear-gradient(180deg, #f6f8fa, #ebf0f4 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF6F8FA', endColorstr='#FFEAEFF3')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#e9ebef;background-position:0 -0.5em;border-color:#cbcdd1;border-color:rgba(31,35,40,.15);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23f3f4f6'/%3e%3cstop offset='90%25' stop-color='%23e9ebef'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #f3f4f6, #e9ebef 90%);background-image:linear-gradient(180deg, #f3f4f6, #e9ebef 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFF3F4F6', endColorstr='#FFE8EAEE')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#e5e9ed;border-color:#c7cbcf;border-color:rgba(31,35,40,.15);background-image:none;filter:none}.social-count{color:#24292f;background-color:#fff;border-color:#dddedf;border-color:rgba(31,35,40,.15)}.social-count:hover,.social-count:focus{color:#0969da}.octicon-heart{color:#bf3989}";
|
||||
|
||||
var lightHighContrast = ".btn:focus-visible,.social-count:focus-visible{outline:2px solid #0349b4;outline-offset:-2px}.btn{color:#0e1116;background-color:#e7ecf0;border-color:#2f3237;border-color:rgba(1,4,9,.8);background-image:none;filter:none}.btn:hover,.btn:focus{background-color:#c4cdd5;background-position:0 -0.5em;border-color:#282c32;border-color:rgba(1,4,9,.8);background-image:none;filter:none}.btn:active{background-color:#d8dde1;border-color:#2c2f34;border-color:rgba(1,4,9,.8)}.social-count{color:#0e1116;background-color:#fff;border-color:#34363a;border-color:rgba(1,4,9,.8)}.social-count:hover,.social-count:focus{color:#0349b4}.octicon-heart{color:#971368}";
|
||||
|
||||
var dark = ".btn:focus-visible,.social-count:focus-visible{outline:2px solid #2f81f7;outline-offset:-2px}.btn{color:#c9d1d9;background-color:#1a1e23;border-color:#2f3439;border-color:rgba(240,246,252,.1);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%2321262d'/%3e%3cstop offset='90%25' stop-color='%231a1e23'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #21262d, #1a1e23 90%);background-image:linear-gradient(180deg, #21262d, #1a1e23 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF21262D', endColorstr='#FF191D22')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#292e33;background-position:0 -0.5em;border-color:#8b949e;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%2330363d'/%3e%3cstop offset='90%25' stop-color='%23292e33'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #30363d, #292e33 90%);background-image:linear-gradient(180deg, #30363d, #292e33 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF30363D', endColorstr='#FF282D32')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#161719;border-color:#8b949e;background-image:none;filter:none}.social-count{color:#c9d1d9;background-color:#0d1117;border-color:#24282e;border-color:rgba(240,246,252,.1)}.social-count:hover,.social-count:focus{color:#2f81f7}.octicon-heart{color:#db61a2}";
|
||||
|
||||
var darkDimmed = ".btn:focus-visible,.social-count:focus-visible{outline:2px solid #539bf5;outline-offset:-2px}.btn{color:#adbac7;background-color:#30363d;border-color:#40464e;border-color:rgba(205,217,229,.1);background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23373e47'/%3e%3cstop offset='90%25' stop-color='%2330363d'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #373e47, #30363d 90%);background-image:linear-gradient(180deg, #373e47, #30363d 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF373E47', endColorstr='#FF2F353C')}:root .btn{filter:none}.btn:hover,.btn:focus{background-color:#3c444d;background-position:0 -0.5em;border-color:#768390;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3clinearGradient id='o' x2='0' y2='1'%3e%3cstop stop-color='%23444c56'/%3e%3cstop offset='90%25' stop-color='%233c444d'/%3e%3c/linearGradient%3e%3crect width='100%25' height='100%25' fill='url(%23o)'/%3e%3c/svg%3e\");background-image:-moz-linear-gradient(top, #444c56, #3c444d 90%);background-image:linear-gradient(180deg, #444c56, #3c444d 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF444C56', endColorstr='#FF3B434C')}:root .btn:hover,:root .btn:focus{filter:none}.btn:active{background-color:#2e3031;border-color:#768390;background-image:none;filter:none}.social-count{color:#adbac7;background-color:#22272e;border-color:#333940;border-color:rgba(205,217,229,.1)}.social-count:hover,.social-count:focus{color:#539bf5}.octicon-heart{color:#c96198}";
|
||||
|
||||
var darkHighContrast = ".btn:focus-visible,.social-count:focus-visible{outline:2px solid #71b7ff;outline-offset:-2px}.btn{color:#f0f3f6;background-color:#272b33;border-color:#7a828e;background-image:none;filter:none}.btn:hover,.btn:focus{background-color:#4a515b;background-position:0 -0.5em;border-color:#bdc4cc;background-image:none;filter:none}.btn:active{background-color:#1d1d1f;border-color:#bdc4cc}.social-count{color:#f0f3f6;background-color:#0a0c10;border-color:#7a828e}.social-count:hover,.social-count:focus{color:#71b7ff}.octicon-heart{color:#ef6eb1}";
|
||||
|
||||
var widgetColorSchemes = {
|
||||
light: light,
|
||||
light_high_contrast: lightHighContrast,
|
||||
dark: dark,
|
||||
dark_dimmed: darkDimmed,
|
||||
dark_high_contrast: darkHighContrast
|
||||
};
|
||||
|
||||
var getColorSchemeMediaQuery = function (systemColorScheme, widgetColorScheme) {
|
||||
return '@media(prefers-color-scheme:' + systemColorScheme + '){' + widgetColorSchemes[hasOwnProperty(widgetColorSchemes, widgetColorScheme) ? widgetColorScheme : systemColorScheme] + '}'
|
||||
};
|
||||
|
||||
var getColorScheme = function (declarations) {
|
||||
if (declarations == null) {
|
||||
return widgetColorSchemes.light
|
||||
}
|
||||
|
||||
if (hasOwnProperty(widgetColorSchemes, declarations)) {
|
||||
return widgetColorSchemes[declarations]
|
||||
}
|
||||
|
||||
var colorSchemes = parse(declarations, ';', ':', function (str) {
|
||||
return str.replace(/^[ \t\n\f\r]+|[ \t\n\f\r]+$/g, '')
|
||||
});
|
||||
|
||||
return widgetColorSchemes[hasOwnProperty(widgetColorSchemes, colorSchemes['no-preference']) ? colorSchemes['no-preference'] : 'light'] +
|
||||
getColorSchemeMediaQuery('light', colorSchemes.light) +
|
||||
getColorSchemeMediaQuery('dark', colorSchemes.dark)
|
||||
};
|
||||
|
||||
var data = {
|
||||
"comment-discussion": {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
download: {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z\"></path><path d=\"M7.25 7.689V2a.75.75 0 0 1 1.5 0v5.689l1.97-1.969a.749.749 0 1 1 1.06 1.06l-3.25 3.25a.749.749 0 0 1-1.06 0L4.22 6.78a.749.749 0 1 1 1.06-1.06l1.97 1.969Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
eye: {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
heart: {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
"issue-opened": {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"></path><path d=\"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
"mark-github": {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
"package": {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"m8.878.392 5.25 3.045c.54.314.872.89.872 1.514v6.098a1.75 1.75 0 0 1-.872 1.514l-5.25 3.045a1.75 1.75 0 0 1-1.756 0l-5.25-3.045A1.75 1.75 0 0 1 1 11.049V4.951c0-.624.332-1.201.872-1.514L7.122.392a1.75 1.75 0 0 1 1.756 0ZM7.875 1.69l-4.63 2.685L8 7.133l4.755-2.758-4.63-2.685a.248.248 0 0 0-.25 0ZM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432Zm6.25 8.271 4.625-2.683a.25.25 0 0 0 .125-.216V5.677L8.75 8.432Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
play: {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
"repo-forked": {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
"repo-template": {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M13.25 8a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-.75a.75.75 0 0 1 0-1.5h.75v-.25a.75.75 0 0 1 .75-.75ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2ZM2.75 8a.75.75 0 0 1 .75.75v.268c.083-.012.166-.018.25-.018h.5a.75.75 0 0 1 0 1.5h-.5a.25.25 0 0 0-.25.25v.75c0 .28.114.532.3.714a.75.75 0 1 1-1.05 1.072A2.495 2.495 0 0 1 2 11.5V8.75A.75.75 0 0 1 2.75 8ZM11 .75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0V1.5h-.75A.75.75 0 0 1 11 .75Zm-5 0A.75.75 0 0 1 6.75 0h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 6 .75Zm0 9A.75.75 0 0 1 6.75 9h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 6 9.75ZM4.992.662a.75.75 0 0 1-.636.848c-.436.063-.783.41-.846.846a.751.751 0 0 1-1.485-.212A2.501 2.501 0 0 1 4.144.025a.75.75 0 0 1 .848.637ZM2.75 4a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 2.75 4Zm10.5 0a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 .75-.75Z\"></path>"
|
||||
}
|
||||
}
|
||||
},
|
||||
star: {
|
||||
heights: {
|
||||
"16": {
|
||||
width: 16,
|
||||
path: "<path d=\"M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z\"></path>"
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var octicon = function (icon, height) {
|
||||
icon = toLowerCase(icon).replace(/^octicon-/, '');
|
||||
if (!hasOwnProperty(data, icon)) {
|
||||
icon = 'mark-github';
|
||||
}
|
||||
|
||||
var defaultHeight = height >= 24 && /* istanbul ignore next */ 24 in data[icon].heights ? /* istanbul ignore next */ 24 : 16;
|
||||
|
||||
var svg = data[icon].heights[defaultHeight];
|
||||
|
||||
return '<svg viewBox="0 0 ' + svg.width + ' ' + defaultHeight + '" width="' + (height * svg.width / defaultHeight) + '" height="' + height + '" class="octicon octicon-' + icon + '" aria-hidden="true">' + svg.path + '</svg>'
|
||||
};
|
||||
|
||||
var queues = {};
|
||||
|
||||
var fetch = function (url, func) {
|
||||
var queue = queues[url] || (queues[url] = []);
|
||||
if (queue.push(func) > 1) {
|
||||
return
|
||||
}
|
||||
|
||||
var callback = dispatchOnce(function () {
|
||||
delete queues[url];
|
||||
while ((func = queue.shift())) {
|
||||
func.apply(null, arguments);
|
||||
}
|
||||
});
|
||||
|
||||
if (useXHR) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
onEvent(xhr, 'abort', callback);
|
||||
onEvent(xhr, 'error', callback);
|
||||
onEvent(xhr, 'load', function () {
|
||||
var data;
|
||||
try {
|
||||
data = JSON.parse(this.responseText);
|
||||
} catch (error) {
|
||||
callback(error);
|
||||
return
|
||||
}
|
||||
callback(this.status !== 200, data);
|
||||
});
|
||||
xhr.open('GET', url);
|
||||
xhr.send();
|
||||
} else {
|
||||
var contentWindow = this || window;
|
||||
contentWindow._ = function (json) {
|
||||
contentWindow._ = null;
|
||||
callback(json.meta.status !== 200, json.data);
|
||||
};
|
||||
var script = createElementInDocument(contentWindow.document)('script', {
|
||||
async: true,
|
||||
src: url + (url.indexOf('?') !== -1 ? '&' : '?') + 'callback=_'
|
||||
});
|
||||
var onloadend = /* istanbul ignore next: IE lt 9 */ function () {
|
||||
if (contentWindow._) {
|
||||
contentWindow._({
|
||||
meta: {}
|
||||
});
|
||||
}
|
||||
};
|
||||
onEvent(script, 'load', onloadend);
|
||||
onEvent(script, 'error', onloadend);
|
||||
onceReadyStateChange(script, /de|m/, onloadend);
|
||||
contentWindow.document.getElementsByTagName('head')[0].appendChild(script);
|
||||
}
|
||||
};
|
||||
|
||||
var render$1 = function (root, options, func) {
|
||||
var createElement = createElementInDocument(root.ownerDocument);
|
||||
|
||||
var style = root.appendChild(createElement('style', {
|
||||
type: 'text/css'
|
||||
}));
|
||||
|
||||
var cssText = buttonsCssText + getColorScheme(options['data-color-scheme']);
|
||||
|
||||
/* istanbul ignore if: IE lt 9 */
|
||||
if (style.styleSheet) {
|
||||
style.styleSheet.cssText = cssText;
|
||||
} else {
|
||||
style.appendChild(root.ownerDocument.createTextNode(cssText));
|
||||
}
|
||||
|
||||
var isLarge = toLowerCase(options['data-size']) === 'large';
|
||||
|
||||
var btn = createElement('a', {
|
||||
className: 'btn',
|
||||
href: options.href,
|
||||
rel: 'noopener',
|
||||
target: '_blank',
|
||||
title: options.title || undefined,
|
||||
'aria-label': options['aria-label'] || undefined,
|
||||
innerHTML: octicon(options['data-icon'], isLarge ? 16 : 14) + ' '
|
||||
}, [
|
||||
createElement('span', {}, [options['data-text'] || ''])
|
||||
]);
|
||||
|
||||
var widget = root.appendChild(createElement('div', {
|
||||
className: 'widget' + (isLarge ? ' widget-lg' : '')
|
||||
}, [
|
||||
btn
|
||||
]));
|
||||
|
||||
var hostname = btn.hostname.replace(/\.$/, '');
|
||||
if (('.' + hostname).substring(hostname.length - domain.length) !== ('.' + domain)) {
|
||||
btn.removeAttribute('href');
|
||||
func(widget);
|
||||
return
|
||||
}
|
||||
|
||||
var path = (' /' + btn.pathname).split(/\/+/);
|
||||
if (((hostname === domain || hostname === 'gist.' + domain) && path[3] === 'archive') ||
|
||||
(hostname === domain && path[3] === 'releases' && (path[4] === 'download' || (path[4] === 'latest' && path[5] === 'download'))) ||
|
||||
(hostname === 'codeload.' + domain)) {
|
||||
btn.target = '_top';
|
||||
}
|
||||
|
||||
if (toLowerCase(options['data-show-count']) !== 'true' ||
|
||||
hostname !== domain ||
|
||||
path[1] === 'marketplace' ||
|
||||
path[1] === 'sponsors' ||
|
||||
path[1] === 'orgs' ||
|
||||
path[1] === 'users' ||
|
||||
path[1] === '-') {
|
||||
func(widget);
|
||||
return
|
||||
}
|
||||
|
||||
var href, property;
|
||||
if (!path[2] && path[1]) {
|
||||
property = 'followers';
|
||||
href = '?tab=followers';
|
||||
} else if (!path[3] && path[2]) {
|
||||
property = 'stargazers_count';
|
||||
href = '/stargazers';
|
||||
} else if (!path[4] && path[3] === 'subscription') {
|
||||
property = 'subscribers_count';
|
||||
href = '/watchers';
|
||||
} else if (!path[4] && path[3] === 'fork') {
|
||||
property = 'forks_count';
|
||||
href = '/forks';
|
||||
} else if (path[3] === 'issues') {
|
||||
property = 'open_issues_count';
|
||||
href = '/issues';
|
||||
} else {
|
||||
func(widget);
|
||||
return
|
||||
}
|
||||
|
||||
var api = path[2] ? '/repos/' + path[1] + '/' + path[2] : '/users/' + path[1];
|
||||
fetch.call(this, apiBaseURL + api, function (error, json) {
|
||||
if (!error) {
|
||||
var data = json[property];
|
||||
widget.appendChild(createElement('a', {
|
||||
className: 'social-count',
|
||||
href: json.html_url + href,
|
||||
rel: 'noopener',
|
||||
target: '_blank',
|
||||
'aria-label': data + ' ' + property.replace(/_count$/, '').replace('_', ' ').slice(0, data < 2 ? -1 : undefined) + ' on GitHub'
|
||||
}, [
|
||||
('' + data).replace(/\B(?=(\d{3})+(?!\d))/g, ',')
|
||||
]));
|
||||
}
|
||||
func(widget);
|
||||
});
|
||||
};
|
||||
|
||||
var parseOptions = function (anchor) {
|
||||
var options = {
|
||||
href: anchor.href,
|
||||
title: anchor.title,
|
||||
'aria-label': anchor.getAttribute('aria-label')
|
||||
};
|
||||
|
||||
forEach(['icon', 'color-scheme', 'text', 'size', 'show-count'], function (option) {
|
||||
var attribute = 'data-' + option;
|
||||
options[attribute] = anchor.getAttribute(attribute);
|
||||
});
|
||||
|
||||
if (options['data-text'] == null) {
|
||||
options['data-text'] = anchor.textContent || anchor.innerText;
|
||||
}
|
||||
|
||||
return options
|
||||
};
|
||||
|
||||
var devicePixelRatio = window.devicePixelRatio || /* istanbul ignore next */ 1;
|
||||
|
||||
var ceilPixel = function (px) {
|
||||
return (devicePixelRatio > 1 ? Math.ceil(Math.round(px * devicePixelRatio) / devicePixelRatio * 2) / 2 : Math.ceil(px)) || 0
|
||||
};
|
||||
|
||||
var get = function (el) {
|
||||
var width = el.offsetWidth;
|
||||
var height = el.offsetHeight;
|
||||
if (el.getBoundingClientRect) {
|
||||
var boundingClientRect = el.getBoundingClientRect();
|
||||
width = Math.max(width, ceilPixel(boundingClientRect.width));
|
||||
height = Math.max(height, ceilPixel(boundingClientRect.height));
|
||||
}
|
||||
return [width, height]
|
||||
};
|
||||
|
||||
var set = function (el, size) {
|
||||
el.style.width = size[0] + 'px';
|
||||
el.style.height = size[1] + 'px';
|
||||
};
|
||||
|
||||
var render = function (options, func) {
|
||||
if (options == null || func == null) {
|
||||
return
|
||||
}
|
||||
if (options.getAttribute) {
|
||||
options = parseOptions(options);
|
||||
}
|
||||
if (useShadowDOM) {
|
||||
var host = createElement('span');
|
||||
render$1(host.attachShadow({ mode: 'closed' }), options, function () {
|
||||
func(host);
|
||||
});
|
||||
} else {
|
||||
var iframe = createElement('iframe', {
|
||||
src: 'javascript:0',
|
||||
title: options.title || undefined,
|
||||
allowtransparency: true,
|
||||
scrolling: 'no',
|
||||
frameBorder: 0
|
||||
});
|
||||
set(iframe, [0, 0]);
|
||||
iframe.style.border = 'none';
|
||||
var callback = function () {
|
||||
var contentWindow = iframe.contentWindow;
|
||||
var body;
|
||||
try {
|
||||
body = contentWindow.document.body;
|
||||
} catch (_) /* istanbul ignore next: IE 11 */ {
|
||||
document.body.appendChild(iframe.parentNode.removeChild(iframe));
|
||||
return
|
||||
}
|
||||
offEvent(iframe, 'load', callback);
|
||||
render$1.call(contentWindow, body, options, function (widget) {
|
||||
var size = get(widget);
|
||||
iframe.parentNode.removeChild(iframe);
|
||||
onceEvent(iframe, 'load', function () {
|
||||
set(iframe, size);
|
||||
});
|
||||
iframe.src = iframeURL + '#' + (iframe.name = stringify(options));
|
||||
func(iframe);
|
||||
});
|
||||
};
|
||||
onEvent(iframe, 'load', callback);
|
||||
document.body.appendChild(iframe);
|
||||
}
|
||||
};
|
||||
|
||||
if (location.protocol + '//' + location.host + location.pathname === iframeURL) {
|
||||
render$1(document.body, parse(window.name || location.hash.replace(/^#/, '')), function () {});
|
||||
} else {
|
||||
defer(function () {
|
||||
var anchors = document.querySelectorAll
|
||||
? document.querySelectorAll('a.' + buttonClass)
|
||||
: (function () {
|
||||
var results = [];
|
||||
forEach(document.getElementsByTagName('a'), function (a) {
|
||||
if ((' ' + a.className + ' ').replace(/[ \t\n\f\r]+/g, ' ').indexOf(' ' + buttonClass + ' ') !== -1) {
|
||||
results.push(a);
|
||||
}
|
||||
});
|
||||
return results
|
||||
})();
|
||||
forEach(anchors, function (anchor) {
|
||||
render(anchor, function (el) {
|
||||
anchor.parentNode.replaceChild(el, anchor);
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
window.githubButtons = { render: render };
|
||||
})();
|
||||
Loading…
Reference in a new issue