Skip to content

Commit 67d9af1

Browse files
author
David Ngai
committed
updated project structure
1 parent 438ddc7 commit 67d9af1

23 files changed

Lines changed: 624 additions & 10601 deletions

‎Rakefile‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,6 +115,7 @@ end
115115

116116
desc "Launch preview environment"
117117
task :preview do
118-
system "jekyll serve -w"
118+
host_ip=`hostname -I | awk '{print $1;}'`
119+
system "jekyll serve -w --host #{host_ip}"
119120
end
120121

‎_config.yml‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ url: "https://jsdn.hk"
1212
github: [metadata]
1313
github_username: "jsdnhk"
1414
repository: "jsdnhk/jsdnhk.github.io"
15+
# location: /var/lib/gems/2.5.0/gems/jekyll-theme-midnight-0.1.1
1516
theme: "jekyll-theme-midnight"
1617
timezone: "Asia/Hong_Kong"
1718
analytics_account: "UA-3769691-28" # for google analytics

‎_sass/jekyll-theme-midnight.scss‎

Lines changed: 310 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,310 @@
1+
@import "normalize";
2+
@import "fonts";
3+
@import "rouge-base16-dark.scss";
4+
5+
// jsdnhk customized 2020
6+
7+
body {
8+
padding:0px 0 20px 0px;
9+
margin: 0px;
10+
font:14px/1.5 "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
11+
color:#f0e7d5;
12+
font-weight: normal;
13+
background: #252525;
14+
background-attachment: fixed !important;
15+
background: linear_gradient(#2a2a29, #1c1c1c);
16+
}
17+
18+
h1, h2, h3, h4, h5, h6 {
19+
color:#e8e8e8;
20+
margin:0 0 10px;
21+
font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
22+
font-weight: normal;
23+
}
24+
25+
p, ul, ol, table, pre, dl {
26+
margin:0 0 20px;
27+
}
28+
29+
h1, h2, h3 {
30+
line-height:1.1;
31+
32+
}
33+
34+
h1 {
35+
font-size:28px;
36+
}
37+
38+
h2 {
39+
font-size: 24px;
40+
}
41+
42+
h4, h5, h6 {
43+
color:#e8e8e8;
44+
}
45+
46+
h3 {
47+
font-size: 18px;
48+
line-height: 24px;
49+
font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
50+
font-weight: normal;
51+
color: #b6b6b6;
52+
}
53+
54+
a {
55+
color:#ffcc00;
56+
font-weight:400;
57+
text-decoration:none;
58+
59+
&:hover {
60+
color: #ffeb9b;
61+
}
62+
}
63+
64+
a small {
65+
font-size:11px;
66+
color:#666;
67+
margin-top:-0.6em;
68+
display:block;
69+
}
70+
71+
ul{
72+
list-style-image:url('../images/bullet.png');
73+
}
74+
75+
strong {
76+
font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
77+
font-weight: normal;
78+
}
79+
80+
.wrapper {
81+
max-width:650px;
82+
margin:0 auto;
83+
position:relative;
84+
padding: 0 20px;
85+
}
86+
87+
section img {
88+
max-width: 100%;
89+
}
90+
91+
blockquote {
92+
border-left:3px solid #ffcc00;
93+
margin:0;
94+
padding:0 0 0 20px;
95+
font-style:italic;
96+
}
97+
98+
code {
99+
font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, monospace;
100+
color:#efefef;
101+
font-size:13px;
102+
margin: 0 4px;
103+
padding: 4px 6px;
104+
border-radius: 2px;
105+
}
106+
107+
pre {
108+
padding:8px 15px;
109+
background: #191919;
110+
border-radius: 2px;
111+
border:1px solid #121212;
112+
box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
113+
overflow: auto;
114+
overflow-y: hidden;
115+
116+
code {
117+
color: #efefef;
118+
text-shadow: 0px 1px 0px #000;
119+
margin: 0;
120+
padding: 0;
121+
}
122+
}
123+
124+
table {
125+
width:100%;
126+
border-collapse:collapse;
127+
}
128+
129+
th {
130+
text-align:left;
131+
padding:5px 10px;
132+
border-bottom:1px solid #434343;
133+
color: #b6b6b6;
134+
font-family: 'OpenSansSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
135+
font-weight: normal;
136+
}
137+
138+
td {
139+
text-align:left;
140+
padding:5px 10px;
141+
border-bottom:1px solid #434343;
142+
}
143+
144+
hr {
145+
border: 0;
146+
outline: none;
147+
height: 3px;
148+
background: transparent url('../images/hr.gif') center center repeat-x;
149+
margin: 0 0 20px;
150+
}
151+
152+
dt {
153+
color:#F0E7D5;
154+
font-family: 'OpenSansSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
155+
font-weight: normal;
156+
}
157+
158+
159+
#header {
160+
z-index: 100;
161+
left:0;
162+
top: 0px;
163+
height: 60px;
164+
width: 100%;
165+
position: fixed;
166+
background: url(../images/nav-bg.gif) #353535;
167+
border-bottom: 4px solid #434343;
168+
box-shadow: 0px 1px 3px rgba(0,0,0,.25);
169+
170+
nav {
171+
max-width: 650px;
172+
margin: 0 auto;
173+
padding: 0 10px;
174+
background: blue;
175+
margin: 6px auto;
176+
177+
li {
178+
font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
179+
font-weight: normal;
180+
list-style: none;
181+
display: inline;
182+
color: white;
183+
line-height: 50px;
184+
text-shadow: 0px 1px 0px rgba(0,0,0,.2);
185+
font-size: 14px;
186+
187+
a {
188+
color: white;
189+
border: 1px solid #5d910b;
190+
background: linear_gradient(#93bd20, #659e10);
191+
border-radius: 2px;
192+
box-shadow: inset 0px 1px 0px rgba(255,255,255,.3), 0px 3px 7px rgba(0,0,0,.7);
193+
194+
background-color: #93bd20;
195+
padding: 10px 12px;
196+
margin-top: 6px;
197+
line-height:14px;
198+
font-size:14px;
199+
display:inline-block;
200+
text-align:center;
201+
202+
&:hover {
203+
background: linear_gradient(#749619, #527f0e);
204+
background-color: #659e10;
205+
border: 1px solid #527f0e;
206+
box-shadow: inset 0px 1px 1px rgba(0,0,0,.2), 0px 1px 0px rgba(0,0,0,.0);
207+
}
208+
}
209+
210+
&.fork {
211+
float: left;
212+
margin-left: 0px;
213+
}
214+
215+
&.downloads {
216+
float: right;
217+
margin-left: 6px;
218+
}
219+
220+
&.title {
221+
float: right;
222+
margin-right: 10px;
223+
font-size: 11px;
224+
}
225+
}
226+
}
227+
}
228+
229+
section {
230+
max-width:650px;
231+
padding: 30px 0px 50px 0px;
232+
margin: 20px 0;
233+
margin-top: 70px;
234+
235+
#title {
236+
border: 0;
237+
outline: none;
238+
margin: 0 0 50px 0;
239+
padding: 0 0 5px 0;
240+
241+
h1 {
242+
font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
243+
font-weight: normal;
244+
font-size: 40px;
245+
text-align: center;
246+
line-height: 36px;
247+
}
248+
249+
p {
250+
color: #d7cfbe;
251+
font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
252+
font-weight: normal;
253+
font-size: 18px;
254+
text-align: center;
255+
}
256+
257+
.credits {
258+
font-size: 11px;
259+
font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
260+
font-weight: normal;
261+
color: #696969;
262+
margin-top: -10px;
263+
264+
&.left {
265+
float: left;
266+
}
267+
268+
&.right {
269+
float: right;
270+
}
271+
}
272+
273+
}
274+
}
275+
276+
@media print, screen and (max-width: 720px) {
277+
278+
#title {
279+
.credits {
280+
display: block;
281+
width: 100%;
282+
line-height: 30px;
283+
text-align: center;
284+
285+
.left {
286+
float: none;
287+
display: block;
288+
}
289+
290+
.right {
291+
float: none;
292+
display: block;
293+
}
294+
}
295+
}
296+
}
297+
298+
@media print, screen and (max-width: 480px) {
299+
300+
#header {
301+
margin-top: -20px;
302+
}
303+
304+
section {
305+
margin-top: 40px;
306+
}
307+
nav {
308+
display: none;
309+
}
310+
}

0 commit comments

Comments
 (0)