Skip to content

Instantly share code, notes, and snippets.

View jasonclark's full-sized avatar

Jason A. Clark jasonclark

113 followers · 113 following
View GitHub Profile
@jasonclark
jasonclark / social-media-share-markup
Last active January 27, 2017 15:43
Minimum viable social metadata markup - opengraph and twitter; Based on: https://dev.twitter.com/cards/getting-started#opengraph
<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="http://www.lib.montana.edu/~jason/files/oembed-this/meta/img/share-code-small.png"/>
<meta property="og:url" content="http://www.lib.montana.edu/~jason/files/oembed-this/index.php"/>
<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="http://www.jasonclark.info"/>
@jasonclark
jasonclark / gist:01e6b363f6dbfe5d94aeea6c7043b6d0
Created December 16, 2017 04:33
Testing hero image swap
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5 boilerplate – all you really need…</title>
<style>
section.heroimg {
display: flex;
align-items: flex-end;
margin-bottom: 2rem;
@jasonclark
jasonclark / cite-this-uncompressed.js
Created October 4, 2012 14:02
CiteThis Bookmarklet (Javascript unencoded and uncompressed)
javascript: (function () {
var h = document.createElement('div');
var t = document.getElementsByTagName('title')[0];
var info = '<p><strong>Title(' + t.innerHTML.length + '):</strong> ' + t.innerHTML + '</p>';
var m = document.getElementsByTagName('meta');
for (var i = 0; i < m.length; i++) {
if (null !== m[i].getAttribute('name')) {
var c = m[i].getAttribute('content');
info += '<p><strong>' + m[i].getAttribute('name') + '(' + c.length + '):</strong> ' + c + '</p>';
}
@jasonclark
jasonclark / booklist-lhuede.html
Created November 19, 2012 22:00
Book Review List using Google Spreasheet API and jQuery
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Reading List</title>
<style type="text/css">
.items {display:table;list-style:none;margin:0;padding:0;border-spacing:5px;}
.items li {display:table-row;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #ccc;padding:5px;margin:0 0 10px 0;}
.items li img {display:table-cell;vertical-align:top;height:100px;width:100px;}
.items li span.meta {display:table-cell;vertical-align:top;margin:0;padding:0 0 0 5px;}
@jasonclark
jasonclark / booklist.css
Last active May 6, 2019 05:52
booklist CSS - display as table row
<style type="text/css">
.items {display:table;list-style:none;margin:0;padding:0;border-spacing:5px;}
.items li {display:table-row;border-radius:10px;border:1px solid #ccc;padding:5px;margin:0 0 10px 0;}
.items li img {display:table-cell;vertical-align:top;}
.items li span.meta {display:table-cell;vertical-align:top;margin:0;padding:0 0 0 5px;}
.items li {margin:0 0 5px 0;}
</style>
@jasonclark
jasonclark / booklist HTML CSS and Javascript (complete file)
Last active May 8, 2019 16:26
booklist HTML CSS and Javascript (complete file) - Using the Google Spreadsheets Data API to build a Recommended Reading List
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Reading List</title>
<style type="text/css">
.items {display:table;list-style:none;margin:0;padding:0;border-spacing:5px;}
.items li {display:table-row;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #ccc;padding:5px;margin:0 0 10px 0;}
.items li img {display:table-cell;vertical-align:top;}
.items li span.meta {display:table-cell;vertical-align:top;margin:0;padding:0 0 0 5px;}
@jasonclark
jasonclark / search-knowledge-graph.php
Last active October 4, 2019 19:31
Code for search demo of Google Knowledge Graph API at https://www.lib.montana.edu/~jason/files/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
jasonclark / gist:960167281dbeb6f79ed3
Last active February 20, 2020 11:17
Applying the Google Maps UI as an image viewer interface
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Ground Overlays</title>
<style>
html,body {height:100%;margin:0;padding:0;}
#map {height:100%;}
@jasonclark
jasonclark / booklist.js
Last active May 4, 2020 00:11
booklist javascript (jQuery) - calling google spreadsheet api, parsing response
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//source Google Sheets file is https://docs.google.com/spreadsheets/d/1rX4_fInsYS7vOGpnXm1UklZgvU27FXl3UYu9lx9RHHU/
$(function listBooks() {
$.getJSON( "https://spreadsheets.google.com/feeds/list/1rX4_fInsYS7vOGpnXm1UklZgvU27FXl3UYu9lx9RHHU/1/public/full?alt=json",
function (data) {
$('div#book-list').append('<ul class="items"></ul>');
$.each(data.feed.entry, function(i,entry) {
var item = '<span style="display:none">' + entry.id.$t + '</span>';
@jasonclark
jasonclark / msu-program-schema-json-ld
Last active December 6, 2022 20:57
montana.edu/academics create json-ld to define programs generically Action: Ready to share with Brooke and Philip on December 6 https://schema.org/CollegeOrUniversity https://schema.org/EducationalOccupationalProgram https://schema.org/educationalCredentialAwarded https://schema.org/Course https://schema.org/hasCourseInstance
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "EducationalOccupationalProgram",
"name": "Undergraduate Accounting degree from Montana State University",
"description": "Accounting – B.S. in Business, Accounting EmphasisAccounting is designed to help students develop the necessary technical expertise and broad-based business knowledge required for long-term success in careers such as auditing, assurance, tax consulting, corporate or non-profit accounting and finance, financial analysis, venture capital and financial planning."
"url": "https://www.montana.edu/academics/accounting/",
"provider": {
"@type": "CollegeOrUniversity",
"name": "Montana State University",