jekyll-theme-minimal-resume 3.0.1 → 3.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +21 -34
- data/_sass/_body.scss +78 -0
- data/_sass/_footer.scss +8 -0
- data/_sass/_header.scss +61 -0
- data/_sass/_main.scss +53 -0
- data/assets/css/resume.scss +58 -0
- metadata +7 -3
- data/assets/css/resume.css +0 -163
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f5108277b81d4efd5a36b776de3de5d908a9a953cb06aad71b4d6d8b3f514473
|
4
|
+
data.tar.gz: 6cec42e92e6d71f8c1b8daefec91c6495525402b2644ff1309a37dd96b1e867d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c52b9a28736ec79210c11d4398f6e6984f29162f0f05b1f71147a89165839bfd6575aa779b479951f354bc29e9914cc2f02bda223b211c2d8f3fa766f924f4b6
|
7
|
+
data.tar.gz: b168510f627720fe3d92d65ff2dbb3be2e35d3810794d42089402d51cdf3c98bbecd2dfa4d6feb0ae0742a6a1d6c980be2ebb1fa62637a47b78970eba6ab1166
|
data/README.md
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
# Crisp Minimal Résumé
|
2
2
|
|
3
|
-
[![Gem Version](https://badge.fury.io/rb/jekyll-theme-minimal-resume.svg)](https://badge.fury.io/rb/jekyll-theme-minimal-resume.svg)
|
4
3
|
![travis](https://travis-ci.org/crispgm/resume.svg)
|
5
4
|
![powered-by-jekyll](https://img.shields.io/badge/powered%20by-jekyll-blue.svg)
|
6
5
|
|
@@ -58,38 +57,7 @@ You may config all the data in `yaml` and make it your own résumé. Then, you m
|
|
58
57
|
|
59
58
|
## Gem-based Theme
|
60
59
|
|
61
|
-
|
62
|
-
|
63
|
-
```shell
|
64
|
-
gem "jekyll-theme-minimal-resume"
|
65
|
-
```
|
66
|
-
|
67
|
-
2. Install or Update Bundle
|
68
|
-
|
69
|
-
```shell
|
70
|
-
bundle install
|
71
|
-
```
|
72
|
-
|
73
|
-
3. Create `resume.html` and add the following
|
74
|
-
|
75
|
-
```shell
|
76
|
-
---
|
77
|
-
layout: resume
|
78
|
-
permalink: /resume.html
|
79
|
-
---
|
80
|
-
```
|
81
|
-
|
82
|
-
4. Run and Debug
|
83
|
-
|
84
|
-
```shell
|
85
|
-
jekyll serve
|
86
|
-
```
|
87
|
-
|
88
|
-
5. Build
|
89
|
-
|
90
|
-
```shell
|
91
|
-
jekyll build
|
92
|
-
```
|
60
|
+
Gem-based version is coming soon.
|
93
61
|
|
94
62
|
## Data Format
|
95
63
|
|
@@ -108,6 +76,20 @@ contact:
|
|
108
76
|
|
109
77
|
FontAwesome iconfont is embedded, so use the `fa-` class name as icon. `link` is optional, present if you want a link for your web version.
|
110
78
|
|
79
|
+
## Colors
|
80
|
+
|
81
|
+
Colors of the template is powered by [Open-Color](https://yeun.github.io/open-color/).
|
82
|
+
|
83
|
+
The default color Gray. However, you can change it to other colors as you like.
|
84
|
+
|
85
|
+
`color` may be specified in `_config.yml`:
|
86
|
+
|
87
|
+
```yaml
|
88
|
+
color: cyan
|
89
|
+
```
|
90
|
+
|
91
|
+
<img src="screenshots/resume-with-color.png" width="578" />
|
92
|
+
|
111
93
|
## Extending Sections
|
112
94
|
|
113
95
|
1. Add new section in `_data/resume.yml`
|
@@ -120,7 +102,7 @@ FontAwesome iconfont is embedded, so use the `fa-` class name as icon. `link` is
|
|
120
102
|
proficiency: Native or bilingual proficiency
|
121
103
|
```
|
122
104
|
|
123
|
-
2. Add section to `resume.html`:
|
105
|
+
2. Add section to `_layouts/resume.html`:
|
124
106
|
|
125
107
|
```html
|
126
108
|
<section id="languages">
|
@@ -148,6 +130,11 @@ Feel free to add yours here.
|
|
148
130
|
|
149
131
|
* [David Zhang](https://crispgm.com/resume/)
|
150
132
|
|
133
|
+
## Donation
|
134
|
+
|
135
|
+
* [Buy Me A Coffee](https://www.buymeacoffee.com/crispgm)
|
136
|
+
* [PayPal](https://www.paypal.me/crispgm)
|
137
|
+
|
151
138
|
## License
|
152
139
|
|
153
140
|
[![license](https://img.shields.io/github/license/crispgm/resume.svg)](/LICENSE)
|
data/_sass/_body.scss
ADDED
@@ -0,0 +1,78 @@
|
|
1
|
+
section {
|
2
|
+
display: flex;
|
3
|
+
padding-top: 2.4rem;
|
4
|
+
padding-bottom: 2.4rem;
|
5
|
+
padding-left: .2rem;
|
6
|
+
border-bottom: .1rem solid $secondary-color;
|
7
|
+
hyphens: auto;
|
8
|
+
}
|
9
|
+
|
10
|
+
.section-title {
|
11
|
+
font-size: 1.6rem;
|
12
|
+
text-align: left;
|
13
|
+
min-width: 10rem;
|
14
|
+
}
|
15
|
+
|
16
|
+
.section-content {
|
17
|
+
}
|
18
|
+
|
19
|
+
.section-flex {
|
20
|
+
display: flex;
|
21
|
+
flex-wrap: wrap;
|
22
|
+
}
|
23
|
+
|
24
|
+
.block {
|
25
|
+
margin-bottom: 2rem;
|
26
|
+
|
27
|
+
&:last-child {
|
28
|
+
margin-bottom: 0;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
.block-square {
|
33
|
+
width: 18rem;
|
34
|
+
|
35
|
+
&:nth-last-child(2) {
|
36
|
+
margin-bottom: 0;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
.block-title {
|
41
|
+
font-size: 1.2rem;
|
42
|
+
margin-bottom: .4rem;
|
43
|
+
font-weight: bold;
|
44
|
+
}
|
45
|
+
|
46
|
+
.block-subtitle {
|
47
|
+
font-size: 1rem;
|
48
|
+
margin-bottom: 1rem;
|
49
|
+
color: $secondary-color;
|
50
|
+
}
|
51
|
+
|
52
|
+
.block-content {
|
53
|
+
font-size: 1rem;
|
54
|
+
line-height: 1.5;
|
55
|
+
}
|
56
|
+
|
57
|
+
@media screen and (max-width: $breakpoint) {
|
58
|
+
section {
|
59
|
+
display: block;
|
60
|
+
padding-top: 2rem;
|
61
|
+
padding-bottom: 2rem;
|
62
|
+
}
|
63
|
+
|
64
|
+
.section-title {
|
65
|
+
text-align: center;
|
66
|
+
margin-bottom: 2rem;
|
67
|
+
}
|
68
|
+
|
69
|
+
.section-flex {
|
70
|
+
display: block;
|
71
|
+
}
|
72
|
+
|
73
|
+
.block-square {
|
74
|
+
&:nth-last-child(2) {
|
75
|
+
margin-bottom: 2rem;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
}
|
data/_sass/_footer.scss
ADDED
data/_sass/_header.scss
ADDED
@@ -0,0 +1,61 @@
|
|
1
|
+
header {
|
2
|
+
display: flex;
|
3
|
+
justify-content: space-between;
|
4
|
+
border-bottom: .1rem solid $secondary-color;
|
5
|
+
padding-top: 2.2rem;
|
6
|
+
padding-bottom: 2.2rem;
|
7
|
+
}
|
8
|
+
|
9
|
+
#name-wrapper {
|
10
|
+
padding-top: 1rem;
|
11
|
+
padding-bottom: 1rem;
|
12
|
+
}
|
13
|
+
|
14
|
+
#fullname {
|
15
|
+
font-size: 2.2rem;
|
16
|
+
}
|
17
|
+
|
18
|
+
#jobtitle {
|
19
|
+
font-size: 1.2rem;
|
20
|
+
margin-top: .8rem;
|
21
|
+
}
|
22
|
+
|
23
|
+
#contact {
|
24
|
+
font-size: 1rem;
|
25
|
+
padding-top: 1rem;
|
26
|
+
}
|
27
|
+
|
28
|
+
.contact-item {
|
29
|
+
margin-top: .4rem;
|
30
|
+
|
31
|
+
&:nth-child(1) {
|
32
|
+
margin-top: 0;
|
33
|
+
}
|
34
|
+
|
35
|
+
&:a {
|
36
|
+
color: inherit;
|
37
|
+
text-decoration: none;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
@media screen and (max-width: $breakpoint) {
|
42
|
+
header {
|
43
|
+
display: block;
|
44
|
+
padding-bottom: 1rem;
|
45
|
+
}
|
46
|
+
|
47
|
+
#name-wrapper {
|
48
|
+
text-align: center;
|
49
|
+
padding-bottom: 2rem;
|
50
|
+
}
|
51
|
+
|
52
|
+
#contact {
|
53
|
+
padding-top: 1rem;
|
54
|
+
border-top: .1rem solid $secondary-color;
|
55
|
+
}
|
56
|
+
|
57
|
+
.contact-item {
|
58
|
+
padding-top: .2rem;
|
59
|
+
padding-left: .4rem;
|
60
|
+
}
|
61
|
+
}
|
data/_sass/_main.scss
ADDED
@@ -0,0 +1,53 @@
|
|
1
|
+
html {
|
2
|
+
width: 100%;
|
3
|
+
font-size: 14px;
|
4
|
+
}
|
5
|
+
|
6
|
+
body {
|
7
|
+
text-align: center;
|
8
|
+
width: 100%;
|
9
|
+
font-family: "Noto Sans", "Segoe UI", Roboto, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
|
10
|
+
-webkit-font-smoothing: antialiased;
|
11
|
+
font-size: 1rem;
|
12
|
+
margin: 0;
|
13
|
+
color: $main-color;
|
14
|
+
background-color: $background-color;
|
15
|
+
}
|
16
|
+
|
17
|
+
a {
|
18
|
+
text-decoration: none;
|
19
|
+
color: inherit;
|
20
|
+
|
21
|
+
&:hover {
|
22
|
+
text-decoration: underline;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
26
|
+
.container {
|
27
|
+
margin-left: auto;
|
28
|
+
margin-right: auto;
|
29
|
+
margin-bottom: 1rem;
|
30
|
+
max-width: $breakpoint;
|
31
|
+
text-align: left;
|
32
|
+
}
|
33
|
+
|
34
|
+
@media screen and (max-width: $breakpoint) {
|
35
|
+
html {
|
36
|
+
font-size: 12px;
|
37
|
+
}
|
38
|
+
|
39
|
+
.container {
|
40
|
+
padding-left: .4rem;
|
41
|
+
padding-right: .4rem;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
@media print {
|
46
|
+
html {
|
47
|
+
font-size: 12px;
|
48
|
+
}
|
49
|
+
|
50
|
+
.print {
|
51
|
+
display: none;
|
52
|
+
}
|
53
|
+
}
|
@@ -0,0 +1,58 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
|
4
|
+
/*
|
5
|
+
* Theme of Crisp Minimal Resume
|
6
|
+
* Copyright (c) David Zhang, 2019
|
7
|
+
*/
|
8
|
+
|
9
|
+
$breakpoint: 48rem;
|
10
|
+
|
11
|
+
$background-color: #fff;
|
12
|
+
|
13
|
+
{% case site.color %}
|
14
|
+
{% when 'red' %}
|
15
|
+
$main-color: #495057;
|
16
|
+
$secondary-color: #fa5252;
|
17
|
+
{% when 'pink' %}
|
18
|
+
$main-color: #495057;
|
19
|
+
$secondary-color: #e64980;
|
20
|
+
{% when 'grape' %}
|
21
|
+
$main-color: #495057;
|
22
|
+
$secondary-color: #e64980;
|
23
|
+
{% when 'violet' %}
|
24
|
+
$main-color: #495057;
|
25
|
+
$secondary-color: #7950f2;
|
26
|
+
{% when 'indigo' %}
|
27
|
+
$main-color: #495057;
|
28
|
+
$secondary-color: #4c6ef5;
|
29
|
+
{% when 'blue' %}
|
30
|
+
$main-color: #495057;
|
31
|
+
$secondary-color: #228be6;
|
32
|
+
{% when 'cyan' %}
|
33
|
+
$main-color: #495057;
|
34
|
+
$secondary-color: #15aabf;
|
35
|
+
{% when 'teal' %}
|
36
|
+
$main-color: #495057;
|
37
|
+
$secondary-color: #12b886;
|
38
|
+
{% when 'green' %}
|
39
|
+
$main-color: #495057;
|
40
|
+
$secondary-color: #40c057;
|
41
|
+
{% when 'lime' %}
|
42
|
+
$main-color: #495057;
|
43
|
+
$secondary-color: #82c91e;
|
44
|
+
{% when 'yellow' %}
|
45
|
+
$main-color: #495057;
|
46
|
+
$secondary-color: #fab005;
|
47
|
+
{% when 'orange' %}
|
48
|
+
$main-color: #495057;
|
49
|
+
$secondary-color: #fd7e14;
|
50
|
+
{% else %}
|
51
|
+
$main-color: #495057;
|
52
|
+
$secondary-color: #adb5bd;
|
53
|
+
{% endcase %}
|
54
|
+
|
55
|
+
@import "main";
|
56
|
+
@import "header";
|
57
|
+
@import "body";
|
58
|
+
@import "footer";
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-theme-minimal-resume
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 3.0
|
4
|
+
version: 3.1.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- David Zhang
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-
|
11
|
+
date: 2019-06-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -67,7 +67,11 @@ files:
|
|
67
67
|
- _layouts/default.html
|
68
68
|
- _layouts/resume.html
|
69
69
|
- _layouts/resume_zh_cn.html
|
70
|
-
-
|
70
|
+
- _sass/_body.scss
|
71
|
+
- _sass/_footer.scss
|
72
|
+
- _sass/_header.scss
|
73
|
+
- _sass/_main.scss
|
74
|
+
- assets/css/resume.scss
|
71
75
|
homepage: https://github.com/crispgm/resume
|
72
76
|
licenses:
|
73
77
|
- MIT
|
data/assets/css/resume.css
DELETED
@@ -1,163 +0,0 @@
|
|
1
|
-
html {
|
2
|
-
width: 100%;
|
3
|
-
font-size: 14px;
|
4
|
-
}
|
5
|
-
body {
|
6
|
-
text-align: center;
|
7
|
-
width: 100%;
|
8
|
-
font-family: "Noto Sans", "Segoe UI", Roboto, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
|
9
|
-
-webkit-font-smoothing: antialiased;
|
10
|
-
font-size: 1rem;
|
11
|
-
margin: 0;
|
12
|
-
color: #555;
|
13
|
-
background-color: #fbfbfb;
|
14
|
-
}
|
15
|
-
a {
|
16
|
-
text-decoration: none;
|
17
|
-
color: #08c;
|
18
|
-
}
|
19
|
-
a:hover {
|
20
|
-
text-decoration: underline;
|
21
|
-
}
|
22
|
-
.container {
|
23
|
-
max-width: 48rem;
|
24
|
-
margin-left: auto;
|
25
|
-
margin-right: auto;
|
26
|
-
text-align: left;
|
27
|
-
margin-bottom: 1rem;
|
28
|
-
}
|
29
|
-
header {
|
30
|
-
display: flex;
|
31
|
-
justify-content: space-between;
|
32
|
-
border-bottom: .1rem solid #bbbbbb;
|
33
|
-
padding-top: 2.2rem;
|
34
|
-
padding-bottom: 2.2rem;
|
35
|
-
}
|
36
|
-
#name-wrapper {
|
37
|
-
padding-top: 1rem;
|
38
|
-
padding-bottom: 1rem;
|
39
|
-
}
|
40
|
-
#fullname {
|
41
|
-
font-size: 2.2rem;
|
42
|
-
}
|
43
|
-
#jobtitle {
|
44
|
-
font-size: 1.2rem;
|
45
|
-
margin-top: .8rem;
|
46
|
-
}
|
47
|
-
#contact {
|
48
|
-
font-size: 1rem;
|
49
|
-
padding-top: 1rem;
|
50
|
-
}
|
51
|
-
.contact-item:nth-child(1) {
|
52
|
-
margin-top: 0;
|
53
|
-
}
|
54
|
-
.contact-item {
|
55
|
-
margin-top: .4rem;
|
56
|
-
}
|
57
|
-
.contact-item a {
|
58
|
-
color: inherit;
|
59
|
-
text-decoration: none;
|
60
|
-
}
|
61
|
-
section {
|
62
|
-
display: flex;
|
63
|
-
padding-top: 2.4rem;
|
64
|
-
padding-bottom: 2.4rem;
|
65
|
-
padding-left: .2rem;
|
66
|
-
border-bottom: .1rem solid #bbbbbb;
|
67
|
-
hyphens: auto;
|
68
|
-
}
|
69
|
-
.section-title {
|
70
|
-
font-size: 1.6rem;
|
71
|
-
text-align: left;
|
72
|
-
min-width: 10rem;
|
73
|
-
}
|
74
|
-
.section-content {
|
75
|
-
}
|
76
|
-
.section-flex {
|
77
|
-
display: flex;
|
78
|
-
flex-wrap: wrap;
|
79
|
-
}
|
80
|
-
.block {
|
81
|
-
margin-bottom: 2rem;
|
82
|
-
}
|
83
|
-
.block-square {
|
84
|
-
width: 18rem;
|
85
|
-
}
|
86
|
-
.block-square:nth-last-child(2) {
|
87
|
-
margin-bottom: 0;
|
88
|
-
}
|
89
|
-
.block:last-child {
|
90
|
-
margin-bottom: 0;
|
91
|
-
}
|
92
|
-
.block-title {
|
93
|
-
font-size: 1.2rem;
|
94
|
-
margin-bottom: .4rem;
|
95
|
-
font-weight: bold;
|
96
|
-
}
|
97
|
-
.block-subtitle {
|
98
|
-
font-size: 1rem;
|
99
|
-
margin-bottom: 1rem;
|
100
|
-
color: #bbbbbb;
|
101
|
-
}
|
102
|
-
.block-content {
|
103
|
-
font-size: 1rem;
|
104
|
-
line-height: 1.5;
|
105
|
-
}
|
106
|
-
footer {
|
107
|
-
color: #bbbbbb;
|
108
|
-
font-size: 1rem;
|
109
|
-
min-height: 3rem;
|
110
|
-
line-height: 3rem;
|
111
|
-
margin-top: 1rem;
|
112
|
-
margin-bottom: 1rem;
|
113
|
-
}
|
114
|
-
@media print {
|
115
|
-
html {
|
116
|
-
font-size: 12px;
|
117
|
-
}
|
118
|
-
.print {
|
119
|
-
display: none;
|
120
|
-
}
|
121
|
-
}
|
122
|
-
@media screen and (max-width: 48rem) {
|
123
|
-
html {
|
124
|
-
font-size: 12px;
|
125
|
-
}
|
126
|
-
.container {
|
127
|
-
padding-left: .4rem;
|
128
|
-
padding-right: .4rem;
|
129
|
-
}
|
130
|
-
header {
|
131
|
-
display: block;
|
132
|
-
padding-bottom: 1rem;
|
133
|
-
}
|
134
|
-
#name-wrapper {
|
135
|
-
text-align: center;
|
136
|
-
padding-bottom: 2rem;
|
137
|
-
}
|
138
|
-
#contact {
|
139
|
-
padding-top: 1rem;
|
140
|
-
border-top: .1rem solid #bbbbbb;
|
141
|
-
}
|
142
|
-
.contact-item {
|
143
|
-
padding-top: .2rem;
|
144
|
-
padding-left: .4rem;
|
145
|
-
}
|
146
|
-
section {
|
147
|
-
display: block;
|
148
|
-
padding-top: 2rem;
|
149
|
-
padding-bottom: 2rem;
|
150
|
-
}
|
151
|
-
.section-title {
|
152
|
-
text-align: center;
|
153
|
-
margin-bottom: 2rem;
|
154
|
-
}
|
155
|
-
.section-flex {
|
156
|
-
display: block;
|
157
|
-
}
|
158
|
-
.block-square {
|
159
|
-
}
|
160
|
-
.block-square:nth-last-child(2) {
|
161
|
-
margin-bottom: 2rem;
|
162
|
-
}
|
163
|
-
}
|