Skip to content

Commit b8e9609

Browse files
author
Jonas Schubert Erlandsson
committed
Rewrites most of the loader script and the shims.
Removes duplication in both ruby and javascript. Adds syntax highlighting via highlight.js.
1 parent 933293f commit b8e9609

20 files changed

+533
-107
lines changed

‎css/.DS_Store

6 KB
Binary file not shown.

‎css/highlight.css

+182
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
/*
2+
3+
Railscasts-like style (c) Visoft, Inc. (Damien White)
4+
5+
*/
6+
7+
pre code {
8+
display: block;
9+
padding: 0.5em;
10+
background: #232323;
11+
color: #E6E1DC;
12+
}
13+
14+
pre .comment,
15+
pre .template_comment,
16+
pre .javadoc,
17+
pre .shebang {
18+
color: #BC9458;
19+
font-style: italic;
20+
}
21+
22+
pre .keyword,
23+
pre .ruby .function .keyword,
24+
pre .request,
25+
pre .status,
26+
pre .nginx .title,
27+
pre .method,
28+
pre .list .title {
29+
color: #C26230;
30+
}
31+
32+
pre .string,
33+
pre .number,
34+
pre .regexp,
35+
pre .tag .value,
36+
pre .cdata,
37+
pre .filter .argument,
38+
pre .attr_selector,
39+
pre .apache .cbracket,
40+
pre .date,
41+
pre .tex .command,
42+
pre .markdown .link_label {
43+
color: #A5C261;
44+
}
45+
46+
pre .subst {
47+
color: #519F50;
48+
}
49+
50+
pre .tag,
51+
pre .tag .keyword,
52+
pre .tag .title,
53+
pre .doctype,
54+
pre .sub .identifier,
55+
pre .pi,
56+
pre .input_number {
57+
color: #E8BF6A;
58+
}
59+
60+
pre .identifier {
61+
color: #D0D0FF;
62+
}
63+
64+
pre .class .title,
65+
pre .haskell .type,
66+
pre .smalltalk .class,
67+
pre .javadoctag,
68+
pre .yardoctag,
69+
pre .phpdoc {
70+
text-decoration: none;
71+
}
72+
73+
pre .constant {
74+
color: #DA4939;
75+
}
76+
77+
78+
pre .symbol,
79+
pre .built_in,
80+
pre .ruby .symbol .string,
81+
pre .ruby .symbol .identifier,
82+
pre .markdown .link_url,
83+
pre .attribute {
84+
color: #6D9CBE;
85+
}
86+
87+
pre .markdown .link_url {
88+
text-decoration: underline;
89+
}
90+
91+
92+
93+
pre .params,
94+
pre .variable,
95+
pre .clojure .attribute {
96+
color: #D0D0FF;
97+
}
98+
99+
pre .css .tag,
100+
pre .rules .property,
101+
pre .pseudo,
102+
pre .tex .special {
103+
color: #CDA869;
104+
}
105+
106+
pre .css .class {
107+
color: #9B703F;
108+
}
109+
110+
pre .rules .keyword {
111+
color: #C5AF75;
112+
}
113+
114+
pre .rules .value {
115+
color: #CF6A4C;
116+
}
117+
118+
pre .css .id {
119+
color: #8B98AB;
120+
}
121+
122+
pre .annotation,
123+
pre .apache .sqbracket,
124+
pre .nginx .built_in {
125+
color: #9B859D;
126+
}
127+
128+
pre .preprocessor,
129+
pre .preprocessor *
130+
pre .pragma {
131+
color: #8996A8 !important;
132+
}
133+
134+
pre .hexcolor,
135+
pre .css .value .number {
136+
color: #A5C261;
137+
}
138+
139+
pre .title,
140+
pre .decorator,
141+
pre .css .function {
142+
color: #FFC66D;
143+
}
144+
145+
pre .diff .header,
146+
pre .chunk {
147+
background-color: #2F33AB;
148+
color: #E6E1DC;
149+
display: inline-block;
150+
width: 100%;
151+
}
152+
153+
pre .diff .change {
154+
background-color: #4A410D;
155+
color: #F8F8F8;
156+
display: inline-block;
157+
width: 100%;
158+
}
159+
160+
pre .addition {
161+
background-color: #144212;
162+
color: #E6E1DC;
163+
display: inline-block;
164+
width: 100%;
165+
}
166+
167+
pre .deletion {
168+
background-color: #600;
169+
color: #E6E1DC;
170+
display: inline-block;
171+
width: 100%;
172+
}
173+
174+
pre .coffeescript .javascript,
175+
pre .javascript .xml,
176+
pre .tex .formula,
177+
pre .xml .javascript,
178+
pre .xml .vbscript,
179+
pre .xml .css,
180+
pre .xml .cdata {
181+
opacity: 0.7;
182+
}

‎css/main.css

+80
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
body {
2+
padding: 0;
3+
margin: 0;
4+
background: url('/img/bkg.png');
5+
font-family: 'Questrial';
6+
font-size: 145%;
7+
}
8+
9+
h1, h2, h3, h4 {
10+
font-family: 'Pacifico';
11+
}
12+
13+
h1 > span, h2 > span, h3 > span, h4 > span {
14+
display: block;
15+
font-size: 60%;
16+
}
17+
18+
h1.hero {
19+
font-size: 250%;
20+
text-align: center;
21+
color: #f68d20;
22+
text-shadow: 3px 3px 0 rgba(170, 170, 170, 0.5),
23+
0 5px 0 rgba(136, 136, 136, 0.5),
24+
-3px 3px 0 rgba(153, 153, 153, 0.5),
25+
-3px -3px 0 rgba(221, 221, 221, 0.5),
26+
0 -5px 0 rgba(255, 255, 255, 0.5),
27+
3px -3px 0 rgba(238, 238, 238, 0.5);
28+
}
29+
30+
a {
31+
color: #f68d20;
32+
text-decoration: none;
33+
}
34+
35+
a:active, a:hover {
36+
outline: 0;
37+
}
38+
39+
article {
40+
width: 800px;
41+
-webkit-border-radius: 15px;
42+
-moz-border-radius: 15px;
43+
-o-border-radius: 15px;
44+
border-radius: 15px;
45+
border: 5px solid #D6CD79;
46+
position: relative;
47+
margin: 0 auto 10% auto;
48+
padding: 2em 5%;
49+
background: #fffbd8;
50+
background-position: center center;
51+
background-repeat: no-repeat;
52+
background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 251, 216, 0) 0%, rgba(255, 251, 216, 0) 40%, #DFD9A6 100%);
53+
background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255, 251, 216, 0)), color-stop(40%,rgba(255, 251, 216, 0)), color-stop(100%,#DFD9A6));
54+
background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 251, 216, 0) 0%, rgba(255, 251, 216, 0) 40%, #DFD9A6 100%);
55+
background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 251, 216, 0) 0%, rgba(255, 251, 216, 0) 40%,#DFD9A6 100%);
56+
background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 251, 216, 0) 0%, rgba(255, 251, 216, 0) 40%,#DFD9A6 100%);
57+
background-image: radial-gradient(ellipse at center, rgba(255, 251, 216, 0) 0%, rgba(255, 251, 216, 0) 40%,#DFD9A6 100%);
58+
-webkit-box-shadow: 0 0 150px black;
59+
-moz-box-shadow: 0 0 150px black;
60+
box-shadow: 0 0 150px black;
61+
}
62+
63+
article hr {
64+
border: 0;
65+
border-bottom: 5px solid rgba(214, 205, 121, 0.5);
66+
width: 118%;
67+
margin-left: -9%;
68+
}
69+
70+
article pre {
71+
overflow: scroll;
72+
}
73+
74+
article pre > code {
75+
font-family: "Source Code Pro", monospace;
76+
font-size: 12pt;
77+
border-radius: 3px;
78+
padding: 8px 16px;
79+
overflow: overlay;
80+
}

‎css/prism.css

+125
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
/**
2+
* prism.js default theme for JavaScript, CSS and HTML
3+
* Based on dabblet (http://dabblet.com)
4+
* @author Lea Verou
5+
*/
6+
7+
code[class*="language-"],
8+
pre[class*="language-"] {
9+
color: black;
10+
text-shadow: 0 1px white;
11+
font-family: Consolas, Monaco, 'Andale Mono', monospace;
12+
direction: ltr;
13+
text-align: left;
14+
white-space: pre;
15+
word-spacing: normal;
16+
word-break: normal;
17+
18+
-moz-tab-size: 2;
19+
-o-tab-size: 2;
20+
tab-size: 2;
21+
22+
-webkit-hyphens: none;
23+
-moz-hyphens: none;
24+
-ms-hyphens: none;
25+
hyphens: none;
26+
}
27+
28+
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
29+
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
30+
text-shadow: none;
31+
background: #b3d4fc;
32+
}
33+
34+
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
35+
code[class*="language-"]::selection, code[class*="language-"] ::selection {
36+
text-shadow: none;
37+
background: #b3d4fc;
38+
}
39+
40+
@media print {
41+
code[class*="language-"],
42+
pre[class*="language-"] {
43+
text-shadow: none;
44+
}
45+
}
46+
47+
/* Code blocks */
48+
pre[class*="language-"] {
49+
padding: 1em;
50+
margin: .5em 0;
51+
overflow: auto;
52+
}
53+
54+
:not(pre) > code[class*="language-"],
55+
pre[class*="language-"] {
56+
background: #f5f2f0;
57+
}
58+
59+
/* Inline code */
60+
:not(pre) > code[class*="language-"] {
61+
padding: .1em;
62+
border-radius: .3em;
63+
}
64+
65+
.token.comment,
66+
.token.prolog,
67+
.token.doctype,
68+
.token.cdata {
69+
color: slategray;
70+
}
71+
72+
.token.punctuation {
73+
color: #999;
74+
}
75+
76+
.namespace {
77+
opacity: .7;
78+
}
79+
80+
.token.property,
81+
.token.tag,
82+
.token.boolean,
83+
.token.number,
84+
.token.constant,
85+
.token.symbol {
86+
color: #905;
87+
}
88+
89+
.token.selector,
90+
.token.attr-name,
91+
.token.string,
92+
.token.builtin {
93+
color: #690;
94+
}
95+
96+
.token.operator,
97+
.token.entity,
98+
.token.url,
99+
.language-css .token.string,
100+
.style .token.string,
101+
.token.variable {
102+
color: #a67f59;
103+
background: hsla(0,0%,100%,.5);
104+
}
105+
106+
.token.atrule,
107+
.token.attr-value,
108+
.token.keyword {
109+
color: #07a;
110+
}
111+
112+
113+
.token.regex,
114+
.token.important {
115+
color: #e90;
116+
}
117+
118+
.token.important {
119+
font-weight: bold;
120+
}
121+
122+
.token.entity {
123+
cursor: help;
124+
}
125+

‎img/bkg.png

126 KB
Loading

0 commit comments

Comments
 (0)