Skip to content

Instantly share code, notes, and snippets.

View bbbrrriiiaaannn's full-sized avatar

Brian S bbbrrriiiaaannn

View GitHub Profile
@bbbrrriiiaaannn
bbbrrriiiaaannn / apollo-11.html
Created July 20, 2017 17:11
iframe-based Kottke Apollo 11 Live TV Coverage
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
Hello! So here's how this page works...basically it's like a circa-1969 TV. When loaded, it displays a title card (apollo-tv-title-card.jpg) that says when the coverage starts. Then when the time is "July 20, {current year} 16:10:30 PM EDT", the first video (from "videoIds") starts playing. That video ends and the title card is displayed again. When the time is "July 20, {current year} 22:51:27 PM EDT", the second video starts and then the six remaining videos are shown right after that in succession. If the page is loaded at any point during the broadcast, the proper video will start playing at the proper time (just like you've turned on the TV for a live event). At the end, the title card will be displayed again.
@bbbrrriiiaaannn
bbbrrriiiaaannn / reviewed restaurants.md
Last active June 4, 2017 21:21
Check Please Bay Area possibilities

Restaurants in SF already reviewed

  • 1300 on Fillmore
  • 1601 Bar & Kitchen
  • 20 Spot
  • Absinthe
  • Acquerello
  • Alamo Square Seafood Grill
  • Alegrias
  • Alfred’s Steakhouse
  • Alhamra Indian and Pakistani Restaurant
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input-HTML.html
Created September 21, 2015 21:30
Generated by SassMeister.com.
<br><br><br><br>
<div class="wrapper">
<div class="scroll">
1<br>2<br>3<br>4<br>5<br>
</div>
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.scroller {
position: relative;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
div {
margin-top: 40px;
}
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input-HTML.html
Created June 16, 2014 21:38
Generated by SassMeister.com.
<input placeholder="placeheld" />
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input-HTML.html
Created June 16, 2014 21:36
Generated by SassMeister.com.
<input placeholder="placeheld" />
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input.sass
Created May 13, 2014 15:08
Generated by SassMeister.com.
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$hiDpiSuffix: '-2x' !default
=hidpi($backgroundImageUri, $backgroundProps)
$hiDpiBackgroundImageUri: str-insert($backgroundImageUri, $hiDpiSuffix, str-index($backgroundImageUri,'.'))
background: $backgroundProps
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input.sass
Created April 18, 2014 22:15
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
$shopListCellWidth: 220px
$shopListCellMargin: 30px
@mixin browserLacks($prop)
.wsi-no-#{$prop} &
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
fill: #bbb;
}
.node:hover {