Skip to content

Instantly share code, notes, and snippets.

View JeffMatsonPagely's full-sized avatar

Jeff Matson JeffMatsonPagely

View GitHub Profile
@JeffMatsonPagely
JeffMatsonPagely / changes.diff
Last active January 24, 2021 05:39
whitehouse.gov styles - Jan 20 2021 14:45:41 GMT-0500
--- old.css 2021-01-22 19:37:42.128976786 -0500
+++ new.css 2021-01-22 19:37:30.008928748 -0500
@@ -1,5 +1,5 @@
-/**** old.min.css ***/
-/*Wed Jan 20 2021 14:45:41 GMT-0500 (Eastern Standard Time)*/
+/**** new.min.css ***/
+/*Fri Jan 22 2021 11:05:45 GMT-0500 (Eastern Standard Time)*/
@charset "UTF-8";
*,:after,:before {
@JeffMatsonPagely
JeffMatsonPagely / accessibility_contrast_example.scss
Created January 21, 2021 00:11
Styles from the new White House WordPress site
%a-link-hover {
transition: 0.2s ease;
&:hover,
&:focus {
color: v.$text-link-hover-color;
border-bottom: 1px solid rgba(v.$text-link-hover-color, 0.8);
}
.accessibility__contrast & {
&:hover,
&:focus {
@JeffMatsonPagely
JeffMatsonPagely / allow-vcard.php
Created September 20, 2019 12:46
Allow VCard File Uploads in WordPress
<?php
add_filter( 'upload_mimes', 'allow_vcard_uploads' );
function allow_vcard_uploads( $mime_types ) {
$mime_types['vcf'] = 'text/x-vcard';
$mime_types['vcard'] = 'text/x-vcard';
return $mime_types;
}
import React from 'react';
import gql from 'graphql-tag';
import { Mutation } from 'react-apollo';
// Create a GraphQL mutation for comment submissions.
const commentSubmitQuery = gql`
mutation($author: String, $commentOn: Int, $content: String, $authorEmail: String) {
createComment(
input: {
clientMutationId: "CreateComment"
import React from ‘react’;
import gql from 'graphql-tag';
import { Query } from 'react-apollo';
// Create a GraphQL query for the comment list.
const commentQuery = gql`
query($postId: ID!) {
comments(where: { contentId: $postId, contentStatus: PUBLISH }) {
nodes {
...CommentFields
import fetch from ‘isomorphic-fetch’;
import React from ‘react’;
import { ApolloProvider } from 'react-apollo';
import ApolloClient from 'apollo-boost';
// Wraps the entire Gatsby app with Apollo.
export const wrapRootElement = ({ element }) => {
// Register a new Apollo client.
const client = new ApolloClient({
fetch,
npm install isomorphic-fetch react-apollo apollo-boost graphql-tag --save
body {
font-family: sans-serif;
background-color: #ececec;
}
h1, h2, h3, h4, h5 {
color: #142d4c;
}
a, a:hover {
---
layout: post
title: "My Example Blog Post"
date: 2019-04-14 12:44:05 -0500
permalink: /example-post/
categories: example jekyll northstack
---
This is my new blog post on my new Jekyll blog!
---
layout: page title: About
permalink: /about/
---
Just some dude who loves NorthStack.