reubeningber

Shortcode: htitle
Snippet: =========== **%fill:Header Title%** ===========
Result: =========== **Header** ===========

Shortcode: tline
Snippet: ============================== 
Result: ==============================

Shortcode: startask
Snippet: **★ %fill:Starred To Do Item%**

reubeningber

/*-------------------------------------------- */
/** Hero Unit */
/*-------------------------------------------- */

.hero-unit {
    position: relative;
    width: 100%;
    height: 455px;
    
    &.services {

reubeningber

<style>
    body {
        text-align: center; 
    }

    .browser-frame {
        border-radius: 5px;
        border: 2px solid #CCC;
        width: 100%;
        margin: 0 auto;

reubeningber

$('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            $.waypoints('disable');
            var target = $(this.hash);
            $('.site-nav li').removeClass('active');
            $(this).parent().addClass('active');
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            if (target.length) {
                var scrollPosition = target.offset().top - 115;

reubeningber

ko.bindingHandlers.fadeVisible = {
    init: function(element, valueAccessor) {
        // Start visible/invisible accoring to initial value
        var shouldDisplay = valueAccessor();
        $(element).toggle(shouldDisplay);
    },
    update: function(element, valueAccessor) {
       // On update fade in/out
       var shouldDisplay = valueAccessor();
           shouldDisplay ? $(element).fadeIn() : $(element).fadeOut();

reubeningber

.three-up {
    padding: 50px 0;
    .clearfix();
}

.three-up-unit {
    float: left;
    margin: 0 25px 0 0;
    .calc(width, ~'33% - 25px');
    .box-sizing(border-box);

reubeningber

// FitText 
// Add class js-fit-text & Set the following data-attributes: data-fit-compressor="<compressor value>" data-fit-max-font-size=<size>px" data-fit-min-font-size="<size>px" 
    $('.js-fit-text').each(function() {
        var $this = $(this),
            fitCompressor = $this.data('fit-compressor') || 1,
            fitMaxFontSize = $this.data('fit-max-font-size') || Number.POSITIVE_INFINITY,
            fitMinFontSize = $this.data('fit-min-font-size') || Number.NEGATIVE_INFINITY;

            $this.fitText(fitCompressor, {maxFontSize: fitMaxFontSize, minFontSize: fitMinFontSize});
    });

reubeningber

var POP_UP_WIDTH = 700,
    POP_UP_HEIGHT = 500;

function init() {

    $(document).on('click', '.js-share-pop-up', function(e) {
        e.preventDefault();

        var $this = $(this),
            shareURL = $this.data('shareUrl'),

reubeningber

Email test

Forked from Paperless Post's Pen Email test.

A Pen by Reuben Ingber on CodePen.

License.

reubeningber

data = {
    "customer_name": "businessinsider",
    "user_name": "<REDACTED>",
    "password": "<REDACTED>"
}

headers = {
    'Content-type': 'application/json',
    'Accept': 'text/plain'
}