gdritter repos lib-static / 0975318
merge Rosencrantz 4 years ago
3 changed file(s) with 92 addition(s) and 136 deletion(s). Collapse all Expand all
+1
-1
bin/work.sh less more
99 DIR=$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )
1010 PATH=$DIR:$PATH
1111
12 markdown_py2 $2/text \
12 markdown_py2 -x markdown.extensions.footnotes $2/text \
1313 | json-dict contents - \
1414 | mustache - templates/textpage.mustache \
1515 | json-dict title "$(cat $2/metadata.yaml | jq '.name')" contents - \
+90
-130
static/main.css less more
11 @font-face {
2 /*
3 Junction from Caroline Hadilaksono,
4 via the League of Movable Type
5 ( http://www.theleagueofmoveabletype.com/fonts/1-junction )
6 Thank you!
7 */
8 font-family: junction;
9 src: url("junction.otf");
2 font-family: league-spartan;
3 src: url("/static/leaguespartan-bold.ttf");
104 }
115
126 body {
13 color: #eeeeee;
14 line-height: 150%;
15 background-color: #070707;
16 font-family: junction, "Arial", sans-serif;
7 background-color: #eeeeee;
8 font-family: league-spartan, sans-serif;
9 font-size: 14pt;
10 }
11
12 .header {
13 padding: 20px;
14 text-transform: uppercase;
15 }
16
17 .sitename {
18 margin: 0px;
19 font-size: 24pt;
20 letter-spacing: 4px;
21 padding-left: 40px;
22 color: #ccc;
23 padding-right: 80px;
24 margin-top: -40px;
25 text-align: right;
26 }
27
28 .title {
29 margin-left: 40px;
30 margin-top: -40px;
31 letter-spacing: 4px;
32 }
33
34 .contents {
35 text-align: justify;
36 line-height: 1.5;
37 padding: 40px;
38 font-family: "Helvetica", "Arial", sans-serif;
39 margin: 40px;
40 width: 80%;
41 background-color: #e8e8e8;
42 margin-left: auto;
43 margin-right: auto;
44 }
45
46 .menu {
47 text-transform: uppercase;
48 letter-spacing: 2px;
49 text-align: center;
50 border-top-style: solid;
51 border-bottom-style: solid;
52 padding-top: 5px;
53 padding-bottom: 5px;
54 border-width: 1px;
55 width: 60%;
56 margin-left: auto;
57 margin-right: auto;
1758 }
1859
1960 a:link {
20 color: #876ed7;
61 text-decoration: none;
62 color: #cc3366;
2163 }
2264
2365 a:visited {
24 color: #3914af;
66 color: #993366;
2567 }
2668
27 .header {
28 text-align: center;
29 letter-spacing: 2px;
30 line-height: 200%;
31 }
32
33 .menu {
34 background-color: #070707;
35 letter-spacing: 1px;
36 text-align: center;
37 width: 95%;
38 padding-top: 5px;
39 padding-bottom: 5px;
40 margin-left: auto;
41 margin-right: auto;
42 -moz-border-radius: 15px;
43 border-radius: 15px;
44 }
45
46 .all {
47 padding-top: 20px;
48 padding-bottom: 20px;
49 padding-left: 40px;
50 padding-right: 40px;
51 background-color: #111111;
52 max-width: 800px;
53 margin-left: auto;
54 margin-right: auto;
55 -moz-border-radius: 15px;
56 border-radius: 15px;
57 }
58
59 .contents {
60 text-indent: 20px;
61 max-width: 80%;
62 margin-left: auto;
63 margin-right: auto;
64 margin-top: 20px;
65 margin-bottom: 20px;
69 .footer {
70 text-align: center;
71 letter-spacing: 4px;
72 text-transform: uppercase;
6673 }
6774
6875 pre {
7077 padding-left: 20px;
7178 }
7279
73 .backforward {
74 margin-top: 10px;
75 text-indent: 0px;
76 text-align: center;
80 .quote {
81 border-top-style: solid;
82 border-bottom-style: solid;
83 border-width: 1px;
84 padding: 20px;
85 margin-top: 20px;
86 margin-bottom: 20px;
87 width: 75%;
88 margin-left: auto;
89 margin-right: auto;
90 background-color: #eee;
7791 }
78
79 .footer {
80 background-color: #070707;
81 text-align: center;
82 width: 95%;
83 padding-top: 5px;
84 padding-bottom: 5px;
85 margin-left: auto;
86 margin-right: auto;
87 -moz-border-radius: 15px;
88 border-radius: 15px;
89 }
90
91 .quote {
92 padding-top: 8px;
93 padding-bottom: 8px;
94 padding-left: 10px;
95 padding-right: 10px;
96 background-color: #070707;
97 margin: 20px;
98 -moz-border-radius: 15px;
99 border-radius: 15px;
100 }
101
102 .scrap {
103 padding-top: 8px;
104 padding-bottom: 8px;
105 padding-left: 10px;
106 padding-right: 10px;
107 background-color: #070707;
108 margin: 20px;
109 -moz-border-radius: 15px;
110 border-radius: 15px;
92 .quotelink {
93 margin-top: 10px;
94 text-align: right;
95 font-size: 12pt;
11196 }
11297
11398 .link {
114 padding-top: 20px;
115 padding-bottom: 20px;
116 padding-left: 10px;
117 padding-right: 10px;
118 background-color: #070707;
119 padding: 20px;
120 margin: 20px;
121 -moz-border-radius: 15px;
122 border-radius: 15px;
99 border-top-style: solid;
100 border-bottom-style: solid;
101 border-width: 1px;
102 padding: 20px;
103 margin-top: 20px;
104 margin-bottom: 20px;
105 width: 75%;
106 margin-left: auto;
107 margin-right: auto;
108 background-color: #eee;
109 }
110 .permalink {
111 margin-top: 10px;
112 text-align: right;
113 font-size: 12pt;
123114 }
124115
125 .maintext {
126 padding-top: 20px;
127 padding-bottom: 20px;
128 padding-left: 10px;
129 padding-right: 10px;
130 background-color: #070707;
131 padding: 20px;
132 margin: 20px;
133 -moz-border-radius: 15px;
134 border-radius: 15px;
135 }
136
137 .author { text-align: right; }
138 .name { font-size: large; }
139 .description { font-size: small; }
140 .related { text-align: right; font-size: small; }
141
142 .url {
143 font-size: small;
144 text-align: right;
145 }
146
147 .quotelink {
148 font-size: small;
149 text-align: right;
150 }
151
152 .permalink {
153 font-size: small;
154 text-align: right;
155 }
+1
-5
templates/main.mustache less more
55 <html xmlns="http://www.w3.org/1999/xhtml">
66 <head>
77 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8;" />
8 {{#usejs}}
9 <script language="javascript" src="/static/jquery.js"></script>
10 <script language="javascript" src="/static/quotes.js"></script>
11 {{/usejs}}
128 {{#opengraph}}
139 <meta property="og:title" content="{{title}}"/>
1410 <meta property="og:type" content="website"/>
4440 {{{contents}}}
4541 </div>
4642 <div class="footer">
47 {{copy}}{{^copy}}&copy;2015 Getty Ritter{{/copy}}
43 {{copy}}{{^copy}}&copy;2017 Getty Ritter{{/copy}}
4844 </div>
4945 </div>
5046 </body>