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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 653f0c50088e8487b8740be7ec35920ac4a8bf357701ee2a2e2c64c6a54705d3
4
- data.tar.gz: e2aa726ae31eebbb47401f37d0725bf2b03dd6a9ae3ece55610354dac3c086cf
3
+ metadata.gz: f5108277b81d4efd5a36b776de3de5d908a9a953cb06aad71b4d6d8b3f514473
4
+ data.tar.gz: 6cec42e92e6d71f8c1b8daefec91c6495525402b2644ff1309a37dd96b1e867d
5
5
  SHA512:
6
- metadata.gz: 749f14a0a6fcb74f7264ec709b3066f67b5a4dd67cc972bff749197e22a6402c14087a19cda5d711ecbfa7833089d8395d5fcbfaf6403fd2e5cb211bba0f83f6
7
- data.tar.gz: 8720c87c1fbc85676e3c75acb9c4042db421475130fd535d72d51988e378857f00a3e30927b35edb469a09197ef2b8f0ec7ffe0a45f099dcf0299ebc7f9e6e31
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
- 1. Add to `Gemfile`
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)
@@ -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
+ }
@@ -0,0 +1,8 @@
1
+ footer {
2
+ color: $secondary-color;
3
+ font-size: 1rem;
4
+ min-height: 3rem;
5
+ line-height: 3rem;
6
+ margin-top: 1rem;
7
+ margin-bottom: 1rem;
8
+ }
@@ -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
+ }
@@ -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.1
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-04-29 00:00:00.000000000 Z
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
- - assets/css/resume.css
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
@@ -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
- }