Skip to content

Instantly share code, notes, and snippets.

View capitalJT's full-sized avatar

Jabal Torres capitalJT

View GitHub Profile
@capitalJT
capitalJT / Waypoints-test
Last active August 29, 2015 13:59
A basic example of how to use waypoints.js
<style>
$orange:#e24d25;
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background-color: #e24d25;
color: White;
@capitalJT
capitalJT / Form.html
Last active August 29, 2015 14:03
Basic form template
<form method="post" action="addemail.php">
<label for="firstname">First name:</label>
<input type="text" id="firstname" name="firstname" />
<label for="lastname">Last name:</label>
<input type="text" id="lastname" name="lastname" />
<label for="email">Email:</label>
<input type="text" id="email" name="email" />
<input type="submit" name="Submit" value="Submit" />
</form>
@capitalJT
capitalJT / jsbin.biqif.js
Last active August 29, 2015 14:05
[if else statements using the modulo operator]// source http://jsbin.com/biqif/3
for(i = 100; i; i--){
if(i % 3 === 0){
console.log("fizz " + i);
} else if(i % 5 === 0){
console.log("buzz " + i);
}
if(i % 3 === 0 && i % 5 === 0){
console.log("buzzbuzz " + i);
}
}
@capitalJT
capitalJT / font-size-mixin.scss
Created February 1, 2015 16:43
sass mixin for rem font sizing & line height with px fallback
@mixin font-size($sizeValue: 16, $line: $sizeValue * 1.5) {
font-size: ($sizeValue) + px;
line-height: ($line) + px;
font-size: ($sizeValue / 16) + rem;
line-height: ($line / 16) + rem;
}
@capitalJT
capitalJT / scroll-to-top.js
Last active August 29, 2015 14:15
Scroll to top gist
// calculating some values
var header_height = $('.header').outerHeight(),
scroll_top_icon = $('#scroll-to-top'),
scrollTop = $(window).scrollTop();
// Scroll to top function 1/2
$(function(){
$(window).scroll(function(){
if( scrollTop > header_height ){
scroll_top_icon.fadeIn();
# ---------------------------------------------------------------------------
#
# Description: This file holds all my BASH configurations and aliases
#
# Sections:
# 1. Environment Configuration
# 2. Make Terminal Better (remapping defaults and adding functionality)
# 3. File and Folder Management
# 4. Searching
# 5. Process Management
@capitalJT
capitalJT / dls-hero.html
Last active December 11, 2015 06:17
AJM hero component
<section id="hero" class="row section">
<div class="large-12 columns">
<h1>Hero</h1>
</div>
<span class="gist"><a class="icon icon-ajmn-embed" href="https://gist.github.com/capitalJT/0d388ec30882f6c7b3d7" target="_blank"></a></span>
<hr>
<div class="large-12 columns hero-component">
<div class="hero">
<h1>Hello World!</h1>
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
@capitalJT
capitalJT / dls-accordian.html
Last active December 11, 2015 06:19
DLS accordion component.
<section id="accordian" class="row section">
<div class="large-12 columns">
<h1>Accordian</h1>
</div>
<span class="gist"><a class="icon icon-ajmn-embed" href="https://gist.github.com/capitalJT/13d3120ac48cfdd55fc8" target="_blank"></a></span>
<hr>
<div class="large-12 columns accordian-wrapper">
<dl class="accordion" data-accordion>
<dd class="accordion-navigation">
<a href="#panel1-1">
@capitalJT
capitalJT / dls-social-icons.html
Last active December 11, 2015 06:19
DLS Social Icons
<section id="social-icons" class="row section">
<div class="large-12 columns">
<h1>Social Icons</h1>
</div>
<span class="gist"><a class="icon icon-ajmn-embed" href="https://gist.github.com/capitalJT/e155be7a18531079ba4a" target="_blank"></a></span>
<hr>
<div class="large-12 columns">
<ul class="social">
<li><a href="#"><span class="icon icon-ajmn-facebook"></span></a></li>
<li><a href="#"><span class="icon icon-ajmn-twitter"></span></a></li>
@capitalJT
capitalJT / dls-comment-list.html
Last active December 11, 2015 06:27
DLS comment list
<section id="comments" class="row section">
<div class="large-12 columns">
<h1>Comments</h1>
</div>
<span class="gist"><a class="icon icon-ajmn-embed" href="https://gist.github.com/capitalJT/2c78cdf407f8e8acd960" target="_blank"></a></span>
<hr>
<div class="large-12 columns comments-section">
<ul class="comment-list">
<li class="comment-container">
<div class="comment-meta">