Browse files

designy bits

  • Loading branch information...
1 parent e148c50 commit e89d3b738650d3d545986d494ee1780d099041c6 @veganstraightedge committed Dec 20, 2010
View
1 _config.yml
@@ -1,3 +1,4 @@
pygments: true
permalink: /:year/:month/:title
title: No More Sharecropping!
+subtitle: Own your data. Snowflake distribute. Beholden to no one.
View
6 _includes/post.html
@@ -9,9 +9,9 @@
</hgroup>
</a>
- <h3>
- Written <i>by</i> <a href="mailto:{{ page.email }}" rel="email">{{ page.author }}</a>
- <i>on</i> <time pubdate datetime="{{ page.date | date: '%Y-%m-%d' }}">{{ page.date | date_to_string }}</time>
+ <h3 class="vcard">
+ Published <i>by</i> <a href="mailto:{{ page.email }}" rel="email">{{ page.author }}</a>
+ <i>on</i> <time pubdate datetime="{{ page.date | date: '%Y-%m-%d' }}">{{ page.date | date: '%B %d, %Y' }}</time>
</h3>
</header>
View
8 _layouts/default.html
@@ -8,18 +8,22 @@
{{ site.title }} : {{ page.title }}
{% endif %}
</title>
+
<meta charset="utf-8" />
<meta name="author" content="Shane Becker" />
- <link href="/feed" rel="alternate" title="No More Sharecropping" type="application/atom+xml" />
+ <link href="/feed" rel="alternate" title="No More Sharecropping" type="application/atom+xml" />
<link rel="home" href="/" />
+
+ <!--[if lt IE 9]> <script src="/javascripts/html5.js"></script> <![endif]-->
<link rel="stylesheet" href="/stylesheets/syntax.css" />
- <link rel="stylesheet" href="/stylesheet/application.css" />
+ <link rel="stylesheet" href="/stylesheets/application.css" />
</head>
<body>
<header role="banner">
<h1>{{ site.title }}</h1>
+ <h2>{{ site.subtitle }}</h2>
</header>
{{ content }}
View
6 _layouts/post.html
@@ -12,9 +12,9 @@
</hgroup>
</a>
- <h3>
- Written <i>by</i> <a href="mailto:{{ page.email }}" rel="email">{{ page.author }}</a>
- <i>on</i> <time pubdate datetime="{{ page.date | date: '%Y-%m-%d' }}">{{ page.date | date_to_string }}</time>
+ <h3 class="vcard">
+ Published <i>by</i> <a href="mailto:{{ page.email }}" rel="email">{{ page.author }}</a>
+ <i>on</i> <time pubdate datetime="{{ page.date | date: '%Y-%m-%d' }}">{{ page.date | date: '%B %d, %Y' }}</time>
</h3>
</header>
View
3 _posts/2010-12-20-no-more-sharecropping.md
@@ -1,6 +1,7 @@
---
layout: post
title: No More Sharecropping!
+subtitle: ¡Ya Basta!
canonical: http://sbb.me/n48f1
author: Shane Becker
email: veganstraightedge@gmail.com
@@ -83,4 +84,4 @@ Instead of [sharecroppers](http://en.wikipedia.org/wiki/Sharecropping), we must
There's surely stuff that I've thought about but am not thinking of right now. I'll write more as it comes to me. It's also worth noting that while I had a lot of these thoughts independent of talking with others, it turns out that more people are thinking roughly the same stuff. Discussions with [Tantek](http://tantek.com) really helped my thoughts coalesce, especially the [personal url shortener work](http://tantek.pbworks.com/w/page/21743973/Whistle) that he's done. He's using [ttk.me](http://ttk.me) with a one letter namespace, 3 character base60 number of days since epoch and one digit nth item of that type on that day. I am too. I jacked that all from him and ported his [JavaScript / PHP](http://tantek.pbworks.com/w/page/19402946/NewBase60#runsinbothPHPandjavascript) version to [Ruby](https://github.com/veganstraightedge/new_base_60). Thanks, Tantek. I've also talked a fair bit with [Brian Ford](http://twitter.com/brixen) and [Rich Kilmer](http://twitter.com/rich_kilmer) about all this stuff. Both had the idea of bundling the software package up into a VM instance that one could just throw at some server and hit the ground running. I hadn't thought of that before. Thanks for that, you two.
-Let's get together and make this thing. Ruby folks, there will be a birds-of-feather to discuss ideas. Get into it.
+Let's get together and make this thing.
View
6 javascripts/html5shiv.js
@@ -0,0 +1,6 @@
+// html5shiv MIT @rem remysharp.com/html5-enabling-script
+// iepp v1.6.2 MIT @jon_neal iecss.com/print-protector
+/*@cc_on(function(m,c){var z="abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video";function n(d){for(var a=-1;++a<o;)d.createElement(i[a])}function p(d,a){for(var e=-1,b=d.length,j,q=[];++e<b;){j=d[e];if((a=j.media||a)!="screen")q.push(p(j.imports,a),j.cssText)}return q.join("")}var g=c.createElement("div");g.innerHTML="<z>i</z>";if(g.childNodes.length!==1){var i=z.split("|"),o=i.length,s=RegExp("(^|\\s)("+z+")",
+"gi"),t=RegExp("<(/*)("+z+")","gi"),u=RegExp("(^|[^\\n]*?\\s)("+z+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),r=c.createDocumentFragment(),k=c.documentElement;g=k.firstChild;var h=c.createElement("body"),l=c.createElement("style"),f;n(c);n(r);g.insertBefore(l,
+g.firstChild);l.media="print";m.attachEvent("onbeforeprint",function(){var d=-1,a=p(c.styleSheets,"all"),e=[],b;for(f=f||c.body;(b=u.exec(a))!=null;)e.push((b[1]+b[2]+b[3]).replace(s,"$1.iepp_$2")+b[4]);for(l.styleSheet.cssText=e.join("\n");++d<o;){a=c.getElementsByTagName(i[d]);e=a.length;for(b=-1;++b<e;)if(a[b].className.indexOf("iepp_")<0)a[b].className+=" iepp_"+i[d]}r.appendChild(f);k.appendChild(h);h.className=f.className;h.innerHTML=f.innerHTML.replace(t,"<$1font")});m.attachEvent("onafterprint",
+function(){h.innerHTML="";k.removeChild(h);k.appendChild(f);l.styleSheet.cssText=""})}})(this,document);@*/
View
175 stylesheets/application.css
@@ -0,0 +1,175 @@
+/* fonts... */
+@font-face {
+ font-family: '';
+ src: url('/fonts/.eot');
+ src: local(''), url('/fonts/.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+/* ...fonts */
+
+/* macro... */
+body {
+ background: white;
+ color: #333;
+ font: normal 16px/22px Helvetica, Arial, Verdana, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ text-decoration: none;
+ border-bottom: 1px solid #333;
+ color: #333;
+}
+
+a:hover,
+a:active {
+ color: white;
+ background: black;
+}
+
+img,
+object,
+embed {
+ max-width: 100%;
+}
+
+::selection { color: white; background: black; }
+::-moz-selection { color: white; background: black; }
+img::selection { background: transparent; }
+img::-moz-selection { background: transparent; }
+
+abbr {
+ cursor: help;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: .5em 0;
+}
+
+article > header hgroup { padding: 0 50px; }
+article > header .vcard { padding: 0 50px; }
+article > section { padding: 0 50px; max-width: 700px; }
+article > footer { padding: .5em 50px; }
+/* ...macro */
+
+
+
+
+/* header... */
+header[role="banner"] {
+ background: black;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(black));
+ background: -moz-linear-gradient(center bottom, #333 0%, black 100%);
+ padding: 50px;
+ color: white;
+}
+
+header[role="banner"] h1 {
+ font-size: 500%;
+ line-height: .8em;
+ margin: 0;
+ padding: 0;
+}
+
+header[role="banner"] h2 {
+ line-height: .8em;
+ font-weight: normal;
+ font-family: times, serif;
+ color: #eee;
+ margin: 0;
+ margin-top: .75em;
+}
+/* ...header */
+
+/* feed... */
+.hfeed,
+.hfeed li {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+/* ...feed */
+
+/* article... */
+article {
+ margin-bottom: 3em;
+}
+
+/* header... */
+article header hgroup {
+ display: block;
+ background: #666;
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
+ background: -moz-linear-gradient(center bottom, #999 0%, #666 100%);
+ border-top: 1px solid #999;
+ border-bottom: 1px solid #333;
+ padding-top: 1em;
+ padding-bottom: 1em;
+}
+
+header > a[rel="bookmark"],
+header > a[rel="bookmark"]:visited {
+ text-decoration: none;
+ border: none;
+ color: white;
+}
+
+article header h1,
+article header h2 {
+ font-family: Helvetica;
+ font-size: 300%;
+ letter-spacing: -.04em;
+ line-height: 1em;
+ margin: 0;
+ padding: 0;
+ text-shadow: 0px -1px 0px #333;
+}
+
+article header h2 {
+ font-size: 100%;
+ font-weight: normal;
+}
+
+article header .vcard {
+ margin: .75em 0 .5em 0;
+ font-weight: normal;
+ font-family: georgia, times, serif;
+ font-size: 80%;
+ color: #999;
+}
+
+article header .vcard a {
+ color: #999;
+ border-bottom-color: #999;
+}
+/* ...header */
+
+/* content... */
+.entry-content p {
+ margin: .5em 0;
+}
+
+.entry-content ul li {
+ list-style-type: disc;
+}
+
+.entry-content ol li {
+ list-style-type: decimal;
+}
+/* ...content */
+
+/* footer... */
+footer {
+ margin-top: 2em;
+ background: #eee;
+ font-size: 12px;
+}
+/* ...footer */
+/* ...article */
View
4 stylesheets/mobile.css
@@ -0,0 +1,4 @@
+@media only screen and (max-device-width: 480px) {
+ html {-webkit-text-size-adjust: none}
+ a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}
+}
View
102 stylesheets/reset.css
@@ -0,0 +1,102 @@
+/*
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com
+Twitter: @rich_clark
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin:0;
+ padding:0;
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+}
+
+body {
+ line-height:1;
+}
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section {
+ display:block;
+}
+
+nav ul {
+ list-style:none;
+}
+
+blockquote, q {
+ quotes:none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content:'';
+ content:none;
+}
+
+a {
+ margin:0;
+ padding:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+}
+
+/* change colours to suit your needs */
+ins {
+ background-color:#ff9;
+ color:#000;
+ text-decoration:none;
+}
+
+/* change colours to suit your needs */
+mark {
+ background-color:#ff9;
+ color:#000;
+ font-style:italic;
+ font-weight:bold;
+}
+
+del {
+ text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+ border-bottom:1px dotted;
+ cursor:help;
+}
+
+table {
+ border-collapse:collapse;
+ border-spacing:0;
+}
+
+/* change border colour to suit your needs */
+hr {
+ display:block;
+ height:1px;
+ border:0;
+ border-top:1px solid #cccccc;
+ margin:1em 0;
+ padding:0;
+}
+
+input, select {
+ vertical-align:middle;
+}

0 comments on commit e89d3b7

Please sign in to comment.