A modified version of this codepen: http://codepen.io/pankajparashar/pen/towxF
Now accounts for:
- adding
z-index
property to the<progress>
element - subtracts additional
<footer>
element's height from progress calculation (in thegetMax()
method)
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> | |
<link href="https://fonts.googleapis.com/css?family=Muli:400" rel="stylesheet"> |
:root { | |
--ease-in-quad: cubic-bezier(.55, .085, .68, .53); | |
--ease-in-cubic: cubic-bezier(.550, .055, .675, .19); | |
--ease-in-quart: cubic-bezier(.895, .03, .685, .22); | |
--ease-in-quint: cubic-bezier(.755, .05, .855, .06); | |
--ease-in-expo: cubic-bezier(.95, .05, .795, .035); | |
--ease-in-circ: cubic-bezier(.6, .04, .98, .335); | |
--ease-out-quad: cubic-bezier(.25, .46, .45, .94); | |
--ease-out-cubic: cubic-bezier(.215, .61, .355, 1); |
A modified version of this codepen: http://codepen.io/pankajparashar/pen/towxF
Now accounts for:
z-index
property to the <progress>
element<footer>
element's height from progress calculation (in the getMax()
method)// Mirror console logs into a small div at top-left corner, | |
// styled in post-apocalyptic way ;) | |
// | |
// Usage is simple, just: | |
// <script src='ghoulog.js'></script> | |
// | |
// Note: | |
// You must set body { position: relative; } to let log div to be | |
// absolutely positioned. | |
// |
(function($) { | |
var result = $('#result'); | |
var base = $('#base'); | |
var list = $('#list'); | |
$('#calc').click(function() { | |
var baseVal = base.val(); | |
var px = list.val().split(','); | |
var html = []; | |
$.each(px, function(i, v) { | |
var px = parseInt(v); |
Export:
${user}/.atom
:apm list --installed --bare > packages.list
* { | |
background: #000 !important; | |
color: #0f0 !important; | |
outline: solid #f00 1px !important; | |
} |
People
![]() :bowtie: |
๐ :smile: |
๐ :laughing: |
---|---|---|
๐ :blush: |
๐ :smiley: |
:relaxed: |
๐ :smirk: |
๐ :heart_eyes: |
๐ :kissing_heart: |
๐ :kissing_closed_eyes: |
๐ณ :flushed: |
๐ :relieved: |
๐ :satisfied: |
๐ :grin: |
๐ :wink: |
๐ :stuck_out_tongue_winking_eye: |
๐ :stuck_out_tongue_closed_eyes: |
๐ :grinning: |
๐ :kissing: |
๐ :kissing_smiling_eyes: |
๐ :stuck_out_tongue: |