Skip to content

Instantly share code, notes, and snippets.

Avatar

Scott Granneman rsgranne

  • WebSanity
  • St. Louis, MO
View GitHub Profile
View HTML5 Template
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
@rsgranne
rsgranne / index.html
Created Oct 26, 2017
HTML for Colostomo font embedding assignment
View index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Colostomo Inc.</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<header>
@rsgranne
rsgranne / index.html
Created Oct 27, 2017
Font Embedding — Colostomo HTML
View index.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
Last active Oct 28, 2017
HTML used for the CSS Cascade assignment
View index.html
<!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
Last active Nov 28, 2017
Layout Methods home page
View index.html
<h2>HTML <code>&lt;table&gt;</code></h2>
<p>
No CSS. All layout done with HTML only. Wide usage of 1×1 pixel GIFs for “border” &amp; spacing. Lots of extra HTML &amp; presentational markup in HTML. Can’t use HTML5 DTD, because it doesn’t allow attributes you need for using tables for layout.
</p>
<p>
Crude &amp; very limited. Can’t set border on certain cells, or certain sides of cells, only for table as a whole. Cellpadding affects all cells equally.
</p>
View soup.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Soup</title>
<link rel="stylesheet" href="/css/main-00.css">
</head>
<body>
@rsgranne
rsgranne / git-instructions.md
Last active Mar 30, 2018
Git instructions for students in Webster University’s Cascading Style Sheets course
View git-instructions.md
  • IMPORTANT
    • Type EXACTLY what I type! (The James Taylor Rule)
    • If you are confused, let me know ASAP
  • Intro
    • VCS
      • Version Control System (VCS) manages changes to your files
      • Tracks every change to a project’s code & who made the changes
    • History of Revision Control
      • Copy project & give it a new name: v1, v2, v3
  • Mis-label? Overwrite files? What’s changed? When? By whom?
@rsgranne
rsgranne / lovecraftbook-users.html
Created Apr 10, 2018
Descriptions of the 3 Lovecraftbook users
View lovecraftbook-users.html
Cthulhu is currently sleeping under the sea at R'yleh.
Azathoth, the boundless daemon sultan whose name no lips dare speak aloud, &amp; who gnaws hungrily in inconceivable, unlighted chambers beyond time &amp; space.
Abdul Alhazred, the “Mad Arab” who wrote the <i>Kitab al-Azif</i> (the <i>Necronomicon</i>). Devoured by an invisible beast in broad daylight in a public marketplace.
@rsgranne
rsgranne / lovecraftbook-thread.html
Created Apr 10, 2018
Conversation between 3 Lovecraftbook users
View lovecraftbook-thread.html
<b>Cthulhu</b> Guys, I’m hungry. Anyone wanna go get somebody to eat?
<b>Azathoth</b> People again? You eat one, you’re hungry again an hour later.
How about a village? A village would be great!
<b>Abdul Alhazred</b> Pretty rude, Azzhole. Speaking as one who’s been eaten, not cool.
<b>Azathoth</b> Mouth at me again, dude, &amp; I’m gonna arrange for you to be eaten again. And again. And again.
@rsgranne
rsgranne / nav-click.htm
Last active May 1, 2018
Nav that must be clicked to activate
View nav-click.htm
<nav class="container navbar navbar-default">
<!-- Non-collapsing part of nav -->
<div class="navbar-header">
<!-- Button that toggles collapsing part of nav bar -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#site-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>