diff options
Diffstat (limited to 'icons/bookmark/index.html')
| -rw-r--r-- | icons/bookmark/index.html | 69 |
1 files changed, 53 insertions, 16 deletions
diff --git a/icons/bookmark/index.html b/icons/bookmark/index.html index caef32244..ccb702e9a 100644 --- a/icons/bookmark/index.html +++ b/icons/bookmark/index.html @@ -5,9 +5,11 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bookmark ยท Bootstrap Icons</title> <meta name="description" content="Official open source SVG icon library for Bootstrap"> -<meta name="generator" content="Hugo 0.67.1"> +<meta name="generator" content="Hugo 0.69.2"> -<link rel="stylesheet" href="/assets/css/bootstrap.css"><link rel="stylesheet" href="/assets/css/docs.css"> +<link rel="canonical" href="https://icons.getbootstrap.com/icons/bookmark/"> + +<link rel="stylesheet" href="/assets/css/bootstrap.min.css"><link rel="stylesheet" href="/assets/css/docs.css"> <!-- Favicons --> <link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180"> @@ -32,8 +34,7 @@ <meta property="og:title" content="Bookmark"> <meta property="og:description" content="Official open source SVG icon library for Bootstrap"> <meta property="og:type" content="website"> -<meta property="og:image" content="http://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png"> -<meta property="og:image:secure_url" content="https://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png"> +<meta property="og:image" content="https://icons.getbootstrap.com/assets/img/bootstrap-icons-social.png"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1000"> <meta property="og:image:height" content="500"> @@ -66,10 +67,10 @@ <a class="nav-link " href="https://getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a> </li> <li class="nav-item"> - <a class="nav-link" href="https://getbootstrap.com/docs/4.4/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Docs</a> + <a class="nav-link" href="https://getbootstrap.com/docs/4.5/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Docs</a> </li> <li class="nav-item"> - <a class="nav-link" href="https://getbootstrap.com/docs/4.4/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> + <a class="nav-link" href="https://getbootstrap.com/docs/4.5/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> </li> <li class="nav-item"> <a class="nav-link active" href="/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Icons');">Icons</a> @@ -109,7 +110,7 @@ </li> </ul> - <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha3.zip">Download</a> + <a class="btn btn-bd-download d-none d-lg-inline-block mb-3 mb-md-0 ml-md-3" href="https://github.com/twbs/icons/archive/v1.0.0-alpha4.zip">Download</a> </div> </header> @@ -136,48 +137,84 @@ <div class="col-md-6"> <div class="d-flex align-items-center justify-content-center p-3 py-5 mb-2 bg-light rounded" style="font-size: 20em;"> <svg class="bi bi-bookmark" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> - <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 00-2-2H5a2 2 0 00-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 00-1-1H5a1 1 0 00-1 1v10.234z" clip-rule="evenodd"/> + <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10.234z"/> </svg> </div> </div> <div class="col-md-3"> <div class="d-flex align-items-center justify-content-center p-3 py-5 mb-2 bg-light rounded" style="font-size: 10em"> <svg class="bi bi-bookmark" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> - <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 00-2-2H5a2 2 0 00-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 00-1-1H5a1 1 0 00-1 1v10.234z" clip-rule="evenodd"/> + <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10.234z"/> </svg> </div> </div> <div class="col-md-2"> <div class="d-flex align-items-center justify-content-center p-3 py-5 mb-2 bg-light rounded" style="font-size: 2em"> <svg class="bi bi-bookmark" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> - <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 00-2-2H5a2 2 0 00-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 00-1-1H5a1 1 0 00-1 1v10.234z" clip-rule="evenodd"/> + <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10.234z"/> </svg> </div> </div> <div class="col-md-1"> <div class="d-flex align-items-center justify-content-center p-3 py-4 mb-2 bg-light rounded" style="font-size: 1em"> <svg class="bi bi-bookmark" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> - <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 00-2-2H5a2 2 0 00-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 00-1-1H5a1 1 0 00-1 1v10.234z" clip-rule="evenodd"/> + <path fill-rule="evenodd" d="M8 12l5 3V3a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10.234z"/> </svg> </div> </div> </div> - <h2 class="h4 mb-3">Copy SVG code</h2> - <div class="alert alert-info">Copy to clipboard button hopefully coming in next release, sorry!</div> + <div id="copy-error-callout" class="alert alert-info d-none" role="alert"></div> + <div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">"bi bi-bookmark"</span> <span class="na">width</span><span class="o">=</span><span class="s">"1em"</span> <span class="na">height</span><span class="o">=</span><span class="s">"1em"</span> <span class="na">viewBox</span><span class="o">=</span><span class="s">"0 0 16 16"</span> <span class="na">fill</span><span class="o">=</span><span class="s">"currentColor"</span> <span class="na">xmlns</span><span class="o">=</span><span class="s">"http://www.w3.org/2000/svg"</span><span class="p">></span> - <span class="p"><</span><span class="nt">path</span> <span class="na">fill-rule</span><span class="o">=</span><span class="s">"evenodd"</span> <span class="na">d</span><span class="o">=</span><span class="s">"M8 12l5 3V3a2 2 0 00-2-2H5a2 2 0 00-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 00-1-1H5a1 1 0 00-1 1v10.234z"</span> <span class="na">clip-rule</span><span class="o">=</span><span class="s">"evenodd"</span><span class="p">/></span> + <span class="p"><</span><span class="nt">path</span> <span class="na">fill-rule</span><span class="o">=</span><span class="s">"evenodd"</span> <span class="na">d</span><span class="o">=</span><span class="s">"M8 12l5 3V3a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12l5-3zm-4 1.234l4-2.4 4 2.4V3a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10.234z"</span><span class="p">/></span> <span class="p"></</span><span class="nt">svg</span><span class="p">></span></code></pre></div> + </main><footer class="bd-footer p-3 p-md-5 mt-5 bg-light text-center text-sm-left"> <div class="container"> <ul class="bd-footer-links"> <li><a href="https://github.com/twbs">GitHub</a></li> <li><a href="https://twitter.com/getbootstrap">Twitter</a></li> - <li><a href="https://getbootstrap.com/docs/4.4/about/overview/">About</a></li> + <li><a href="https://getbootstrap.com/docs/4.5/about/overview/">About</a></li> </ul> - <p>Currently v1.0.0-alpha3. Icons and documentation licensed <a href="https://github.com/twbs/blob/master/LICENSE" target="_blank" rel="license noopener">MIT</a>.</p> + <p>Currently v1.0.0-alpha4. Icons and documentation licensed <a href="https://github.com/twbs/icons/blob/master/LICENSE.md" target="_blank" rel="license noopener">MIT</a>.</p> </div> </footer> + + <script src="/assets/js/clipboard.min.js"></script> + <script> + var btnHtml = '<div class="bd-clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard">Copy</button></div>'; + + [].slice.call(document.querySelectorAll('figure.highlight, div.highlight')) + .forEach(function (element) { + element.insertAdjacentHTML('beforebegin', btnHtml) + }); + + var clipboard = new ClipboardJS('.btn-clipboard', { + target: function (trigger) { + return trigger.parentNode.nextElementSibling + } + }) + + clipboard.on('success', function (e) { + e.clearSelection() + e.trigger.textContent = 'Copied!' + setTimeout(function () { + e.trigger.textContent = 'Copy' + }, 2000); + }) + + clipboard.on('error', function () { + var modifierKey = /mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-' + var fallbackMsg = 'Press ' + modifierKey + 'C to copy' + var errorElement = document.getElementById('copy-error-callout') + + if (!errorElement) return + + errorElement.classList.remove('d-none') + errorElement.insertAdjacentHTML('afterbegin', fallbackMsg) + }) + </script> </body> </html> |