gitadmin
/
jsoncv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme reorx: add .subtitle to replace some helper classes

This commit is contained in:
Reorx 2023-02-11 23:50:23 +08:00
parent ff96925633
commit 39a121bd15
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/themes/reorx/index.ejs
View File

@ -9,7 +9,7 @@ function linkInDiv(url) {
<section class="basics-section"> <section class="basics-section">
<h1><%= cv.basics.name %></h1> <h1><%= cv.basics.name %></h1>
<% if (cv.basics.label) { %> <% if (cv.basics.label) { %>
<div class="label row"><%= cv.basics.label %></div> <div class="label row subtitle"><%= cv.basics.label %></div>
<% } %> <% } %>
<% if (cv.basics.url) { %> <% if (cv.basics.url) { %>
<div class="url row"> <div class="url row">
@ -87,7 +87,7 @@ function dateRange(item, level) {
<%- linkInDiv(item.url) %> <%- linkInDiv(item.url) %>
</div> </div>
<div class="row space-between"> <div class="row space-between">
<div class="study _ul _fz-4"> <div class="study subtitle">
<%= item.studyType %>, <%= item.area %> <%= item.studyType %>, <%= item.area %>
</div> </div>
<%- dateRange(item, 2) %> <%- dateRange(item, 2) %>
@ -117,7 +117,7 @@ function dateRange(item, level) {
<%- linkInDiv(item.url) %> <%- linkInDiv(item.url) %>
</div> </div>
<div class="row space-between"> <div class="row space-between">
<div class="position _ul _fz-4"><%= item.position %></div> <div class="position subtitle"><%= item.position %></div>
<%- dateRange(item, 2) %> <%- dateRange(item, 2) %>
</div> </div>
<div class="summary p"><%- fn.renderMarkdown(item.summary) %></div> <div class="summary p"><%- fn.renderMarkdown(item.summary) %></div>
@ -150,11 +150,11 @@ function dateRange(item, level) {
</div> </div>
<div class="row space-between"> <div class="row space-between">
<% if (item.roles && item.roles.length > 0) { %> <% if (item.roles && item.roles.length > 0) { %>
<div class="roles _ul _fz-4"><%= item.roles.join(', ') %></div> <div class="roles subtitle"><%= item.roles.join(', ') %></div>
<% } %> <% } %>
<%- dateRange(item, 2) %> <%- dateRange(item, 2) %>
</div> </div>
<div class="p _text-dim"><%- fn.renderMarkdown(item.description) %></div> <div class="row _text-dim"><%- fn.renderMarkdown(item.description, true) %></div>
<% if (item.highlights && item.highlights.length > 0) { %> <% if (item.highlights && item.highlights.length > 0) { %>
<% if (item.highlights.length === 1) { %> <% if (item.highlights.length === 1) { %>
<div class="highlights p"><%- fn.renderMarkdown(item.highlights[0], true) %></div> <div class="highlights p"><%- fn.renderMarkdown(item.highlights[0], true) %></div>
@ -223,7 +223,7 @@ function dateRange(item, level) {
<% for (const item of cv.skills) { %> <% for (const item of cv.skills) { %>
<div class="skill section-item"> <div class="skill section-item">
<h3><%= item.name %></h3> <h3><%= item.name %></h3>
<div class="level row _ul _fz-4"><%= item.level %></div> <div class="level row subtitle"><%= item.level %></div>
<% if (item.summary) { %> <% if (item.summary) { %>
<div class="summary p"><%- fn.renderMarkdown(item.summary) %></div> <div class="summary p"><%- fn.renderMarkdown(item.summary) %></div>
<% } %> <% } %>
@ -250,7 +250,7 @@ function dateRange(item, level) {
<% for (const item of cv.languages) { %> <% for (const item of cv.languages) { %>
<div class="language section-item"> <div class="language section-item">
<h3><%= item.language %></h3> <h3><%= item.language %></h3>
<div class="fluency row _ul _fz-4"><%= item.fluency %></div> <div class="fluency row subtitle"><%= item.fluency %></div>
<% if (item.summary) { %> <% if (item.summary) { %>
<div class="summary p"><%- fn.renderMarkdown(item.summary) %></div> <div class="summary p"><%- fn.renderMarkdown(item.summary) %></div>
<% } %> <% } %>

4
src/themes/reorx/index.scss
View File

@ -85,6 +85,10 @@ section {
line-height: $lh-p; line-height: $lh-p;
margin: .8em 0; margin: .8em 0;
} }
.subtitle {
font-size: $fz-4;
// font-weight: 300;
}
.space-between { .space-between {
display: flex; display: flex;