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
| <svg viewBox="0 0 100 100"> | |
| <path | |
| class="pig" | |
| d="m 49,81 c -4.97949,0.0288 -8.87182,-1.33563 -12.96403,-4.78789 -1.37863,4.03232 -1.98391,5.09242 -2.5173,7.67551 -1.7034,-1.84098 -1.85041,-2.38138 -3.40931,-4.01426 -1.66859,1.1093 -2.97808,2.47785 -3.73546,3.41895 -0.3552,-2.5689 -0.1426,-3.49976 -1.3115,-8.15934 -1.1825,-4.71376 -4.7989,-11.7127 -4.86568,-20.02735 -0.0386,-4.80812 2.45175,-8.918 3.87545,-11.06273 -2.56161,-0.82848 -3.66901,-2.05201 -4.32566,-3.72552 -1.38384,-3.52678 0.76087,-6.22823 2.88932,-5.55409 2.80181,0.88742 2.09867,3.7385 -0.93073,5.11902 -4.28599,1.95316 -6.12353,-0.052 -7.239,-1.3961 1.11484,1.3981 2.94928,3.34732 7.1873,1.34439 3.12689,-1.4778 3.77421,-4.17385 0.93073,-5.06731 -2.07984,-0.65352 -4.10537,2.03309 -2.80106,5.53267 0.64344,1.72641 1.72064,2.95171 4.2891,3.7835 3.5922,-4.8354 10.26924,-9.22914 21.7499,-11.29879 -1.46246,-2.03309 -2.43102,-3.39383 -2.3357,-5.74316 0.21875,-5.39103 3.59202,-7.97334 8.7965,-8.65912 5.65823,-0.74557 9.43731,3.64106 9.504 |
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
| <div class="body"></div> | |
| <div class="chat"> | |
| <div class="profile"> | |
| <img src='https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=a8ccd69bd6cc884f728949673c6829cf' alt=''> | |
| </div> | |
| <div class="message"> | |
| Loren ipsum dolen sit a mor a mor a mor whatever, Loren ipsum dolen sit a mor a mor a mor whatever. | |
| </div> | |
| <div class="user"> | |
| John Doe |
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
| svg(version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink', x="0px", y="0px", style="display: none;") | |
| symbol#wave | |
| path(d='M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C514,6.5,518,4.7,528.5,2.7\c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H420z') | |
| path(d='M420,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C326,6.5,322,4.7,311.5,2.7\C304.3,1.4,293.6-0.1,280,0c0,0,0,0,0,0v20H420z') | |
| path(d='M140,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C234,6.5,238,4.7,248.5,2.7\c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H140z') | |
| path(d='M140,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C46,6.5,42,4.7,31.5,2.7\C24.3,1.4,13.6-0.1,0,0c0,0,0,0,0,0l0,20H140z') | |
| .page#page | |
| .tracker |
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
| svg(version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink', x="0px", y="0px", style="display: none;") | |
| symbol#wave | |
| path(d='M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C514,6.5,518,4.7,528.5,2.7\c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H420z') | |
| path(d='M420,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C326,6.5,322,4.7,311.5,2.7\C304.3,1.4,293.6-0.1,280,0c0,0,0,0,0,0v20H420z') | |
| path(d='M140,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C234,6.5,238,4.7,248.5,2.7\c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H140z') | |
| path(d='M140,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C46,6.5,42,4.7,31.5,2.7\C24.3,1.4,13.6-0.1,0,0c0,0,0,0,0,0l0,20H140z') | |
| .page#page | |
| .tracker |
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
| a(href="http://volorf.dribbble.com/" title="Cool designer 😎").aboutMe Made by Volorf | |
| .whiteBg | |
| .oracle oracle | |
| .container | |
| .switcherOne | |
| .title Good | |
| .control | |
| .circle | |
| .switcherTwo | |
| .title Cheap |
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
| <div class="m-wrap tx"> | |
| <div class="o-watch-wrap"> | |
| <div class="watch-ui"> | |
| <div class="o-ring"> | |
| <div class="o-timer-wrap"> | |
| <div class="ring-wrap"> | |
| <svg class="c-t" width="200" height="200"> | |
| <circle class="c-c" cx="90" cy="100" r="97.5" transform="rotate(-90, 95, 95)"/> | |
| </svg> | |
| </div> |
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
| <div id="stage" class="stage" :class="{'menu-open': menuOpen, 'voices-open': voicesOpen}" :style="{ color: activeReminder.waveFrontColor, backgroundColor: stageBg }" v-cloak> | |
| <div class="menu__button" @click="toggleMenu"> | |
| <div class="menu__dot"></div> | |
| </div> | |
| <div class="microphone" v-if="supportSpeechRecognition" :class="{'is-listening': isListening }" @click="startListenVoiceCommands"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> | |
| <path d="M12 16c2.206 0 4-1.795 4-4v-6c0-2.206-1.794-4-4-4s-4 1.794-4 4v6c0 2.205 1.794 4 4 4z"></path> | |
| <path d="M19 12v-2c0-0.552-0.447-1-1-1s-1 0.448-1 1v2c0 2.757-2.243 5-5 5s-5-2.243-5-5v-2c0-0.552-0.447-1-1-1s-1 0.448-1 1v2c0 3.52 2.613 6.432 6 6.92v1.080h-3c-0.553 0-1 0.447-1 1s0.447 1 1 1h8c0.553 0 1-0.447 1-1s-0.447-1-1-1h-3v-1.080c3.387-0.488 6-3.4 6-6.92z"></path> | |
| </svg> | |
| <div class="voice-tooltip" v-show="isListening"> |
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 | |
| .countdown.countdown--wide#countdown | |
| .countdown__fill#ticker | |
| .countdown__digit#seconds 00 | |
| //.countdown__buttons | |
| // .countdown__button + | |
| // .countdown__button - | |
| a.full-button#toggle Toggle size |
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
| <div class='wrapper'> | |
| <div class='align-wrap'> | |
| <div class='align'> | |
| <div class='group'> | |
| <div class='left'> | |
| <h3 class='break'>break</h3> | |
| <h2><a id='breakMinus' href="#">-</a><span id='breakMinutes'></span><a id='breakPlus' href="#">+</a></h2> | |
| </div> | |
| <div class='right'> | |
| <h3 class='session'>session</h3> |
bishoplee
/ index.html
Created
July 14, 2018 19:26
Material Design button component "The wave effect"
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
| <h1>Material Design button component "The wave effect"</h1> | |
| <div class="al-cnt"> | |
| <div class="md" >Click to action</div> | |
| <div class="md" >Hit it!</div> | |
| <div class="md" >Knock!!</div> | |
| </div> |