Skip to content

Commit 9cfa7ee

Browse files
committed
create custom theme based on minima / add Makefile
1 parent 4e3acd9 commit 9cfa7ee

File tree

3 files changed

+179
-11
lines changed

3 files changed

+179
-11
lines changed

Makefile

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
BUNDLE := bundle
2+
JEKYLL := $(BUNDLE) exec jekyll
3+
4+
all: build
5+
6+
install:
7+
$(BUNDLE) install
8+
9+
build:
10+
$(JEKYLL) build
11+
12+
serve: build
13+
$(JEKYLL) serve

_config.yml

+16-11
Original file line numberDiff line numberDiff line change
@@ -30,14 +30,19 @@ theme: minima
3030
plugins:
3131
- jekyll-feed
3232

33-
# Exclude from processing.
34-
# The following items will not be processed, by default. Create a custom list
35-
# to override the default setting.
36-
# exclude:
37-
# - Gemfile
38-
# - Gemfile.lock
39-
# - node_modules
40-
# - vendor/bundle/
41-
# - vendor/cache/
42-
# - vendor/gems/
43-
# - vendor/ruby/
33+
exclude:
34+
- .git
35+
- .gitignore
36+
- .sass-cache
37+
- Makefile
38+
- Gemfile
39+
- Gemfile.lock
40+
- node_modules
41+
- vendor/bundle/
42+
- vendor/cache/
43+
- vendor/gems/
44+
- vendor/ruby/
45+
46+
header_pages:
47+
- abc.md
48+
- 123.md

assets/main.scss

+150
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,150 @@
1+
---
2+
# Only the main Sass file needs front matter (the dashes are enough)
3+
---
4+
5+
$grey-color: #000000 !default;
6+
$grey-color-light: #e5e5e5 !default;
7+
$grey-color-dark: #000000 !default;
8+
9+
$main-color: #7d2000;
10+
$main-color-light: #b88574;
11+
$main-color-white: #c1a0a0;
12+
$main-color-light: #cfa090;
13+
$background-color: $grey-color-light !default;
14+
$content-width: 100vh;
15+
16+
@import "minima";
17+
18+
.site-header {
19+
border: 5px solid $background-color;
20+
border: 0px;
21+
22+
background: $main-color-light;
23+
border-radius: 25px;
24+
margin-left: auto;
25+
margin-right: auto;
26+
margin-top: 10px;
27+
margin-bottom: 0px;
28+
29+
width: $content-width;
30+
}
31+
32+
.site-footer {
33+
background: #d0d0e0;
34+
border: 0px;
35+
border-radius: 25px;
36+
margin: 20px;
37+
margin-top: 0px;
38+
margin-left: auto;
39+
margin-right: auto;
40+
41+
width: $content-width;
42+
}
43+
44+
.page-content {
45+
border-radius: 25px;
46+
background: lighten(#cfcf8f, 25%);
47+
margin: 20px;
48+
margin-left: auto;
49+
margin-right: auto;
50+
51+
width: $content-width;
52+
}
53+
54+
/**
55+
* Syntax highlighting styles
56+
*/
57+
.highlight {
58+
background: #fff;
59+
background: #000;
60+
@extend %vertical-rhythm;
61+
62+
.highlighter-rouge & {
63+
background: #eef;
64+
background: #000;
65+
}
66+
67+
pre { background-color: #272822; }
68+
.hll { background-color: #272822; }
69+
.c { color: #75715e } /* Comment */
70+
.err { color: #960050; background-color: #1e0010 } /* Error */
71+
.k { color: #66d9ef } /* Keyword */
72+
.l { color: #ae81ff } /* Literal */
73+
.n { color: #f8f8f2 } /* Name */
74+
.o { color: #f92672 } /* Operator */
75+
.p { color: #f8f8f2 } /* Punctuation */
76+
.cm { color: #75715e } /* Comment.Multiline */
77+
.cp { color: #75715e } /* Comment.Preproc */
78+
.c1 { color: #75715e } /* Comment.Single */
79+
.cs { color: #75715e } /* Comment.Special */
80+
.ge { font-style: italic } /* Generic.Emph */
81+
.gs { font-weight: bold } /* Generic.Strong */
82+
.kc { color: #66d9ef } /* Keyword.Constant */
83+
.kd { color: #66d9ef } /* Keyword.Declaration */
84+
.kn { color: #f92672 } /* Keyword.Namespace */
85+
.kp { color: #66d9ef } /* Keyword.Pseudo */
86+
.kr { color: #66d9ef } /* Keyword.Reserved */
87+
.kt { color: #66d9ef } /* Keyword.Type */
88+
.ld { color: #e6db74 } /* Literal.Date */
89+
.m { color: #ae81ff } /* Literal.Number */
90+
.s { color: #e6db74 } /* Literal.String */
91+
.na { color: #a6e22e } /* Name.Attribute */
92+
.nb { color: #f8f8f2 } /* Name.Builtin */
93+
.nc { color: #a6e22e } /* Name.Class */
94+
.no { color: #66d9ef } /* Name.Constant */
95+
.nd { color: #a6e22e } /* Name.Decorator */
96+
.ni { color: #f8f8f2 } /* Name.Entity */
97+
.ne { color: #a6e22e } /* Name.Exception */
98+
.nf { color: #a6e22e } /* Name.Function */
99+
.nl { color: #f8f8f2 } /* Name.Label */
100+
.nn { color: #f8f8f2 } /* Name.Namespace */
101+
.nx { color: #a6e22e } /* Name.Other */
102+
.py { color: #f8f8f2 } /* Name.Property */
103+
.nt { color: #f92672 } /* Name.Tag */
104+
.nv { color: #f8f8f2 } /* Name.Variable */
105+
.ow { color: #f92672 } /* Operator.Word */
106+
.w { color: #f8f8f2 } /* Text.Whitespace */
107+
.mf { color: #ae81ff } /* Literal.Number.Float */
108+
.mh { color: #ae81ff } /* Literal.Number.Hex */
109+
.mi { color: #ae81ff } /* Literal.Number.Integer */
110+
.mo { color: #ae81ff } /* Literal.Number.Oct */
111+
.sb { color: #e6db74 } /* Literal.String.Backtick */
112+
.sc { color: #e6db74 } /* Literal.String.Char */
113+
.sd { color: #e6db74 } /* Literal.String.Doc */
114+
.s2 { color: #e6db74 } /* Literal.String.Double */
115+
.se { color: #ae81ff } /* Literal.String.Escape */
116+
.sh { color: #e6db74 } /* Literal.String.Heredoc */
117+
.si { color: #e6db74 } /* Literal.String.Interpol */
118+
.sx { color: #e6db74 } /* Literal.String.Other */
119+
.sr { color: #e6db74 } /* Literal.String.Regex */
120+
.s1 { color: #e6db74 } /* Literal.String.Single */
121+
.ss { color: #e6db74 } /* Literal.String.Symbol */
122+
.bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
123+
.vc { color: #f8f8f2 } /* Name.Variable.Class */
124+
.vg { color: #f8f8f2 } /* Name.Variable.Global */
125+
.vi { color: #f8f8f2 } /* Name.Variable.Instance */
126+
.il { color: #ae81ff } /* Literal.Number.Integer.Long */
127+
128+
.gh { } /* Generic Heading & Diff Header */
129+
.gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
130+
.gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
131+
.gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
132+
}
133+
134+
/* NOTE(opadron): fix highlighting inconsistencies */
135+
figure.highlight > pre > code {
136+
background: none;
137+
}
138+
139+
div.highlighter-rouge > div > pre {
140+
background: #272822 !important;
141+
color: #f8f8f2;
142+
code {
143+
background: none;
144+
}
145+
}
146+
147+
figure.highlight > pre > code.language-plaintext {
148+
background: none;
149+
color: #f8f8f2;
150+
}

0 commit comments

Comments
 (0)