Skip to content

Instantly share code, notes, and snippets.

View rsgranne's full-sized avatar

Scott Granneman rsgranne

45 followers · 8 following
View GitHub Profile
@rsgranne
rsgranne / bootstrap-3-cdn.html
Last active December 5, 2018 01:15
Bootstrap 3 CDN template for Web dev courses
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Untitled</title>
@rsgranne
rsgranne / html5.html
Last active December 26, 2024 22:05
HTML5 template for Web dev courses
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<title>Untitled</title>
<link rel="stylesheet" href="/css/main.css">
@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";