Skip to content

Instantly share code, notes, and snippets.

View valentierra's full-sized avatar

Valentierra valentierra

  • Datamount
  • Americas
  • 22:32 (UTC -04:00)
View GitHub Profile
@valentierra
valentierra / eclipse-foundation-donation-slider.markdown
Created October 11, 2020 16:39
Eclipse Foundation Donation Slider

Eclipse Foundation Donation Slider

Say what you want about the Eclipse IDE, they have a pretty website. Here is a slider styled after the Eclipse Foundation's donation request dialogue. Works in webkit, gecko, and trident.

The slider is stumping me. It should have an upwards caret that nestles into the carets below the icons, but since slider thumbs don't support pseudo-elements, I can't think of a way to do this short of using an image. Anyone have any ideas?

A Pen by Woodrow Barlow on CodePen.

License.

### Keybase proof
I hereby claim:
* I am valentierra on github.
* I am valentierra (https://keybase.io/valentierra) on keybase.
* I have a public key ASDhKZkOC7ZOjDJaw6suM5BGlZByrKWu-qVzRSxAR5U-CAo
To claim this, I am signing this object:
This post links my 3Box profile to my Github account! Web3 social profiles by 3Box.
✅ did:3:bafyreicde5yxhfowl2pqyhzpokg475ee4taf7iv6bmu4asspzdtoiqlyd4 ✅
Create your profile today to start building social connection and trust online at https://3Box.io/
@valentierra
valentierra / index.html
Created July 20, 2019 17:51
Statistic Counter
<section id="statistic" class="statistic-section one-page-section">
<div class="container">
<div class="row text-center">
<div class="col-xs-12 col-md-3">
<div class="counter">
<i class="fa fa-coffee fa-2x stats-icon"></i>
<h2 class="timer count-title count-number">999</h2>
<div class="stats-line-black"></div>
<p class="stats-text">Coffee Cups</p>
</div>
Verifying my Blockstack ID is secured with the address 1J4PNUkcUvGHWmdhBBY9csmLap6ecLdjo4 https://explorer.blockstack.org/address/1J4PNUkcUvGHWmdhBBY9csmLap6ecLdjo4
@valentierra
valentierra / ngrok-installation.md
Created September 11, 2017 16:35 — forked from wosephjeber/ngrok-installation.md
Installing ngrok on Mac

#Installing ngrok on OSX

  1. Download ngrok
  2. Unzip it to your Applications directory
  3. Create a symlink (instructions below)

Creating a symlink to ngrok

Run the following two commands in Terminal to create the symlink.

# cd into your local bin directory