Skip to content

Instantly share code, notes, and snippets.


Jason A. Clark jasonclark

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 Feb 20, 2020
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.