Skip to content

Instantly share code, notes, and snippets.

View drewbolles's full-sized avatar

Drew Bolles drewbolles

View GitHub Profile
@drewbolles
drewbolles / resume.json
Last active August 24, 2022 21:18
Drew Bolles Resume
{
"basics": {
"name": "Drew Bolles",
"label": "Software Engineer at Trellis",
"picture": "",
"email": "[email protected]",
"phone": "(321) 508-0948",
"url": "www.drewbolles.com",
"summary": "I'm a passionate software engineer who strives to provide my users with accessible software regardless of device, location, or internet connection. I've been building for the web for the better part of two decades.\n\nI specialize in JavaScript, TypeScript, Node, React, HTML5, CSS3, responsive web design / development, and browser performance. I'm well versed in industry best practice, popular CMS and client-side frameworks, and pride myself on being a responsible developer.",
"location": {
/**
* Field styles
*/
.field-project-tags {
> .field-items {
// clearfix
> .field-item {
// Media Query mixin, go!
@media (min-width: 600px) {
// some sweet Susy code
/**
* Article styles
*/
.node--type-article {
.field--name-body {
font-size: 20px;
}
// View mode specific styles
&.node--view-mode-full {
/**
* Article styles
*/
.node--type-article {
// View mode specific styles
&.node--view-mode-full {
.field--name-body {
font-size: 20px;
}
}
.view-products {
.view-content {
// micro clearfix, I have a mixin
&:after {
content: " ";
display: table;
clear: both;
}
}
@drewbolles
drewbolles / custom_field.module
Last active December 9, 2015 19:37
Custom Field theme function
/**
* Implements hook_theme().
*/
function custom_field_theme() {
return array(
'custom_field' => array(
'template' => 'templates/custom-field',
'variables' => array(
'name' => NULL,
'content' => NULL,
@drewbolles
drewbolles / footer.html
Created April 24, 2015 05:32
Jekyll footer.html with loadCSS
@drewbolles
drewbolles / Gulpfile.js
Created April 24, 2015 05:21
Gulpfile.js for Jekyll site with critical CSS
// Require Gulp
var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var prefix = require('gulp-autoprefixer');
var watch = require('gulp-watch');
var critical = require('critical');
// Gulp Sass Task
gulp.task('sass', function() {
@drewbolles
drewbolles / head.html
Created April 24, 2015 05:20
Jekyll head.html file with critical CSS inline
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<!-- Inline critical css -->
@drewbolles
drewbolles / gulpfile.js
Created April 7, 2015 18:47
Casey's gulpfile.js
// Require Gulp
var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var prefix = require('gulp-autoprefixer');
var watch = require('gulp-watch');
// Gulp Sass Task
gulp.task('sass', function() {
gulp.src('sass/**/*.scss')