Skip to content

Commit 440e684

Browse files
gaowhengaowhen
committed
feat: dev style
1 parent a3c1c3d commit 440e684

3 files changed

Lines changed: 317 additions & 21 deletions

File tree

‎bin/dev/index.pug‎

Lines changed: 310 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,12 @@ doctype html
22
html
33
head
44
meta(charset="utf-8")
5-
title 本机反向代理设置
5+
meta(http-equiv="X-UA-Compatible", content="IE=edge,chrome=1")
6+
meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no")
7+
meta(name="apple-mobile-web-app-capable", content="yes")
8+
meta(name="format-detection", content="telephone=no")
9+
meta(content="telephone=no", name="format-detection")
10+
title Reverse Proxy Setting
611
style.
712
html,
813
body {
@@ -19,35 +24,327 @@ html
1924
min-height: 100%;
2025
}
2126

22-
ul {
27+
/**
28+
* yue.css
29+
*
30+
* yue.css is designed for readable content.
31+
*
32+
* Copyright (c) 2013 - 2014 by Hsiaoming Yang.
33+
*/
34+
35+
.yue {
36+
font: 400 18px/1.62 "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif;
37+
color: #444443;
38+
}
39+
40+
.windows .yue {
41+
font-size: 16px;
42+
font-family: "Georgia", "SimSun", sans-serif;
43+
}
44+
45+
.yue ::-moz-selection {
46+
background-color: rgba(0,0,0,0.2);
47+
}
48+
49+
.yue ::selection {
50+
background-color: rgba(0,0,0,0.2);
51+
}
52+
53+
.yue h1,
54+
.yue h2,
55+
.yue h3,
56+
.yue h4,
57+
.yue h5,
58+
.yue h6 {
59+
font-family: "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", "SimSun", sans-serif;
60+
color: #222223;
61+
}
62+
63+
.yue h1 {
64+
font-size: 1.8em;
65+
margin: 0.67em 0;
66+
}
67+
68+
.yue > h1 {
69+
margin-top: 0;
70+
font-size: 2em;
71+
}
72+
73+
.yue h2 {
74+
font-size: 1.5em;
75+
margin: 0.83em 0;
76+
}
77+
78+
.yue h3 {
79+
font-size: 1.17em;
80+
margin: 1em 0;
81+
}
82+
83+
.yue h4,
84+
.yue h5,
85+
.yue h6 {
86+
font-size: 1em;
87+
margin: 1.6em 0 1em 0;
88+
}
89+
90+
.yue h6 {
91+
font-weight: 500;
92+
}
93+
94+
.yue p {
95+
margin-top: 0;
96+
margin-bottom: 1.46em;
97+
}
98+
99+
.yue a {
100+
color: #111;
101+
word-wrap: break-word;
102+
-moz-text-decoration-color: rgba(0, 0, 0, 0.4);
103+
text-decoration-color: rgba(0, 0, 0, 0.4);
104+
}
105+
106+
.yue a:hover {
107+
color: #555;
108+
-moz-text-decoration-color: rgba(0, 0, 0, 0.6);
109+
text-decoration-color: rgba(0, 0, 0, 0.6);
110+
}
111+
112+
.yue h1 a,
113+
.yue h2 a,
114+
.yue h3 a {
115+
text-decoration: none;
116+
}
117+
118+
.yue strong,
119+
.yue b {
120+
font-weight: 700;
121+
color: #222223;
122+
}
123+
124+
.yue em,
125+
.yue i {
126+
font-style: italic;
127+
color: #222223;
128+
}
129+
130+
.yue img {
131+
max-width: 100%;
132+
height: auto;
133+
margin: 0.2em 0;
134+
}
135+
136+
.yue a img {
137+
/* Remove border on IE */
138+
border: none;
139+
}
140+
141+
.yue figure {
142+
position: relative;
143+
clear: both;
144+
outline: 0;
145+
margin: 10px 0 30px;
146+
padding: 0;
147+
min-height: 100px;
148+
}
149+
150+
.yue figure img {
151+
display: block;
152+
max-width: 100%;
153+
margin: auto auto 4px;
154+
box-sizing: border-box;
155+
}
156+
157+
.yue figure figcaption {
158+
position: relative;
159+
width: 100%;
160+
text-align: center;
161+
left: 0;
162+
margin-top: 10px;
163+
font-weight: 400;
164+
font-size: 14px;
165+
color: #666665;
166+
}
167+
168+
.yue figure figcaption a {
169+
text-decoration: none;
170+
color: #666665;
171+
}
172+
173+
.yue hr {
174+
display: block;
175+
width: 14%;
176+
margin: 40px auto 34px;
177+
border: 0 none;
178+
border-top: 3px solid #dededc;
179+
}
180+
181+
.yue blockquote {
182+
margin: 0 0 1.64em 0;
183+
border-left: 3px solid #dadada;
184+
padding-left: 12px;
185+
color: #666664;
186+
}
187+
188+
.yue blockquote a {
189+
color: #666664;
190+
}
191+
192+
.yue ul,
193+
.yue ol {
194+
margin: 0 0 24px 6px;
195+
padding-left: 16px;
196+
}
197+
198+
.yue ul {
199+
list-style-type: square;
200+
}
201+
202+
.yue ol {
203+
list-style-type: decimal;
204+
}
205+
206+
.yue li {
207+
margin-bottom: 0.2em;
208+
}
209+
210+
.yue li ul,
211+
.yue li ol {
212+
margin-top: 0;
213+
margin-bottom: 0;
214+
margin-left: 14px;
215+
}
216+
217+
.yue li ul {
218+
list-style-type: disc;
219+
}
220+
221+
.yue li ul ul {
222+
list-style-type: circle;
223+
}
224+
225+
.yue li p {
226+
margin: 0.4em 0 0.6em;
227+
}
228+
229+
.yue .unstyled {
230+
list-style-type: none;
231+
margin: 0;
23232
padding: 0;
24-
list-style: none;
233+
}
234+
235+
.yue code,
236+
.yue tt {
237+
color: #808080;
238+
font-size: 0.96em;
239+
background-color: #f9f9f7;
240+
padding: 1px 2px;
241+
border: 1px solid #dadada;
242+
border-radius: 3px;
243+
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
244+
word-wrap: break-word;
245+
}
246+
247+
.yue pre {
248+
margin: 1.64em 0;
249+
padding: 7px;
250+
border: none;
251+
border-left: 3px solid #dadada;
252+
padding-left: 10px;
253+
overflow: auto;
254+
line-height: 1.5;
255+
font-size: 0.96em;
256+
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
257+
color: #4c4c4c;
258+
background-color: #f9f9f7;
259+
}
260+
261+
.yue pre code,
262+
.yue pre tt {
263+
color: #4c4c4c;
264+
border: none;
265+
background: none;
266+
padding: 0;
267+
}
268+
269+
.yue table {
270+
width: 100%;
271+
max-width: 100%;
272+
border-collapse: collapse;
273+
border-spacing: 0;
274+
margin-bottom: 1.5em;
275+
font-size: 0.96em;
276+
box-sizing: border-box;
277+
}
278+
279+
.yue th,
280+
.yue td {
281+
text-align: left;
282+
padding: 4px 8px 4px 10px;
283+
border: 1px solid #dadada;
284+
}
285+
286+
.yue td {
287+
vertical-align: top;
288+
}
289+
290+
.yue tr:nth-child(even) {
291+
background-color: #efefee;
292+
}
293+
294+
.yue iframe {
295+
display: block;
296+
max-width: 100%;
297+
margin-bottom: 30px;
298+
}
299+
300+
.yue figure iframe {
301+
margin: auto;
302+
}
303+
304+
.yue table pre {
305+
margin: 0;
306+
padding: 0;
307+
border: none;
308+
background: none;
309+
}
310+
311+
@media (min-width: 1100px) {
312+
.yue blockquote {
313+
margin-left: -24px;
314+
padding-left: 20px;
315+
border-width: 4px;
316+
}
317+
318+
.yue blockquote blockquote {
319+
margin-left: 0;
320+
}
25321
}
26322
script(src="./dev/jquery-2.1.3.js")
27323

28-
body
29-
h2 文档
30-
a(href="/doc/index", target="_blank") 查看
31-
h2 本机反向代理设置
32-
p 编辑 /etc/hosts 将 #{data.domain} 指向 127.0.0.1
324+
body.yue
325+
h3 Documents
326+
a(href="/doc/index", target="_blank") View
327+
328+
h3 Reverse Proxy Setting
329+
p set #{data.domain} to 127.0.0.1 in /etc/hosts
33330

34331
#react.mod
35332
div.mod-hd
36-
h3 React 版本
333+
h4 React Version
37334
div.mod-bd
38335
ul#react-form
39336
li
40337
label
41338
input(type="radio", name="react", value="0")
42-
| 压缩版
339+
| Dev
43340
li
44341
label
45342
input(type="radio", name="react", value="1")
46-
| 开发版
343+
| Pro
47344

48345
#api.mod
49346
div.mod-hd
50-
h3 API 指向
347+
h4 API
51348
div.mod-bd
52349
ul#api-form
53350
each name in Object.keys(data.be)
@@ -58,7 +355,7 @@ html
58355

59356
#node.mod
60357
div.mod-hd
61-
h3 前端指向
358+
h4 Web
62359
div.mod-bd
63360
ul#node-form
64361
each name in Object.keys(data.fe)

‎bin/dev/main.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ $(document).ready(function () {
22
var $reactForm = $('#react-form')
33
var $apiForm = $('#api-form')
44
var $nodeForm = $('#node-form')
5-
// $fastForm = $('#fast-form')
65

76
var config = (function(){
87
var configText = $('#config').text()
@@ -15,7 +14,8 @@ $(document).ready(function () {
1514
$.post('/react', {
1615
to: $input.val()
1716
}).done(function () {
18-
console.log('React 版本已切换到', $input.val())
17+
var version = $input.val() ? 'Pro' : 'Dev'
18+
console.log('React version is switched to', version)
1919
})
2020
})
2121

@@ -33,7 +33,7 @@ $(document).ready(function () {
3333
$.post('/api', {
3434
to: $input.val()
3535
}).done(function () {
36-
console.log('api 已切换到', $input.val())
36+
console.log('API is proxyed to', $input.val())
3737
})
3838
})
3939

@@ -51,7 +51,7 @@ $(document).ready(function () {
5151
$.post('/f2e', {
5252
to: $input.val(),
5353
}).done(function () {
54-
console.log('f2e 已切换到', $input.val())
54+
console.log('Web is proxyed to', $input.val())
5555
})
5656
})
5757

0 commit comments

Comments
 (0)