Skip to content

Instantly share code, notes, and snippets.

Jason A. Clark jasonclark

Block or report user

Report or block jasonclark

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View gist:01e6b363f6dbfe5d94aeea6c7043b6d0
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<title>HTML5 boilerplate – all you really need…</title>
section.heroimg {
display: flex;
align-items: flex-end;
margin-bottom: 2rem;
jasonclark / css-diagnostic-for-https.css
Created Aug 23, 2016
CSS as privacy diagnostic tool - mark all unsecure or unencrypted content/links. Add this to your CSS to see a red frowny face next to your non-SSL content.
View css-diagnostic-for-https.css
.content [href^="http:"]::after {
content: "\2639\ (unencrypted link)";
display: inline-block;
width: .8em;
height: .8em;
text-indent: .8em;
white-space: nowrap;
color: red;
View data-model-people.sql
-- Database: `people`
-- --------------------------------------------------------
-- Table structure for table `create_action`
View data-model-resources.sql
-- Database: `resources`
-- --------------------------------------------------------
-- Table structure for table `matchSubject`
View onename blockchain
Verifying that +jasonclark is my blockchain ID.
jasonclark / gist:960167281dbeb6f79ed3
Last active Mar 10, 2016
Applying the Google Maps UI as an image viewer interface
View gist:960167281dbeb6f79ed3
<!DOCTYPE html>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Ground Overlays</title>
html,body {height:100%;margin:0;padding:0;}
#map {height:100%;}
View search-knowledge-graph.php
//get and set url protocol
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? 'https://' : 'http://';
//set and sanitize global variables for URL construction
$server = isset($_SERVER['SERVER_NAME']) ? htmlentities(strip_tags($_SERVER['SERVER_NAME'])) : null;
$path = isset($_SERVER['PHP_SELF']) ? htmlentities(strip_tags(dirname($_SERVER['PHP_SELF']))) : null;
$fileName = isset($_SERVER['SCRIPT_NAME']) ? htmlentities(strip_tags(basename($_SERVER['SCRIPT_NAME']))) : null;
$fileNameURI = isset($_SERVER['REQUEST_URI']) ? htmlentities(strip_tags($_SERVER['REQUEST_URI'])) : null;
$fileExtension = isset($_SERVER['PATH_INFO']) ? pathinfo($fileName, PATHINFO_EXTENSION) : null;
jasonclark / The `app` object (with scrolltop improvement for long views).markdown
Created Dec 23, 2015
The `app` object (with scrolltop improvement for long views)
View The `app` object (with scrolltop improvement for long views).markdown

The app object (with scrolltop improvement for long views)

The simple app object defining routes and "life cycle" like functions.

A Pen by Heydon on CodePen.


View gist:fef8d6afd0d19815f9bd
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Web Speech API demo</title>
<link rel="stylesheet" href="css/style.css">
<!--[if IE]>
<script src=""></script>
jasonclark / social-media-share-markup
Last active Jan 27, 2017
Minimum viable social metadata markup - opengraph and twitter; Based on:
View social-media-share-markup
<meta property="og:title" content="EmbedThis (Oembed)"/>
<meta property="og:description" content="Utility app that checks for an Oembed endpoint & returns HTML embed code."/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:type" content="website"/>
<meta name="twitter:creator" property="og:site_name" content="@jaclark"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content=""/>
You can’t perform that action at this time.