theme reorx: keep enhancing

This commit is contained in:
Reorx 2023-02-11 16:59:25 +08:00
parent 6c7c375d17
commit 50bb11e941
2 changed files with 37 additions and 30 deletions

View File

@ -11,7 +11,12 @@ function linkInDiv(url) {
<% if (cv.basics.label) { %> <% if (cv.basics.label) { %>
<div class="label row"><%= cv.basics.label %></div> <div class="label row"><%= cv.basics.label %></div>
<% } %> <% } %>
<%- linkInDiv(cv.basics.url) %> <% if (cv.basics.url) { %>
<div class="url row">
<%- fn.getIconSVG('mdi:link-variant') %>
<a href="<%= cv.basics.url %>"><%= fn.noSchemaURL(cv.basics.url) %></a>
</div>
<% } %>
<% if (cv.basics.summary) { %> <% if (cv.basics.summary) { %>
<div class="summary p"><%- fn.renderMarkdown(cv.basics.summary) %></div> <div class="summary p"><%- fn.renderMarkdown(cv.basics.summary) %></div>
<% } %> <% } %>
@ -115,7 +120,7 @@ function dateRange(item, level) {
<div class="position _ul _fz-4"><%= item.position %></div> <div class="position _ul _fz-4"><%= item.position %></div>
<%- dateRange(item, 2) %> <%- dateRange(item, 2) %>
</div> </div>
<div class="summary row"><%- fn.renderMarkdown(item.summary) %></div> <div class="summary p"><%- fn.renderMarkdown(item.summary) %></div>
<% if (item.highlights && item.highlights.length > 0) { %> <% if (item.highlights && item.highlights.length > 0) { %>
<div class="highlights row"> <div class="highlights row">
<ul> <ul>
@ -149,8 +154,11 @@ function dateRange(item, level) {
<% } %> <% } %>
<%- dateRange(item, 2) %> <%- dateRange(item, 2) %>
</div> </div>
<div class="p"><%- fn.renderMarkdown(item.description) %></div> <div class="p _text-dim"><%- fn.renderMarkdown(item.description) %></div>
<% if (item.highlights && item.highlights.length > 0) { %> <% if (item.highlights && item.highlights.length > 0) { %>
<% if (item.highlights.length === 1) { %>
<div class="highlights p"><%- fn.renderMarkdown(item.highlights[0], true) %></div>
<% } else { %>
<div class="highlights row"> <div class="highlights row">
<ul> <ul>
<% for (const hl of item.highlights) { %> <% for (const hl of item.highlights) { %>
@ -159,6 +167,7 @@ function dateRange(item, level) {
</ul> </ul>
</div> </div>
<% } %> <% } %>
<% } %>
<div class="keywords row"> <div class="keywords row">
<% for (const kw of item.keywords) { %> <% for (const kw of item.keywords) { %>
<span class="item"><%= kw %></span> <span class="item"><%= kw %></span>
@ -176,6 +185,7 @@ function dateRange(item, level) {
<h2>Side-projects</h2> <h2>Side-projects</h2>
<div class="line"></div> <div class="line"></div>
</div> </div>
<div class="two-columns">
<% for (const item of cv.sideProjects) { %> <% for (const item of cv.sideProjects) { %>
<div class="sideproject section-item"> <div class="sideproject section-item">
<div class="row space-between"> <div class="row space-between">
@ -188,7 +198,7 @@ function dateRange(item, level) {
<a href="<%= item.url %>"><%= fn.noSchemaURL(item.url) %></a> <a href="<%= item.url %>"><%= fn.noSchemaURL(item.url) %></a>
</div> </div>
<% } %> <% } %>
<div class="description p"><%- fn.renderMarkdown(item.description) %></div> <div class="description"><%- fn.renderMarkdown(item.description) %></div>
<% if (item.keywords && item.keywords.length > 0) { %> <% if (item.keywords && item.keywords.length > 0) { %>
<div class="keywords row"> <div class="keywords row">
<% for (const kw of item.keywords) { %> <% for (const kw of item.keywords) { %>
@ -198,6 +208,7 @@ function dateRange(item, level) {
<% } %> <% } %>
</div> </div>
<% } %> <% } %>
</div>
</section> </section>
<% } %> <% } %>

View File

@ -12,6 +12,7 @@ $lh-p: 1.4;
.cv-container { .cv-container {
font-size: 14px; font-size: 14px;
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
}
a, a:visited, a:active { a, a:visited, a:active {
color: $color-signature; color: $color-signature;
@ -21,7 +22,6 @@ $lh-p: 1.4;
color: $color-signature; color: $color-signature;
text-decoration: underline; text-decoration: underline;
} }
}
section { section {
.section-title { .section-title {
@ -110,6 +110,9 @@ section {
._ul { ._ul {
text-decoration: underline; text-decoration: underline;
} }
._text-dim {
color: $color-text-dim;
}
} }
.basics-section { .basics-section {
@ -118,10 +121,6 @@ section {
font-weight: 600; font-weight: 600;
margin: .2em 0 .2em 0; margin: .2em 0 .2em 0;
} }
.summary {
margin: .8em 0;
line-height: $lh-p;
}
.contact { .contact {
color: $color-text-dim; color: $color-text-dim;
@ -135,13 +134,10 @@ section {
} }
} }
.education-section { .sideprojects-section {
.description p:last-of-type {
margin-bottom: 0;
} }
.work-section {
}
.skills-section {
} }
footer { footer {