Code Examples for the BootstrapBay 24 Days of Bootstrap series (https://bootstrapbay.com/blog/)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // SPDX-License-Identifier: MIT | |
| // OpenZeppelin Contracts v4.4.0 (access/AccessControl.sol) | |
| pragma solidity ^0.8.0; | |
| import "./IAccessControl.sol"; | |
| import "../utils/Context.sol"; | |
| import "../utils/Strings.sol"; | |
| import "../utils/introspection/ERC165.sol"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <button id="btn">Open PhotoSwipe</button> | |
| <!-- Root element of PhotoSwipe. Must have class pswp. --> | |
| <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> | |
| <!-- Background of PhotoSwipe. | |
| It's a separate element, as animating opacity is faster than rgba(). --> | |
| <div class="pswp__bg"></div> | |
| <!-- Slides wrapper with overflow:hidden. --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <h1>${message}</h1> | |
| <p>And again!</p> | |
| </template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <section data-background-transition='zoom' data-transition='concave' data-background='http://ryanjarvinen.com/presentations/shared/img/broadcast_reveal_dark.png' data-state='blackout'> | |
| <h2>Gist-Powered</h2> | |
| <h1>Reveal.js</h1> | |
| <h2>Slideshow Presentations</h2> | |
| <br/> | |
| <h1 class='fragment grow'><a style='color:deepskyblue;' href='http://gist-reveal.it'>gist-reveal.it</a></h1> | |
| </section> | |
| <section data-background-transition='zoom' data-transition='linear' id='try-it'> | |
| <h2>Try it out, Martin!</h2> | |
| <p>Create your own deck by forking a copy of <a href='https://gist.github.com/ryanj/af84d40e58c5c2a908dd'>this github gist</a>: <br /><a href='https://gist.github.com/ryanj/af84d40e58c5c2a908dd'>https://gist.github.com/ryanj/af84d40e58c5c2a908dd</a></p> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container | |
| h1.title Responsive Slider Timeline | |
| .timeline | |
| .swiper-container | |
| .swiper-wrapper | |
| - for (var i = 1; i <= 6; ++i) { | |
| .swiper-slide(style=`background-image: url(https://unsplash.it/1920/500?image=1${i}`, data-year=`201${i}`) | |
| .swiper-slide-content | |
| span.timeline-year 201#{i} | |
| h4.timeline-title Our nice super title |
A Pen by Ali Spittel on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name Shopee顯示折價券 | |
| // @namespace https://gist.github.com/poynt2005 | |
| // @version 0.1 | |
| // @match https://shopee.tw/cart/ | |
| // @grant none | |
| // @require https://code.jquery.com/jquery-3.3.1.min.js | |
| // ==/UserScript== | |
| (function() { |