Skip to content

Commit 6d0f9bb

Browse files
nboveenbovee
committed
feat: tune for US letter size and improve readability alongside compactness
1 parent 9a341f3 commit 6d0f9bb

File tree

6 files changed

+79
-74
lines changed

6 files changed

+79
-74
lines changed

‎assets/sass/_base.scss‎

Lines changed: 37 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -93,31 +93,22 @@ small {
9393
}
9494

9595
.role,
96-
.major,
96+
.institution,
9797
.project-name,
9898
.certificate-name,
9999
.publication-title,
100100
.award-name,
101101
.reference-name,
102102
.company,
103-
.degree,
104103
.issuer,
105104
.awarder,
106105
.reference-title,
107-
.basic .header :is(.name,
108-
.title,
109-
.description,),
106+
.basic .header :is(.name, .title, .description, ),
110107
.skill .section-content .groups .group-name {
111108
font-weight: $base-font-weight * 1.5;
112109
}
113110

114-
:is(
115-
.section-title,
116-
.location,
117-
.degree,
118-
.project-name,
119-
.contact-item
120-
) i::after,
111+
:is(.section-title, .location, .degree, .project-name, .contact-item) i::after,
121112
.skill-level i:not(:last-child)::after,
122113
.skill-name::after {
123114
content: "\00a0";
@@ -130,16 +121,16 @@ small {
130121
}
131122

132123
:is(
133-
.subrow,
134-
.title-desc-container .item,
135-
.contact-item,
136-
.group-item span,
137-
.language .item,
138-
.interest .item
124+
.subrow,
125+
.title-desc-container .item,
126+
.contact-item,
127+
.group-item span,
128+
.language .item,
129+
.interest .item
139130
):not(:last-child)::after {
140131
content: $body-delimiter;
141132
color: var(--color-separator);
142-
margin: 0 0.5em;
133+
margin: 0 0.4em;
143134
}
144135

145136
.contact-item:not(:last-child)::after {
@@ -155,14 +146,9 @@ small {
155146

156147
// Consolidated flex wrap elements
157148
.contact,
158-
:is(
159-
.certificate,
160-
.award,
161-
.reference,
162-
.skill,
163-
.language,
164-
.interest
165-
) .section-content .items {
149+
:is(.certificate, .award, .reference, .skill, .language, .interest)
150+
.section-content
151+
.items {
166152
display: flex;
167153
flex-wrap: wrap;
168154
}
@@ -189,12 +175,12 @@ small {
189175
}
190176

191177
// Consolidated border patterns
192-
:is(
193-
.item,
194-
.group
195-
):not(:last-child) {
196-
border-bottom: 1px dashed var(--color-theme-border);
197-
}
178+
// :is(
179+
// .item,
180+
// .group
181+
// ):not(:last-child) {
182+
// border-bottom: 1px dashed var(--color-theme-border);
183+
// }
198184

199185
// Special border for name
200186
.basic .header .name {
@@ -210,18 +196,18 @@ small {
210196
// Skill items: remove border for last row (3 items per row at 30% flex-basis)
211197
.skill .items {
212198
// If we have 3n items total, remove border from last 3
213-
.item:nth-last-child(-n+3):nth-last-child(3n),
214-
.item:nth-last-child(-n+3):nth-last-child(3n-1),
215-
.item:nth-last-child(-n+3):nth-last-child(3n-2) {
199+
.item:nth-last-child(-n + 3):nth-last-child(3n),
200+
.item:nth-last-child(-n + 3):nth-last-child(3n-1),
201+
.item:nth-last-child(-n + 3):nth-last-child(3n-2) {
216202
border-bottom: none;
217203
}
218204
// If we have 3n+1 items total, remove border from last 1
219-
.item:last-child:nth-child(3n+1) {
205+
.item:last-child:nth-child(3n + 1) {
220206
border-bottom: none;
221207
}
222208
// If we have 3n+2 items total, remove border from last 2
223-
.item:nth-last-child(-n+2):nth-last-child(3n+1),
224-
.item:nth-last-child(-n+2):nth-last-child(3n+2) {
209+
.item:nth-last-child(-n + 2):nth-last-child(3n + 1),
210+
.item:nth-last-child(-n + 2):nth-last-child(3n + 2) {
225211
border-bottom: none;
226212
}
227213
}
@@ -230,6 +216,9 @@ small {
230216
.group:not(:last-child) {
231217
border-bottom: 1px dashed var(--color-separator-border);
232218
}
219+
// .contact {
220+
// font-size: $small-font-size;
221+
// }
233222

234223
.wrapper {
235224
display: flex;
@@ -239,10 +228,10 @@ small {
239228
max-width: $content-width;
240229
margin: $spacing-unit auto;
241230
padding: $spacing-unit * 2;
242-
box-shadow: var(--color-shadow) 0px 10px 15px -3px,
231+
box-shadow:
232+
var(--color-shadow) 0px 10px 15px -3px,
243233
var(--color-shadow) 0px 4px 6px -2px;
244234

245-
246235
section {
247236
&:not(:nth-last-child(1)) {
248237
margin-bottom: $spacing-unit / 4;
@@ -263,7 +252,6 @@ small {
263252
border-bottom-color: var(--color-theme-border);
264253
border-bottom-width: 1px;
265254

266-
267255
h2 {
268256
font-size: inherit;
269257
margin-bottom: 0;
@@ -279,6 +267,11 @@ small {
279267
justify-content: space-between;
280268
}
281269
}
270+
.item {
271+
&:last-child {
272+
margin-bottom: 0;
273+
}
274+
}
282275
}
283276

284277
.authors {
@@ -347,7 +340,7 @@ small {
347340
.skill {
348341
.section-content {
349342
.items {
350-
justify-content: center;
343+
justify-content: center;
351344
.item {
352345
display: inline-flex;
353346
align-items: center;
@@ -383,7 +376,7 @@ small {
383376
justify-content: center;
384377
font-size: $small-font-size;
385378
a {
386-
color: var(--color-theme);
379+
color: var(--color-theme);
387380
}
388381
i {
389382
color: $heart-color;

‎assets/sass/_print.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
@media print {
22
@page {
3-
size: A4;
3+
size: letter;
44
}
55

66
body {
7-
font-size: 10pt !important;
7+
font-size: 11pt !important;
88
background: var(--color-body) !important;
9-
line-height: 135%;
9+
line-height: 130%;
1010
}
1111

1212
/* Hide theme toggler in print media */

‎assets/sass/main.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,14 @@ $base-font-weight: 300 !default;
77

88
$small-font-size: $base-font-size * 0.875 !default;
99
$middle-font-size: $base-font-size * 1.000 !default;
10-
$large-font-size: $base-font-size * 1.200 !default;
11-
$huge-font-size: $base-font-size * 2.250 !default;
10+
$large-font-size: $base-font-size * 1.150 !default;
11+
$huge-font-size: $base-font-size * 1.750 !default;
1212

1313
$base-line-height: $base-font-size + 0.35 !default;
14-
$spacing-unit: $base-font-size + 0.20 !default;
14+
$spacing-unit: $base-font-size + 0.15 !default;
1515

1616
// Width of the content area
17-
$content-width: 62rem !default;
17+
$content-width: 52.5rem !default;
1818

1919
// Default color settings - all colors calculated in colors.html partial
2020
// ${var}-dark indicates the theme it is for, not the actual color content

‎layouts/_partials/common.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
</head>
88
<body>
99
{{- if .Site.Params.open }}
10-
<div class="wrapper">
1110
{{- partial "toggle.html" . }}
11+
<div class="wrapper">
1212
{{- partial "basic.html" . }}
1313
{{- partial "profile.html" . }}
1414
{{- partial "experience.html" . }}

‎layouts/_partials/education.html‎

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -11,32 +11,36 @@ <h2>{{ $education.title }}</h2>
1111
<div class="items">
1212
{{- range $item := $education.items -}}
1313
<div class="item">
14+
<div class="row">
15+
{{- if $item.institution -}}
16+
<div class="institution subrow">
17+
{{- if $item.link -}}
18+
<a href="{{- $item.link -}}" target="_blank">{{- $item.institution | safeHTML -}}</a>
19+
{{- else -}}
20+
<span>{{- $item.institution | safeHTML -}}</span>
21+
{{- end -}}
22+
</div>
23+
{{- end -}}
24+
</div>
1425
<div class="row">
1526
<div class="row">
16-
<div class="major subrow">
27+
<div class="major degree subrow">
28+
{{- if $item.degree -}}
29+
{{ $item.degree }}
30+
<span> in </span>
31+
{{- end -}}
1732
{{- if $item.major -}}
1833
{{ $item.major }}
1934
{{- end -}}
2035
</div>
21-
{{- if $item.degree -}}
22-
<div class="degree subrow">
23-
{{/* <i class="fa-solid fa-fw fa-graduation-cap"></i> */}}
24-
{{- $item.degree -}}
25-
</div>
2636
{{- if $item.gpa -}}
2737
<div class="gpa subrow">{{ $item.gpa | markdownify }} GPA</div>
2838
{{- end -}}
29-
30-
{{- end }}
3139
</div>
3240
<div class="row">
33-
{{- if $item.institution -}}
34-
<div class="institution subrow">
35-
{{- if $item.link -}}
36-
<a href="{{- $item.link -}}" target="_blank">{{- $item.institution | safeHTML -}}</a>
37-
{{- else -}}
38-
<span>{{- $item.institution | safeHTML -}}</span>
39-
{{- end -}}
41+
{{- if $item.location -}}
42+
<div class="subrow">
43+
<span>{{- $item.location}}</span>
4044
</div>
4145
{{- end -}}
4246
<div class="date">

‎layouts/_partials/publication.html‎

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,14 +35,22 @@ <h2>{{ $publication.title }}</h2>
3535
{{- end -}}
3636
</div>
3737
</div>
38-
{{- if $item.authors }}
39-
<div class="authors">
40-
<span>{{ $item.authors | markdownify | safeHTML }}</span>
38+
<div>
39+
{{- if and $item.authors $item.doi }}
40+
<span class="authors subrow">{{ $item.authors | markdownify | safeHTML }}</span><span class="doi"><!--
41+
--><a href="https://doi.org/{{ $item.doi }}" target="_blank">https://doi.org/{{ $item.doi }}</a>
42+
</span>
43+
{{- else if $item.authors }}
44+
<span class="authors">{{ $item.authors | markdownify | safeHTML }}</span><span class="doi">
45+
{{- else if $item.doi }}
46+
<span class="doi">
47+
<a href="https://doi.org/{{ $item.doi }}" target="_blank">https://doi.org/{{ $item.doi }}</a>
48+
</span>
49+
{{- end }}
4150
</div>
42-
{{- end }}
43-
{{- if $item.doi }}
44-
<div class="doi">
45-
<span>DOI: <a href="https://doi.org/{{ $item.doi }}" target="_blank">{{ $item.doi }}</a></span>
51+
{{- if $item.description }}
52+
<div class="row">
53+
<span class="subrow">{{ $item.description | markdownify | safeHTML }}</span>
4654
</div>
4755
{{- end }}
4856
</div>

0 commit comments

Comments
 (0)