Description: Setup GitHub Pages "gh-pages" branch and "master" branch as subfolders of a parent project folder ("grandmaster").
Author: Chris Jacob @_chrisjacob
Tutorial (Gist): https://gist.github.com/833223
chrisflicker chrisflicker
chrisjacob
/ README.md
Created
February 18, 2011 03:44
Setup GitHub Pages "gh-pages" branch and "master" branch as subfolders of a parent project folder ("grandmaster").
Adding Open Graph metadata to Blogger is easy.
Simply copy the code below and paste it into your template after the <header> tag.
A couple notes:
og:localeShould probably actually reflect the blog's locale instead of just being a hardcoded string. Unfortunately, Blogger only gives usen-uswith a hyphen, instead of an underscore, so that won't work.- If you're using your blog as a personal profile, you may consider changing the second
og:typefromwebsitetoprofileand adding your personal information og:imageIs only supplied if Blogger finds an image in the current post. However, not supplyingog:imageis invalid. You could provide an alternate image of your blog logo, or a Gravatar.- If you do something cool with this, I'd love to hear about it. pathawks@shortmail.com
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]--> | |
| <!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]--> | |
| <!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]--> | |
| <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <meta name='description' content='{MetaDescription}'> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /* | |
| ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: | |
| :: Formerly known as::: | |
| :: GIFEncoder Version 2.0 by László Zsidi, http://gifs.hu | |
| :: | |
| :: This class is a rewritten 'GifMerge.class.php' version. | |
| :: | |
| :: Modification: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <iframe id="appLoader" style="display:none;"></iframe> | |
| <script> | |
| var flipboardURL = 'flipboard://showSection/flipboard%2Fsingleurl%252Fhttp%253A%252F%252Fwww.wired.com%252Fmagazine%252F2013%252F04%252Ffacebookqa?resetStack=true&referrer=facebook&createDevice=api&canAddToFlipboard=false&createAction=shareWithComment&showPreselectedItem=true'; | |
| var appStoreURL = "http://ax.itunes.apple.com/us/app/flipboard/id358801284?mt=8"; | |
| var googlePlayURL = "https://play.google.com/store/apps/details?id=flipboard.app&feature=nav_result#?t=W251bGwsMSwyLDNd"; | |
| // try and launch Flipboard with the add section url | |
| if(navigator.userAgent.match(/android/i) != null){ | |
| document.getElementById("appLoader").setAttribute("src", flipboardURL); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 1. Make sure you have nginx sub module compiled in | |
| # nginx -V 2>&1 | grep --color=always '\-\-with\-http_sub_module' | |
| # 2. add two directives below at HTTP level | |
| # nginx.conf | |
| http { | |
| # ...... | |
| sub_filter '</head>' '<style type="text/css">html{ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ |
tinabeans
/ template.html
Last active
May 10, 2025 11:01
A super-barebones single-column responsive email template, assuming a max-width of 540px. Read about it on the Fog Creek blog.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>Single-Column Responsive Email Template</title> | |
| <style> | |
| @media only screen and (min-device-width: 541px) { | |
| .content { |