pongstr

{
  "bootstrapped": true,
  "in_process_packages":
  [
  ],
  "installed_packages":
  [
    "GitGutter",
    "Package Control",
    "SideBarEnhancements",

pongstr

" .vimrc

set nocompatible                    " Disable Vi compatibility
set backspace=indent,eol,start      " Backspace through everything in INSERT mode
set ttyfast                         " Optimize for fast terminal connections
set nowrap                          " Disable word wrapping
set textwidth=0 wrapmargin=0        " Set textwidth + wrapmargin
set encoding=utf-8 nobomb           " Use UTF-8 without BOM
set shiftwidth=2                    " Use 2 spaces for indentation
set softtabstop=2                   " Use 2 spaces for soft tab

pongstr

{
    "atomKeymap.promptV3Features": true,
    "editor.tabSize": 2,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.fontFamily": "Consolas, Menlo, Monaco, 'Courier New', monospace",
    "editor.tabCompletion": "onlySnippets",
    "editor.lineHeight": 22,
    "editor.scrollbar.verticalScrollbarSize": 5,
    "editor.scrollbar.horizontalScrollbarSize": 5,
    "editor.rulers": [

pongstr

Google Docs Spreadsheet as JSON

This code is taken from DJ's Weblog, thanks a lot for this!

How to use:

1. You'll need the key of your spreadsheet, the url format should be like this: https://docs.google.com/spreadsheet/ccc?key=**YOUR-KEY-HERE**=drive_web#gid=0 and also the sheet number (i.e., Sheet 1).
2. In your document file menu, you'll find File Menu > Tools > Script Editor (you will be redirected to Google's script editor.
3. Create a new Script file, and paste the content of the SheetAsJSON.js to the editor stage, and save it.

pongstr

// #==
// 4:3 Aspect Ratio
@mixin box-ratio-calc($width: ""){
  @if ($width == "") {
    width: 185px;
    height: 118px;
  } @else {
    width: $width;
    height: ($width / 4) * 3;
  }

pongstr

Angular Material Dashboard

This is a basic application template for AngularJS using the Angular Material library

A Pen by Ajay Viswanathan on CodePen.

License.

pongstr

Jekyll Breadcrumb

A simple Jekyll breadcrumb without plugin.

{% capture url_tree %}
  {{ page.url | replace: '/', ' ' | strip }}
{% endcapture %}

pongstr

/*! 
 * CSS3 Ribbons by @pongstr
 * http://codepen.io/pongstr/pen/jxhbu
 */

body,html{height:100%;font-family:"Helvetica Neue",Helvetica,sans-serif}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:768px}}@media (min-width:992px){.container{width:992px}}@media (min-width:1200px){.container{width:1200px}}h1{display:block;clear:both;width:96%;margin:25px auto;font-family:Pacifico,cursive;font-size:64px;font-weight:700;text-align:center;background:-webkit-linear-gradient(#5bc0de,#428bca);-webkit-background-clip:text;-webkit-text-fill-color:transparent}pre{position:relative;margin:15px auto;padding:10px;font-family:Consolas,Menlo,Courier,monsopace;font-size:13px;line-height:1.5;border:1px solid #ddd;background-color:#f4f4f4;border-radius:4px;box-shadow:0 0 5px rgba(51,51,51,.1)inset}@media (min-width:480px){pre{float:left;width:100%}}@media (mi

pongstr

(function () {
  function onLoad() {
    return function imageDefer() {
      var defer = document.getElementsByTagName('img');
      (defer && defer.length < 0) && Object.keys(defer).forEach(function (i) {
        (defer[i].getAttribute('data-src')) &&
          defer[i].setAttribute('src', defer[i].getAttribute('data-src'));
      });   
    }
  }

pongstr

Dotfiles Lite

Taken from mathiasbynens/dotfiles. Save time and pain from customising your clean-installed Mac, install web development tools and native applications. It's straight-forward and simple, here's how you run it:

Download osx.sh and tools.sh to your desktop, open osx.sh on your favorite text editor and change these lines:

# Set computer name (as done via System Preferences → Sharing)
sudo scutil --set ComputerName "Pongstr"