Skip to content

Instantly share code, notes, and snippets.

View rsgranne's full-sized avatar

Scott Granneman rsgranne

36 followers · 7 following
View GitHub Profile
@rsgranne
rsgranne / media-rules-bootstrap-3.css
Created July 26, 2018 21:57
@media rules for Bootstrap 3
@media (min-width: 1200px) {
/* Bootstrap 3 LG Breakpoint only */
}
@media (min-width: 992px) and (max-width: 1199px) {
/* Bootstrap 3 MD Breakpoint ONLY */
}
@rsgranne
rsgranne / oasis-star-wars-bootstrap.html
Last active July 13, 2018 01:28
HTML code for oasis-star-wars-bootstrap
<div class="row">
<div class="col-xs-12">
<div>
<h2 class="h3">Beru Lars</h2>
<p>
<img src="images/beru.jpg" width="95%" title="Aunt Beru Lars" alt="Aunt Beru Lars">
</p>
<table>
<tr>
<th>
@rsgranne
rsgranne / main.js
Created July 5, 2018 23:04
Used with oasis-star-wars-bootstrap
$(document).ready(
function() {
var switcherFunc = function() {
$('> .btn', this.parentNode).addClass('btn-default').removeClass('btn-primary');
$(this).addClass('btn-primary');
};
$('.sex .btn').on('click', switcherFunc);
$('.race .btn').on('click', switcherFunc);
$('.stats .btn').on('click', switcherFunc);
@rsgranne
rsgranne / templates-path.txt
Created June 15, 2018 00:52
Location of Templates for VSCode
# Mac
"fileTemplates.templates_dir": "/Users/YOUR-USER-NAME/Documents/Web Dev Projects/+Templates"
# Windows
"fileTemplates.templates_dir": "C:\Users\YOUR-USER-NAME\Documents\Web Dev Projects\+Templates"
@rsgranne
rsgranne / lovecraftbook-thread.html
Created April 10, 2018 13:56
Conversation between 3 Lovecraftbook users
<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 / lovecraftbook-users.html
Created April 10, 2018 13:51
Descriptions of the 3 Lovecraftbook users
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 / git-instructions.md
Last active March 30, 2018 15:54
Git instructions for students in Webster University’s Cascading Style Sheets course
  • 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 / system-fonts.css
Last active March 24, 2022 17:40
For Bootstrap or SCSS:
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
Not using Bootstrap:
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@rsgranne
rsgranne / soup.html
Created February 20, 2018 16:17
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 / index.html
Last active November 28, 2017 05:06
Layout Methods home page
<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>