Commit 665864868fef62902fed36b2509c6a7621d27647
add initial styles, add link to plank piece, plankify
Gwen committed on 1/14/2017, 9:43:47 PMParent: 1ae215405f9d675f955ffa9f5e53bab740908cad
Files changed
| index.js | changed |
| readme.md | changed |
| dotheplank.css | added |
| index.js | ||
|---|---|---|
| @@ -23,9 +23,9 @@ | ||
| 23 | 23 … | h('style', fs.readFileSync('dotheplank.css', 'utf8')) |
| 24 | 24 … | ), |
| 25 | 25 … | h('body', |
| 26 | 26 … | h('div.sidebar', |
| 27 | - h('h1', 'Gwen Bell'), | |
| 27 … | + h('h1', 'Plank'), | |
| 28 | 28 … | h('p', 'Plank: Log it before it disappears forever.'), |
| 29 | 29 … | h('div.posts', {innerHTML: cash}) |
| 30 | 30 … | ), |
| 31 | 31 … | h('div.frame', |
| readme.md | ||
|---|---|---|
| @@ -2,7 +2,7 @@ | ||
| 2 | 2 … | title: Readme |
| 3 | 3 … | date: 2017-01-13 |
| 4 | 4 … | --- |
| 5 | 5 … | |
| 6 | -Mentioned I can open source Plank. Got a [hearty yah](%P/oDqmvJfx1WD+YCVmCi7HgehvOJC3SD+H4NwhLJzm0=.sha256) so here we are. It ain't pretty, but it's not s'posed to be. This is v1.0.0, use as you want, don't expect too much. But imagine if one day you could display <a href="http://gwenbell.com/your-own-social/">your own social on your own site</a>. | |
| 6 … | +Mentioned I can open source <a href="http://www.gwenbell.com/plank/">Plank</a>. Got a [hearty yah](%P/oDqmvJfx1WD+YCVmCi7HgehvOJC3SD+H4NwhLJzm0=.sha256) so here we are. It ain't pretty, but it's not s'posed to be. This is v1.0.0, use as you want, don't expect too much. But imagine if one day you could display <a href="http://gwenbell.com/your-own-social/">your own social on your own site</a>. | |
| 7 | 7 … | |
| 8 | -This is the genesis of Plank. | |
| 8 … | +This is the genesis of Plank. | |
| dotheplank.css | |||
|---|---|---|---|
| @@ -1,0 +1,79 @@ | |||
| 1 … | +/*do the css*/ | ||
| 2 … | + | ||
| 3 … | +/* fonts */ | ||
| 4 … | + | ||
| 5 … | +@font-face { | ||
| 6 … | + | ||
| 7 … | + font-family: "Open Sans"; | ||
| 8 … | + src: url("http://gwenbell.com/fonts/opensans-light-webfont.ttf"); | ||
| 9 … | + font-weight: 300; | ||
| 10 … | +} | ||
| 11 … | + | ||
| 12 … | +@font-face { | ||
| 13 … | + font-family: "Open Sans"; | ||
| 14 … | + src: url("http://gwenbell.com/fonts/opensans-italic-webfont.ttf"); | ||
| 15 … | + font-weight: 400; | ||
| 16 … | +} | ||
| 17 … | + | ||
| 18 … | +@font-face { | ||
| 19 … | + font-family: "Open Sans"; | ||
| 20 … | + src: url("http://gwenbell.com/fonts/opensans-regular-webfont.ttf"); | ||
| 21 … | + font-weight: 400; | ||
| 22 … | +} | ||
| 23 … | + | ||
| 24 … | +@font-face { | ||
| 25 … | + font-family: "Open Sans"; | ||
| 26 … | + src: url("http://gwenbell.com/fonts/opensans-bold-webfont.ttf"); | ||
| 27 … | + font-weight: 600; | ||
| 28 … | +} | ||
| 29 … | + | ||
| 30 … | +p { | ||
| 31 … | + font-family: 'Open Sans', arial, sans-serif; | ||
| 32 … | + color: #515151; | ||
| 33 … | + font-weight: 300; | ||
| 34 … | +} | ||
| 35 … | + | ||
| 36 … | +h1, h2, h3 { | ||
| 37 … | + font-family: 'Open Sans', arial, sans-serif; | ||
| 38 … | + color: #515151; | ||
| 39 … | + font-weight: 400; | ||
| 40 … | +} | ||
| 41 … | +/*body*/ | ||
| 42 … | + | ||
| 43 … | +.comments { | ||
| 44 … | + | ||
| 45 … | + border-bottom: 1px solid #ddd; | ||
| 46 … | + border-top: 1px solid #ddd; | ||
| 47 … | + border-right: 1px solid #ddd; | ||
| 48 … | + border-left: 1px solid #ddd; | ||
| 49 … | + background: #fff; | ||
| 50 … | + font-size: .8em; | ||
| 51 … | + line-height: 1.2em; | ||
| 52 … | + margin-bottom: .3em; | ||
| 53 … | + margin-top: .3em; | ||
| 54 … | + padding-top: .6em; | ||
| 55 … | + padding-right: .6em; | ||
| 56 … | + padding-left: .6em; | ||
| 57 … | +} | ||
| 58 … | + | ||
| 59 … | +/*position */ | ||
| 60 … | + | ||
| 61 … | +.sidebar { | ||
| 62 … | + position: fixed; | ||
| 63 … | + width: 25%; | ||
| 64 … | + margin-right: 3em; | ||
| 65 … | +} | ||
| 66 … | + | ||
| 67 … | +.frame { | ||
| 68 … | + width: 75%; | ||
| 69 … | + margin-left: auto; | ||
| 70 … | +} | ||
| 71 … | + | ||
| 72 … | +iframe { | ||
| 73 … | + width: 100%; | ||
| 74 … | + height: 100%; | ||
| 75 … | + border: none; | ||
| 76 … | + margin: 0; | ||
| 77 … | +} | ||
| 78 … | + | ||
| 79 … | + | ||
Built with git-ssb-web