mirror of
https://github.com/bitcoin-s/bitcoin-s.git
synced 2025-02-24 23:08:31 +01:00
6bc6378f96
* Docs: Introduce new Docusaurus-based website This commit is the result of running npx docusaurus-init, and nothing more. Further changes will happen on top of this, to make it easier to review changes and update to newer versions of Docusaurus in the future. * WIP: Add Bitcoin-S website Change the default Docusaurus template to a custom website. Goes off of existing documentation, and moves it into the new docs and website directories. Deletes some unused files, such as BUILD_README.md * Initial mdoc support * Add Scaladoc to website * Add SVG assets * Change colors, flesh out pages, correct Scaladoc links * Rename doc project to scripts, move security doc to website * Add copy buttons to website code snippets * Add doc and tasks for publishing website * Refactor how paths get copied after generating Scaladocs * Add Get Started button * Replace bitcoin-s logo with white text * Add Montserrat font for headers * flesh out user showcase and landing page * Change Scaladoc URL to bitcoins package
45 lines
1.9 KiB
JavaScript
45 lines
1.9 KiB
JavaScript
window.addEventListener("load", function() {
|
|
function button(label, ariaLabel, icon, className) {
|
|
const btn = document.createElement("button");
|
|
btn.classList.add("btnIcon", className);
|
|
btn.setAttribute("type", "button");
|
|
btn.setAttribute("aria-label", ariaLabel);
|
|
btn.innerHTML =
|
|
'<div class="btnIcon__body">' +
|
|
icon +
|
|
'<strong class="btnIcon__label">' +
|
|
label +
|
|
"</strong>" +
|
|
"</div>";
|
|
return btn;
|
|
}
|
|
|
|
function addButtons(codeBlockSelector, btn) {
|
|
document.querySelectorAll(codeBlockSelector).forEach(function(code) {
|
|
code.parentNode.appendChild(btn.cloneNode(true));
|
|
});
|
|
}
|
|
|
|
const copyIcon =
|
|
'<svg width="12" height="12" viewBox="340 364 14 15" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M342 375.974h4v.998h-4v-.998zm5-5.987h-5v.998h5v-.998zm2 2.994v-1.995l-3 2.993 3 2.994v-1.996h5v-1.995h-5zm-4.5-.997H342v.998h2.5v-.997zm-2.5 2.993h2.5v-.998H342v.998zm9 .998h1v1.996c-.016.28-.11.514-.297.702-.187.187-.422.28-.703.296h-10c-.547 0-1-.452-1-.998v-10.976c0-.546.453-.998 1-.998h3c0-1.107.89-1.996 2-1.996 1.11 0 2 .89 2 1.996h3c.547 0 1 .452 1 .998v4.99h-1v-2.995h-10v8.98h10v-1.996zm-9-7.983h8c0-.544-.453-.996-1-.996h-1c-.547 0-1-.453-1-.998 0-.546-.453-.998-1-.998-.547 0-1 .452-1 .998 0 .545-.453.998-1 .998h-1c-.547 0-1 .452-1 .997z" fill-rule="evenodd"/></svg>';
|
|
|
|
addButtons(
|
|
".hljs",
|
|
button("Copy", "Copy code to clipboard", copyIcon, "btnClipboard")
|
|
);
|
|
|
|
const clipboard = new ClipboardJS(".btnClipboard", {
|
|
target: function(trigger) {
|
|
return trigger.parentNode.querySelector("code");
|
|
}
|
|
});
|
|
|
|
clipboard.on("success", function(event) {
|
|
event.clearSelection();
|
|
const textEl = event.trigger.querySelector(".btnIcon__label");
|
|
textEl.textContent = "Copied";
|
|
setTimeout(function() {
|
|
textEl.textContent = "Copy";
|
|
}, 2000);
|
|
});
|
|
});
|