Skip to content

Instantly share code, notes, and snippets.

Avatar

Calvin Chu calchulus

  • Chicago, IL
View GitHub Profile
View Neat colors.md

Good colors:

Blues: BBC3C6 Blue Gray 262F34 midnight blue C4DFE6 penguin blue 4CB5F5 Cerulean 2988BC Teal Grecian Blue 2F496E dark 217CA3 Teal Cerulean

View keybase.md

Keybase proof

I hereby claim:

  • I am calchulus on github.
  • I am calc (https://keybase.io/calc) on keybase.
  • I have a public key ASAT88iToq6Ebnq7TtddpdK01Mom-eQTCg-nQlZerUW6lQo

To claim this, I am signing this object:

View blockstack verification
Verifying my Blockstack ID is secured with the address 1GHPLjc4yVtmAPAnGuHcJmfKLki6rBVcVD https://explorer.blockstack.org/address/1GHPLjc4yVtmAPAnGuHcJmfKLki6rBVcVD
@calchulus
calchulus / index.html
Created Jan 25, 2017 — forked from anonymous/index.html
Responsive buttons w/ transitions
View index.html
<h1>Responsive Buttons</h1>
<div class="page">
<div class="container">
<a href="#">
<div class="box box1">
<i class="material-icons">payment</i>
<p>Pay now</p>
@calchulus
calchulus / index.html
Last active Jan 9, 2017 — forked from anonymous/index.html
Sticky Slider Navigation (Responsive)
View index.html
<!-- Hero -->
<section class="et-hero-tabs">
<h1>STICKY SLIDER NAV</h1>
<h3>Sliding content with sticky tab nav</h3>
<div class="et-hero-tabs-container">
<a class="et-hero-tab" href="#tab-es6">ES6</a>
<a class="et-hero-tab" href="#tab-flexbox">Flexbox</a>
<a class="et-hero-tab" href="#tab-react">React</a>
<a class="et-hero-tab" href="#tab-angular">Angular</a>
<a class="et-hero-tab" href="#tab-other">Other</a>
You can’t perform that action at this time.