Skip to content

Instantly share code, notes, and snippets.

Avatar

Brian S bbbrrriiiaaannn

View GitHub Profile
@bbbrrriiiaaannn
bbbrrriiiaaannn / apollo-11.html
Created Jul 20, 2017
iframe-based Kottke Apollo 11 Live TV Coverage
View apollo-11.html
<!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 Jun 4, 2017
Check Please Bay Area possibilities
View reviewed restaurants.md

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
View SassMeister-input-HTML.html
<br><br><br><br>
<div class="wrapper">
<div class="scroll">
1<br>2<br>3<br>4<br>5<br>
</div>
</div>
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.scroller {
position: relative;
}
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
div {
margin-top: 40px;
}
View SassMeister-input-HTML.html
<input placeholder="placeheld" />
View SassMeister-input-HTML.html
<input placeholder="placeheld" />
@bbbrrriiiaaannn
bbbrrriiiaaannn / SassMeister-input.sass
Created May 13, 2014
Generated by SassMeister.com.
View SassMeister-input.sass
// ----
// 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 Apr 18, 2014
Generated by SassMeister.com.
View SassMeister-input.sass
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
$shopListCellWidth: 220px
$shopListCellMargin: 30px
@mixin browserLacks($prop)
.wsi-no-#{$prop} &
View index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
fill: #bbb;
}
.node:hover {