Event Name:
Location:
Date:
Talk topic:
Event Name:
Location:
Date:
Talk topic:
| <!doctype html> | |
| <html> | |
| <head> | |
| <!-- Run in full-screen mode. --> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <!-- Make the status bar black with white text. --> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> |
| ... | |
| // test for font-face version to load via Data URI'd CSS | |
| // Basically, load WOFF unless it's android's default browser, which needs TTF, or ie8-, which needs eot | |
| var fonts = ns.files.css.fontsWOFF, | |
| ua = win.navigator.userAgent; | |
| // android webkit browser, non-chrome | |
| if( ua.indexOf( "Android" ) > -1 && ua.indexOf( "like Gecko" ) > -1 && ua.indexOf( "Chrome" ) === -1 ){ | |
| fonts = ns.files.css.fontsTTF; | |
| } |
| /* | |
| This small hack loads fonts from the Typekit webfontloader (https://github.com/typekit/webfontloader) | |
| contextually, effectively "patching" in a new font if a media query is fired. | |
| You need to have 2 seperate kits on Typekit, one for your main fonts, and another for the fonts you want | |
| when the media query is fired. | |
| Improvements or suggestions welcome! |
| { | |
| "files": | |
| { | |
| "jquery" : "http://code.jquery.com/jquery.js", | |
| "jquery.min" : "http://code.jquery.com/jquery.min.js", | |
| "jquery-cookie" : "https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js", | |
| "jquery-dotimeout" : "https://raw.github.com/cowboy/jquery-dotimeout/master/jquery.ba-dotimeout.min.js", | |
| "jquery-extra-selectors" : "https://raw.github.com/keithclark/JQuery-Extended-Selectors/master/jquery-extra-selectors.js", | |
| "jquery-flexslider" : "https://raw.github.com/mbmufffin/FlexSlider/master/jquery.flexslider-min.js", | |
| "jquery-mediaelement" : "https://raw.github.com/johndyer/mediaelement/master/build/mediaelement-and-player.js", |
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta content="yes" name="apple-mobile-web-app-capable"> | |
| <title></title> | |
| <!-- iPhone --> | |
| <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png" |
| // This is a peek behind the curtain at @zaarly's epic-fantasy-heavy-metal-themed internal styleguide, better known as Hammer. | |
| // | |
| // With this, you can add the .fancy class to a symbolset span inside of a heading tag to add a nice circular background. | |
| // Some adjustments to the positioning of a particular glyph may be necessary. | |
| // Each :before is set to postion: relative, so fine-tuning a .fancy glyph is simple, and won't affect the position of the circle. | |
| // | |
| // Example markup (in HAML): | |
| // %h1 | |
| // %span.ss-check.fancy | |
| // Cool Guy Settings™ saved! |
| @mixin font-size( $decimal-size, $keyword: null ) { | |
| @if $keyword{ font-size: $keyword; } | |
| @else { font-size: $decimal-size * $base-font-multiplier * 16px;} | |
| font-size: $decimal-size * 1rem; | |
| } |
| <h1>typography</h1> |
| --- | |
| layout: nil | |
| --- | |
| <?xml version="1.0" encoding="utf-8"?> | |
| <feed xmlns="http://www.w3.org/2005/Atom"> | |
| <title type="text" xml:lang="en">{{ site.root_desc }}</title> | |
| <link type="application/atom+xml" href="http://paulstamatiou.com/feed/" rel="self"/> | |
| <link type="text" href="http://paulstamatiou.com" rel="alternate"/> | |
| <updated>{{ site.time | date_to_xmlschema }}</updated> |