git ssb

0+

gb / ssb-porthole



Commit 8348e5a7090f33bd27042245e679f925543e8027

Browse Files

add initial styles

Gwen committed on 8/18/2016, 11:22:26 PM
Parent: 4e8da600acc3fc799b7e303c1b6c50bb67e7c45a

Files changed

index.jadechanged
index.jschanged
package.jsonchanged
static/griddle.cssadded
index.jadeView
@@ -1,8 +1,12 @@
11 … doctype html
22 … html
3- head
3 …+ head
4 …+ link(rel='stylesheet' href='/griddle.css')
45 … title= title
56 … body
6- h1= title
7- p= name
8- img(src='http://localhost:8989/blobs/get/#{image}')
7 …+ .contain
8 …+ .four.col.off-one
9 …+ img(src='http://localhost:8989/blobs/get/#{image}', style='width:100%')
10 …+ .six.col
11 …+ h1= title
12 …+ p= name
index.jsView
@@ -2,11 +2,13 @@
22 … var app = koa();
33 … var router = require('koa-router')();
44 … var avatar = require('ssb-avatar');
55 … var views = require('co-views');
6-var client = require('ssb-client')
6 …+var client = require('ssb-client');
7 …+var serve = require('koa-static');
78 …
89 … app.use(router.routes())
10 …+app.use(serve(__dirname + '/static'))
911 …
1012 … var render = views(__dirname, { ext: 'jade'});
1113 … var me = '@ya/sq19NPxRza5xtoqi9BilwLZ7HgQjG3QpcTRnGgWs=.ed25519'
1214 …
package.jsonView
@@ -16,8 +16,9 @@
1616 … "co-views": "^2.1.0",
1717 … "jade": "^1.11.0",
1818 … "koa": "^1.2.1",
1919 … "koa-router": "^5.4.0",
20 …+ "koa-static": "^2.0.0",
2021 … "pull-paramap": "^1.1.6",
2122 … "ssb-client": "^4.0.3"
2223 … }
2324 … }
static/griddle.cssView
@@ -1,0 +1,130 @@
1 …+/*grid layout */
2 …+
3 …+.contain {
4 …+ position: relative;
5 …+ width: 90%;
6 …+ padding: 0;
7 …+ margin: 0 auto;
8 …+ box-sizing: border-box;
9 …+}
10 …+
11 …+.col {
12 …+ width: 100%;
13 …+ padding: .2em;
14 …+ padding-left: 1em;
15 …+ float: left;
16 …+ box-sizing: border-box;
17 …+}
18 …+/* For devices larger than 400px */
19 …+
20 …+@media (min-width: 400px) {
21 …+ .contain {
22 …+ width: 90%;
23 …+ padding: 0;
24 …+ }
25 …+}
26 …+/* For devices larger than 550px */
27 …+
28 …+@media (min-width: 550px) {
29 …+ .contain {
30 …+ width: 90%;
31 …+ }
32 …+ .col {
33 …+ margin-left: .2em;
34 …+ margin-bottom: .2em;
35 …+ box-sizing: border-box;
36 …+ }
37 …+ .col:first-child {
38 …+ margin-left: 0;
39 …+ }
40 …+ .one.col {
41 …+ width: 4.66666666667%;
42 …+ }
43 …+ .two.col {
44 …+ width: 13.3333333333%;
45 …+ }
46 …+ .three.col {
47 …+ width: 24%;
48 …+ }
49 …+ .four.col {
50 …+ width: 30.6666666667%;
51 …+ }
52 …+ .five.col {
53 …+ width: 39.3333333333%;
54 …+ }
55 …+ .six.col {
56 …+ width: 48%;
57 …+ }
58 …+ .seven.col {
59 …+ width: 56.6666666667%;
60 …+ }
61 …+ .eight.col {
62 …+ width: 65.3333333333%;
63 …+ }
64 …+ .nine.col {
65 …+ width: 74.0%;
66 …+ }
67 …+ .ten.col {
68 …+ width: 82.6666666667%;
69 …+ }
70 …+ .eleven.col {
71 …+ width: 91.3333333333%;
72 …+ }
73 …+ .twelve.col {
74 …+ width: 100%;
75 …+ margin-left: 0;
76 …+ }
77 …+ .one-third.col {
78 …+ width: 30.6666666667%;
79 …+ }
80 …+ .two-thirds.col {
81 …+ width: 65.3333333333%;
82 …+ }
83 …+ .one-half.col {
84 …+ width: 48%;
85 …+ }
86 …+ /* Offsets */
87 …+
88 …+ .off-one.col {
89 …+ margin-left: 8.66666666667%;
90 …+ }
91 …+ .off-two.col {
92 …+ margin-left: 17.3333333333%;
93 …+ }
94 …+ .off-three.col {
95 …+ margin-left: 26%;
96 …+ }
97 …+ .off-four.col {
98 …+ margin-left: 34.6666666667%;
99 …+ }
100 …+ .off-five.col {
101 …+ margin-left: 43.3333333333%;
102 …+ }
103 …+ .off-six.col {
104 …+ margin-left: 52%;
105 …+ }
106 …+ .off-seven.col {
107 …+ margin-left: 60.6666666667%;
108 …+ }
109 …+ .off-eight.col {
110 …+ margin-left: 69.3333333333%;
111 …+ }
112 …+ .off-nine.col {
113 …+ margin-left: 78.0%;
114 …+ }
115 …+ .off-ten.col {
116 …+ margin-left: 86.6666666667%;
117 …+ }
118 …+ .off-eleven.col {
119 …+ margin-left: 95.3333333333%;
120 …+ }
121 …+ .off-one-third.col {
122 …+ margin-left: 34.6666666667%;
123 …+ }
124 …+ .off-two-thirds.col {
125 …+ margin-left: 69.3333333333%;
126 …+ }
127 …+ .off-one-half.col {
128 …+ margin-left: 52%;
129 …+ }
130 …+}

Built with git-ssb-web