Skip to content

Instantly share code, notes, and snippets.

View rsgranne's full-sized avatar

Scott Granneman rsgranne

View GitHub Profile
@rsgranne
rsgranne / index.html
Last active October 28, 2017 17:02
HTML used for the CSS Cascade assignment
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Colors :: Home</title>
<style>
article {
background-color: pink;
font-family: Georgia, serif;
}
@rsgranne
rsgranne / index.html
Created October 27, 2017 14:13
Font Embedding — Colostomo HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Colostomo Inc.</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
@rsgranne
rsgranne / index.html
Created October 26, 2017 13:39
HTML for Colostomo font embedding assignment
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Colostomo Inc.</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<header>
// Place your settings in this file to overwrite the default settings
{
"breadcrumbs.enabled": true,
"editor.acceptSuggestionOnEnter": "on",
"editor.detectIndentation": false,
"editor.fontFamily": "'Source Code Pro', Menlo, Consolas, Courier, monospace",
"editor.fontSize": 11,
"editor.formatOnSave": true,
"editor.multiCursorModifier": "ctrlCmd",
"editor.quickSuggestions": {
{
/*
// Place your snippets for HTML here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// ${1}, ${2} for tab stops, ${0} for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
{
"html": {
"filters": "html, e",
"abbreviations": {},
"snippets": {
"!": "!!!+html>(head>meta[charset=UTF-8]+title+link[rel=stylesheet href=/css/${1:main}.css])+body",
"boot3": "!!!+html>(head>meta[charset=UTF-8]+meta[http-equiv=X-UA-Compatible content=${bootstrap-ie-meta}]+meta[name=viewport content=${bootstrap-vp-meta}]+{\n}+title+{\n}+link[rel=stylesheet href=/css/${1:bootstrap}.css]+link[rel=stylesheet href=/css/${1:main}.css])+(body>h1+{\n}+{\n}+script[src=${jquery-cdn}]+script[src=/js/bootstrap.min.js])",
"boot3cdn": "!!!+html>(head>meta[charset=UTF-8]+meta[http-equiv=X-UA-Compatible content=${bootstrap-ie-meta}]+meta[name=viewport content=${bootstrap-vp-meta}]+{\n}+title+{\n}+link[rel=stylesheet href=${bootstrap-css-cdn} integrity=${bootstrap-css-cdn-integrity} crossorigin=anonymous]+link[rel=stylesheet href=/css/${1:main}.css])+(body>h1+{\n}+{\n}+script[src=${jquery-cdn}]+script[src=${bootstrap-js-cdn} integrity=${boostrap-js-cdn-integri
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
html {
font-size: 16px;
}
body {
padding: 1em;
font-family: "Georgia Pro", Georgia, serif;
line-height: 1.3;
}
<h1>The Dunwich Horror <small>H.P. Lovecraft</small></h1>
<blockquote>
<p>
“Gorgons, and Hydras, and Chimaeras—dire stories of Celaeno and the Harpies—may reproduce themselves in the brain of superstition—but they were there before. They are transcripts, types—the archetypes are in us, and eternal. How else should the recital of that which we know in a waking sense to be false come to affect us at all? Is it that we naturally conceive terror from such objects, considered in their capacity of being able to inflict upon us bodily injury? O, least of all! These terrors are of older standing. They date beyond body—or without the body, they would have been the same. . . . That the kind of fear here treated is purely spiritual—that it is strong in proportion as it is objectless on earth, that it predominates in the period of our sinless infancy—are difficulties the solution of which might afford some probable insight into our ante-mundane condition, and a peep at least into the shadowland of pre-existence.”
<h1>The Call of Cthulhu <small>H.P. Lovecraft</small></h1>
<blockquote>
<p>
(Found Among the Papers of the Late Francis Wayland Thurston, of Boston)
</p>
<p>
“Of such great powers or beings there may be conceivably a survival … a survival of a hugely remote period when … consciousness was manifested, perhaps, in shapes and forms long since withdrawn before the tide of advancing humanity … forms of which poetry and legend alone have caught a flying memory and called them gods, monsters, mythical beings of all sorts and kinds…” —Algernon Blackwood.
</p>
</blockquote>