blog-hexo/themes/hexo-theme-cosy/layout/resume.ejs

223 lines
8.6 KiB
Plaintext
Raw Normal View History

2023-10-31 13:15:48 +08:00
<%- css("/css/5c823a15.css")%>
2023-10-30 10:58:06 +08:00
<div class="resume scrollbar-obtrusive">
<div class="container">
<aside>
<div class="base">
<figure>
2023-10-30 11:08:25 +08:00
<img src="<%- page.avatar %>" />
2023-10-30 10:58:06 +08:00
</figure>
<h3><%- page.name %></h3>
<div class="badge">
<span><%- page.role %></span>
</div>
<div class="seperation"></div>
<ul>
<li>
<span class="icon girdle-box">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="5" width="18" height="14" rx="2"></rect>
<path d="M3 7l9 6l9-6"></path>
</g>
</svg>
</span>
<div>
<p>email</p>
<h4><%- page.email %></h4>
</div>
</li>
<li>
<span class="icon girdle-box">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<div>
<p>phone</p>
<h4><%- page.phone %></h4>
</div>
</li>
<li>
<span class="icon girdle-box">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="4" y="5" width="16" height="16" rx="2"></rect>
<path d="M16 3v4"></path>
<path d="M8 3v4"></path>
<path d="M4 11h16"></path>
<path d="M11 15h1"></path>
<path d="M12 15v3"></path>
</g>
</svg>
</span>
<div>
<p>BIRTHDAY</p>
<h4><%- page.birth %></h4>
</div>
</li>
<li>
<span class="icon girdle-box">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<path d="M21 3l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1L21 3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<div>
<p>LOCATION</p>
<h4><%- page.location %></h4>
</div>
</li>
</ul>
<div class="social">
<% if (page.social) { %>
<% page.social.forEach(function(item) { %>
<a href="<%= item.link %>" class="tip" data-tip="<%= item.name %>">
<%- item.icon %>
</a>
<% }) %>
<% } %>
</div>
</div>
</aside>
<main>
2023-10-31 13:15:48 +08:00
<h2><span><%- __('text-resume') %></span></h2>
2023-10-30 10:58:06 +08:00
<!-- introduction -->
<div class="about-me">
<% if (page.about) { %>
<% page.about.forEach(function(text) { %>
<p><%- text %></p>
<% }) %>
<% } %>
</div>
<h4><%- __('text-skill') %></h4>
<ul class="skill">
<% if (page.skill) { %>
<% page.skill.forEach(function(text) { %>
<li><%- text %></li>
<% }) %>
<% } %>
</ul>
<!-- edutcation -->
<ul>
<li class="title">
<span class="girdle-box">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 9L12 5L2 9l10 4l10-4v6"></path>
<path d="M6 10.6V16a6 3 0 0 0 12 0v-5.4"></path>
</g>
</svg>
</span>
<h4><%- __('text-education') %></h4>
</li>
<li class="item">
<% if (page.education) { %>
<% page.education.forEach(function(item) { %>
<p class="name"><%- item.school %></p>
<div class="period"><%- item.time %></div>
<% }) %>
<% } %>
</li>
</ul>
<!-- experience -->
<ul>
<li class="title">
<span class="girdle-box">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M8 9l5 5v7H8v-4m0 4H3v-7l5-5m1 1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v17h-8"></path>
<path d="M13 7v.01"></path>
<path d="M17 7v.01"></path>
<path d="M17 11v.01"></path>
<path d="M17 15v.01"></path>
</g>
</svg>
</span>
<h4><%- __('text-workExp') %></h4>
</li>
<% if (page.workExp) { %>
<% page.workExp.forEach(function(item) { %>
<li class="item">
<p class="name"><%- item.inc %></p>
<div class="period"><%- item.time %></div>
</li>
<% }) %>
<% } %>
</ul>
<!-- Project experience -->
<ul class="project">
<li class="title">
<span class="girdle-box">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M7 8l-4 4l4 4"></path>
<path d="M17 8l4 4l-4 4"></path>
<path d="M14 4l-4 16"></path>
</g>
</svg>
</span>
<h4><%- __('text-project') %></h4>
</li>
<% if (page.projectExp) { %>
<% page.projectExp.forEach(function(item) { %>
<li class="item">
<p class="name">
<label class="tip left" data-tip="<%- __('text-project-name') %>"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 15H5.5a2.5 2.5 0 1 1 0-5H6"></path>
<path d="M15 12v6.5a2.5 2.5 0 1 1-5 0V18"></path>
<path d="M12 9h6.5a2.5 2.5 0 1 1 0 5H18"></path>
<path d="M9 12V5.5a2.5 2.5 0 0 1 5 0V6"></path>
</g>
</svg>
</label><%- item.name %>
</p>
<div class="desc"><%- item.desc %></div>
<ul class="list">
<% if (item.list) { %>
<% item.list.forEach(function(detail) { %>
<li><%- detail %></li>
<% }) %>
<% } %>
</ul>
</li>
<% }) %>
<% } %>
</ul>
2023-10-31 13:15:48 +08:00
<h2 class="portfolio-title"><span><%- __('text-portfolio') %></span></h2>
<!-- portfolio -->
<div class="portfolio">
<div class="magic-cards">
<% if (page.portfolio) { %>
<% page.portfolio.forEach(function(item) { %>
<a href="<%= item.link %>" class="card">
<div class="card-content">
<div class="card-image" style="background-image: url('<%= item.cover %>');">
<span>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="2"></circle>
<path d="M22 12c-2.667 4.667-6 7-10 7s-7.333-2.333-10-7c2.667-4.667 6-7 10-7s7.333 2.333 10 7"></path>
</g>
</svg>
</span>
</div>
<div class="card-info-wrapper">
<div class="card-info">
<div class="card-info-title">
<h3 class="ellipsis"><%= item.name %></h3>
<h4 class="ellipsis"><%= item.desc %></h4>
</div>
</div>
</div>
</div>
</a>
<% }) %>
<% } %>
</div>
</div>
2023-10-30 10:58:06 +08:00
</main>
</div>
</div>
2023-10-31 13:15:48 +08:00
<%- js("/js/9f1cd854.js")%>