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

theme reorx: enhance location display

This commit is contained in:
Reorx 2023-02-14 13:12:51 +08:00
parent 9bf4c10a92
commit 4e2c1f0eca
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,6 +4,13 @@ function linkInDiv(url) {
return `<div class="url row"><a href="${url}" target="_blank">${fn.noSchemaURL(url)}</a></div>` return `<div class="url row"><a href="${url}" target="_blank">${fn.noSchemaURL(url)}</a></div>`
} }
%> %>
<%
function formatLocation(loc) {
const cityToCountry = ['city', 'postalCode', 'region', 'countryCode'].map(key => loc[key]).filter(v => v).join(', ')
if (!loc.address) return cityToCountry
return `${loc.address}. ${cityToCountry}`
}
%>
<!-- Basics --> <!-- Basics -->
<section class="basics-section"> <section class="basics-section">
@ -36,7 +43,7 @@ function linkInDiv(url) {
<% if (cv.basics.location) { %> <% if (cv.basics.location) { %>
<div class="item"> <div class="item">
<%- fn.getIconSVG('mdi:location') %> <%- fn.getIconSVG('mdi:location') %>
<span><%= cv.basics.location.city %>, <%= cv.basics.location.countryCode %></span> <span><%= formatLocation(cv.basics.location) %></span>
</div> </div>
<% } %> <% } %>
</div> </div>

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

@ -165,14 +165,14 @@ section {
.contact { .contact {
color: $color-text-dim; color: $color-text-dim;
display: flex; display: flex;
flex-wrap: wrap;
gap: .4em 1em;
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
flex-direction: column; flex-direction: column;
gap: .4em;
} }
.item { .item {
margin-right: 1em;
a { a {
color: $color-text-dim; color: $color-text-dim;
} }