Skip to content

Commit 0a18ada

Browse files
swlkrswlkr
committed
Initial commit
0 parents  commit 0a18ada

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+2161
-0
lines changed

‎CNAME

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
coast-framework.github.io

‎_layout.html

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<title>Coast on Clojure</title>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<link href="/favicon.png" rel="icon" type="image/png">
8+
<link rel="stylesheet" href="/{% css-bundle %}" />
9+
</head>
10+
<body>
11+
<nav class="dt w-100 border-box pa3 ph5-ns">
12+
<a class="dtc v-mid near-black link dim w-25" href="/" title="Home">
13+
<img alt="Coast on Clojure" class="dib w2 h2 br-100" src="/favicon.png">
14+
<span class="ml2 v-top mt2 dib near-black">Coast</span>
15+
</a>
16+
<div class="dtc v-mid w-75 tr">
17+
<a class="link dim near-black f6 f5-ns dib mr3 mr4-ns" href="/docs" title="Docs">Docs</a>
18+
<a class="link dim near-black f6 f5-ns dib mr3 mr4-ns" href="https://twitter.com/coastonclojure" title="Twitter">Twitter</a>
19+
<a class="link dim near-black f6 f5-ns dib" href="https://github.com/coast-framework/coast" title="Github">Github</a>
20+
</div>
21+
</nav>
22+
{% body %}
23+
<script type="text/javascript" src="/{% js-bundle %}"></script>
24+
<script>hljs.initHighlightingOnLoad();</script>
25+
</body>
26+
</html>

‎css/app.css

+246
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,246 @@
1+
html, body {
2+
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
3+
height: 100%;
4+
margin: 0;
5+
padding: 0;
6+
line-height: 1.4;
7+
}
8+
9+
.grid {
10+
display: grid;
11+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
12+
}
13+
14+
.sidebar-container {
15+
grid-column: span 1;
16+
}
17+
18+
.content {
19+
grid-column: span 2;
20+
}
21+
22+
.sidebar h1 {
23+
display: none;
24+
}
25+
26+
.sidebar h3 {
27+
font-size: 16px;
28+
color: #777;
29+
text-transform: uppercase;
30+
}
31+
32+
.sidebar ul {
33+
padding-left: 0;
34+
margin-bottom: 48px;
35+
list-style-type: none;
36+
}
37+
38+
.sidebar ul li a {
39+
color: #333;
40+
text-decoration: none;
41+
font-size: 16px;
42+
line-height: 24px;
43+
}
44+
45+
.sidebar ul li a:hover {
46+
color: #357EDD;
47+
}
48+
49+
.content {
50+
--x-height-multiplier: 0.375;
51+
--baseline-multiplier: 0.17;
52+
letter-spacing: .01rem;
53+
font-weight: 400;
54+
font-style: normal;
55+
font-size: 21px;
56+
line-height: 1.58;
57+
letter-spacing: -.003em;
58+
color: rgba(0,0,0,.84);
59+
text-rendering: optimizeLegibility;
60+
-webkit-font-smoothing: antialiased;
61+
}
62+
63+
.content .note {
64+
border-top: solid 3px #00c79b;
65+
background-color: #f9fafb;
66+
padding: 30px;
67+
}
68+
69+
.content .tip {
70+
border-top: solid 3px #357EDD;
71+
background-color: #f9fafb;
72+
padding: 30px;
73+
}
74+
75+
.content a {
76+
color: #357EDD;
77+
}
78+
79+
.content ul, .content ol {
80+
padding-left: 0;
81+
}
82+
83+
.content ul li, .content ol li {
84+
list-style-type: none;
85+
font-size: 16px;
86+
line-height: 32px;
87+
}
88+
89+
.content ul li a {
90+
text-decoration: none;
91+
color: #357EDD;
92+
font-size: 16px;
93+
line-height: 24px;
94+
}
95+
96+
.content ul li a:hover {
97+
text-decoration: none;
98+
color: #00449E;
99+
font-size: 16px;
100+
line-height: 24px;
101+
}
102+
103+
.content ul {
104+
padding: 15px;
105+
}
106+
107+
.content > ul {
108+
border-radius: 2px;
109+
border: solid 1px #eee;
110+
}
111+
112+
.content table {
113+
border-spacing: 0;
114+
}
115+
116+
.content table thead tr th {
117+
padding: 7px;
118+
}
119+
120+
.content table tbody tr td {
121+
padding: 7px;
122+
}
123+
124+
.content table tbody tr:nth-child(2n+1) {
125+
background-color: #efefef;
126+
}
127+
128+
.content code {
129+
font-size: 16px;
130+
}
131+
132+
.content > p > code {
133+
background-color: #eee;
134+
padding: 0 5px;
135+
}
136+
137+
.content > h4 > code {
138+
background-color: #eee;
139+
padding: 0 5px;
140+
}
141+
142+
.hero-topo-bg {
143+
background-color: #357EDD;
144+
}
145+
146+
.bg-nearest-white {
147+
background-color: #f9fafb;
148+
}
149+
150+
img[src*="#cover"] {
151+
background-position: 50%;
152+
background-repeat: no-repeat;
153+
background-size: cover;
154+
margin: 0 auto;
155+
max-height: 300px;
156+
max-width: 1000px;
157+
}
158+
159+
article {
160+
display: grid;
161+
grid-template-columns: 1fr 1fr 10px minmax(340px, 740px) 10px 1fr 1fr;
162+
}
163+
164+
article > * {
165+
grid-column: 4;
166+
}
167+
168+
article > figure {
169+
grid-column: 1 / -1;
170+
margin: 20px 0;
171+
}
172+
173+
article > .aside {
174+
grid-column: 5 / -1;
175+
}
176+
177+
article > blockquote {
178+
grid-column: 3 / span 2;
179+
margin: 0px 0;
180+
color: #666;
181+
border-left: 3px solid black;
182+
padding-left: 10px;
183+
}
184+
185+
article > * {
186+
min-width: 0;
187+
}
188+
189+
article > h1 {
190+
}
191+
192+
article > p {
193+
--x-height-multiplier: 0.375;
194+
--baseline-multiplier: 0.17;
195+
letter-spacing: .01rem;
196+
font-weight: 400;
197+
font-style: normal;
198+
font-size: 21px;
199+
line-height: 1.58;
200+
letter-spacing: -.003em;
201+
color: rgba(0,0,0,.84);
202+
text-rendering: optimizeLegibility;
203+
-webkit-font-smoothing: antialiased;
204+
}
205+
206+
article > .aside {
207+
margin: 30px 20px;
208+
color: #666;
209+
font-size: 0.8em;
210+
}
211+
212+
article img {
213+
width: 100%;
214+
}
215+
216+
article .line-numbers a {
217+
text-decoration: none;
218+
color: #000;
219+
padding-right: 1em;
220+
}
221+
222+
article code {
223+
background: #eee;
224+
padding: 2px 5px;
225+
font-size: 16px;
226+
}
227+
228+
article pre {
229+
background: #eee;
230+
padding: 10px 15px;
231+
overflow: auto;
232+
}
233+
234+
article pre > code {
235+
padding: 0;
236+
}
237+
238+
article figure {
239+
margin: 0;
240+
}
241+
242+
article figure figcaption {
243+
color: #666;
244+
font-style: italic;
245+
font-size: 0.8em;
246+
}

‎css/github.css

+99
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,99 @@
1+
/*
2+
3+
github.com style (c) Vasily Polovnyov <[email protected]>
4+
5+
*/
6+
7+
.hljs {
8+
display: block;
9+
overflow-x: auto;
10+
padding: 0.5em;
11+
color: #333;
12+
background: #f8f8f8;
13+
}
14+
15+
.hljs-comment,
16+
.hljs-quote {
17+
color: #998;
18+
font-style: italic;
19+
}
20+
21+
.hljs-keyword,
22+
.hljs-selector-tag,
23+
.hljs-subst {
24+
color: #333;
25+
font-weight: bold;
26+
}
27+
28+
.hljs-number,
29+
.hljs-literal,
30+
.hljs-variable,
31+
.hljs-template-variable,
32+
.hljs-tag .hljs-attr {
33+
color: #008080;
34+
}
35+
36+
.hljs-string,
37+
.hljs-doctag {
38+
color: #d14;
39+
}
40+
41+
.hljs-title,
42+
.hljs-section,
43+
.hljs-selector-id {
44+
color: #900;
45+
font-weight: bold;
46+
}
47+
48+
.hljs-subst {
49+
font-weight: normal;
50+
}
51+
52+
.hljs-type,
53+
.hljs-class .hljs-title {
54+
color: #458;
55+
font-weight: bold;
56+
}
57+
58+
.hljs-tag,
59+
.hljs-name,
60+
.hljs-attribute {
61+
color: #000080;
62+
font-weight: normal;
63+
}
64+
65+
.hljs-regexp,
66+
.hljs-link {
67+
color: #009926;
68+
}
69+
70+
.hljs-symbol,
71+
.hljs-bullet {
72+
color: #990073;
73+
}
74+
75+
.hljs-built_in,
76+
.hljs-builtin-name {
77+
color: #0086b3;
78+
}
79+
80+
.hljs-meta {
81+
color: #999;
82+
font-weight: bold;
83+
}
84+
85+
.hljs-deletion {
86+
background: #fdd;
87+
}
88+
89+
.hljs-addition {
90+
background: #dfd;
91+
}
92+
93+
.hljs-emphasis {
94+
font-style: italic;
95+
}
96+
97+
.hljs-strong {
98+
font-weight: bold;
99+
}

0 commit comments

Comments
 (0)