Skip to content

Instantly share code, notes, and snippets.

Avatar

Scott Granneman rsgranne

  • WebSanity
  • St. Louis, MO
View GitHub Profile
@rsgranne
rsgranne / bootstrap-4-nav-click-to-activate.html
Last active Dec 3, 2018
Bootstrap 4 nav that shows dropdowns on click
View bootstrap-4-nav-click-to-activate.html
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
@rsgranne
rsgranne / bootstrap-4-cdn.html
Last active Jan 31, 2019
Bootstrap 4 CDN template for Web dev courses
View bootstrap-4-cdn.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Untitled</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
@rsgranne
rsgranne / bootstrap-3-cdn.html
Last active Dec 5, 2018
Bootstrap 3 CDN template for Web dev courses
View bootstrap-3-cdn.html
<!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 Oct 31, 2018
HTML5 template for Web dev courses
View html5.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
View media-rules-bootstrap-3.css
@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 Jul 13, 2018
HTML code for oasis-star-wars-bootstrap
View oasis-star-wars-bootstrap.html
<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 Jul 5, 2018
Used with oasis-star-wars-bootstrap
View main.js
$(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 Jun 15, 2018
Location of Templates for VSCode
View templates-path.txt
# 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 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 / 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.