update templates
This commit is contained in:
parent
71ae2a4624
commit
0095a296d3
|
@ -2,6 +2,7 @@
|
|||
|
||||
{% block title %}Archive | {{ SITENAME }}{% endblock %}
|
||||
{% set current = "archive" %}
|
||||
{% set url = "archives.html" %}
|
||||
|
||||
{% macro countyear(year) %}
|
||||
{% set name = namespace(y=0) %}
|
||||
|
@ -117,4 +118,4 @@
|
|||
{% include 'pagination.html' %}
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
|
@ -13,6 +13,9 @@
|
|||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/stork.css">
|
||||
<link rel="stylesheet" media="screen and (prefers-color-scheme: dark)"
|
||||
href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/stork-dark.css">
|
||||
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/resume.css" />
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/stork.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/flags.css">
|
||||
{% if FEED_ALL_ATOM %}
|
||||
<link
|
||||
href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}"
|
||||
|
@ -37,167 +40,9 @@
|
|||
|
||||
<body class="min-h-screen flex flex-col max-w-7xl lg:max-w-none text-zinc-800 bg-neutral-100
|
||||
dark:bg-neutral-900 dark:text-zinc-300 container mx-auto justify-center md:px-3 ">
|
||||
<nav class="sm:flex sm:justify-between xl:ml-32 pl-4 items-center">
|
||||
<div class="flex pt-4">
|
||||
<h1 class="font-semibold text-2xl"><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
|
||||
<button id="theme-toggle" type="button"
|
||||
class="text-zinc-700 dark:text-zinc-400 rounded-full focus:outline-none text-sm ml-2 p-1">
|
||||
<svg id="theme-toggle-dark-icon" class="w-5 h-5 hidden" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
|
||||
</svg>
|
||||
<svg id="theme-toggle-light-icon" class="w-5 h-5 hidden" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
|
||||
fill-rule="evenodd" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<ul class="flex flex-wrap lg:mr-24 md:pt-0">
|
||||
{% if DISPLAY_PAGES_ON_MENU %}
|
||||
{% for p in pages %}
|
||||
<li class="mr-4 pt-6"><a {% if p==page %} class="border-b-2 border-zinc-800 dark:border-zinc-300"
|
||||
{% endif %} href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<li class="mr-4 pt-6"><a {% if current=="archive" %} class="border-b-2 border-zinc-800 dark:border-zinc-300"
|
||||
{% endif %} href="{{ SITEURL }}/archives.html">Archive</a></li>
|
||||
<li class="mr-4 pt-6"><a {% if current=="categories" %}
|
||||
class="border-b-2 border-zinc-800 dark:border-zinc-300" {% endif %}
|
||||
href="{{ SITEURL }}/categories.html">Categories</a></li>
|
||||
<li class="mr-4 pt-6"><a {% if current=="tags" %} class="border-b-2 border-zinc-800 dark:border-zinc-300"
|
||||
{% endif %} href="{{ SITEURL }}/tags.html">Tags</a></li>
|
||||
<li class="mr-4 pt-6"><a {% if current=="search" %} class="border-b-2 border-zinc-800 dark:border-zinc-300"
|
||||
{% endif %} href="{{ SITEURL }}/search.html">Search</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% include('partials/menu.html') %}
|
||||
<div class="flex-grow md:max-w-screen-md md:mx-auto md:w-3/4 px-4">
|
||||
{% if article %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-2 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex items-center">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
Home
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/categories.html">Categories</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/{{category.url}}">{{ category }}</a>
|
||||
</li>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</ul>
|
||||
</nav>
|
||||
{% elif tag %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-3 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
Home
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/tags.html">Tags</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="border-b-2 border-zinc-800 dark:border-zinc-300">
|
||||
{{ tag }}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% elif page %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-3 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
Home
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="border-b-2 border-zinc-800 dark:border-zinc-300">
|
||||
{{page.title}}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% elif category %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-3 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
Home
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/categories.html">Categories</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="border-b-2 border-zinc-800 dark:border-zinc-300">
|
||||
{{ category }}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
{% include('partials/breadcrumbs.html') %}
|
||||
{% block content %} {% endblock %}
|
||||
</div>
|
||||
<footer class="flex w-full text-xs justify-center mt-10 mb-6 text-zinc-500 dark:text-zinc-400">
|
||||
|
@ -243,10 +88,6 @@
|
|||
}
|
||||
});
|
||||
</script>
|
||||
<script src="https://files.stork-search.net/releases/v1.4.0/stork.js"></script>
|
||||
<script>
|
||||
stork.register("sitesearch", "{{ SITEURL }}/search-index.st")
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
{% block title %}{{ SITENAME }} | Categories{% endblock %}
|
||||
{% set current = "categories" %}
|
||||
{% set url = "categories.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
@ -18,4 +19,4 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
{% extends "base.html" %}
|
||||
{% block html_lang %}{{ page.lang }}{% endblock %}
|
||||
{% set url = page.url %}
|
||||
|
||||
{% block title %}{{ SITENAME }} | {{ page.title }}{%endblock%}
|
||||
|
||||
|
@ -22,12 +23,13 @@
|
|||
prose-code:font-light
|
||||
prose-img:rounded-md
|
||||
">
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{{ translations.translations_for(page) }}
|
||||
{{ page.content }}
|
||||
<!-- <div class="aspect-w-16 aspect-h-9 mx-auto"></div> CSS placeholder -->
|
||||
</div>
|
||||
<footer class="flex bg-zinc-200 dark:bg-zinc-700 mt-10 py-2 rounded-lg justify-center space-x-2 text-xs">
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{{ translations.translations_for(page) }}
|
||||
|
||||
{% for name, link in SHARE %}
|
||||
<ul>
|
||||
<a target="_blank" rel="noopener noreferrer" title="{{ name }}" aria-label="share Features on {{ name }}"
|
||||
|
@ -44,4 +46,4 @@
|
|||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
|
@ -0,0 +1,48 @@
|
|||
{% set awards = page.resume.awards %}
|
||||
{% if awards %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>{{ language.titles.awards }}</h2>
|
||||
</header>
|
||||
<section id="awards">
|
||||
{% for award in awards %}
|
||||
<section class="award-item">
|
||||
{% if award.summary %}
|
||||
{% if loop.first %}
|
||||
<input id="award-item-{{ loop.index }}" type="checkbox" class="toggle-item" checked="checked" />
|
||||
{% else %}
|
||||
<input id="award-item-{{ loop.index }}" type="checkbox" class="toggle-item" />
|
||||
{% endif %}
|
||||
<label for="award-item-{{ loop.index }}"></label>
|
||||
{% endif %}
|
||||
|
||||
<header class="clear">
|
||||
<div class="header-left">
|
||||
{% if award.title %}
|
||||
<div class="title">
|
||||
{{ award.title }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if award.awarder %}
|
||||
<div class="awarder">
|
||||
{{ award.awarder }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if award.date %}
|
||||
<div class="date">
|
||||
{{ award.date }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
<div class="item">
|
||||
{% if award.summary %}
|
||||
<div class="summary">{{ award.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,92 @@
|
|||
{% set basics = page.resume.basics %}
|
||||
{% if basics %}
|
||||
<header id="header" class="clear">
|
||||
{% if basics.image_b64 %}
|
||||
<img class="image" src="data:image/jpeg;base64,{{ basics.image_b64 | safe }}" alt="{{ basics.name }}" />
|
||||
<div class="middle">
|
||||
<h1 class="name">{{ basics.name }}</h1>
|
||||
<h2 class="label">{{ basics.label }}</h2>
|
||||
</div>
|
||||
{% else %}
|
||||
<div>
|
||||
<h1 class="name">{{ basics.name }}</h1>
|
||||
<h2 class="label">{{ basics.label }}</h2>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if basics.location %}
|
||||
<span class="location">
|
||||
{% if basics.location.address %}
|
||||
<span class="address">{{ basics.location.address }},</span>
|
||||
{% endif %}
|
||||
{% if basics.location.postalCode %}
|
||||
<span class="postalCode">{{ basics.location.postalCode }},</span>
|
||||
{% endif %}
|
||||
{% if basics.location.city %}
|
||||
<span class="city">{{ basics.location.city }},</span>
|
||||
{% endif %}
|
||||
{% if basics.location.region %}
|
||||
<span class="region">{{ basics.location.region }}</span>
|
||||
{% endif %}
|
||||
{% if basics.location.countryCode %}
|
||||
<span class="countryCode {{ basics.location.countryCode }}"></span>
|
||||
{% endif %}
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
{% if basics.birth %}
|
||||
{{ basics.birth }}
|
||||
{% endif %}
|
||||
|
||||
<div id="contact">
|
||||
{% if basics.url %}
|
||||
<div class="website">
|
||||
<span class="fas fa-external-link-alt"></span>
|
||||
<a href="{{ basics.url }}">{{ basics.url }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if basics.email %}
|
||||
<div class="email">
|
||||
<span class="far fa-envelope"></span>
|
||||
<a href="mailto:{{ basics.email }}">{{ basics.email }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if basics.phone %}
|
||||
<div class="phone">
|
||||
<span class="fas fa-mobile-alt"></span>
|
||||
<a href="tel:{{ basics.phone }}">{{ basics.phone }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if basics.profiles %}
|
||||
<div id="profiles">
|
||||
{% for profile in basics.profiles %}
|
||||
<div class="item">
|
||||
{% if profile.network %}
|
||||
<div class="username">
|
||||
<span class="{{ profile.icon | d('fab fa-' + profile.network | replace(' ', '-') | lower) }} {{ profile.network | replace(' ', '-') | lower }} social"></span>
|
||||
{% if profile.url %}
|
||||
<span class="url">
|
||||
<a href="{{ profile.url }}">{{ profile.username }}</a>
|
||||
</span>
|
||||
{% else %}
|
||||
<span>{{ profile.username }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
{% if basics.summary %}
|
||||
<section class="section">
|
||||
<section class="main-summary">
|
||||
<div>{{ basics.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
|
@ -0,0 +1,127 @@
|
|||
{% if article %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-2 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex items-center">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
{% trans %}Home{% endtrans %}
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/categories.html">Categories</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/{{category.url}}">{{ category }}</a>
|
||||
</li>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</ul>
|
||||
</nav>
|
||||
{% elif tag %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-3 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
{% trans %}Home{% endtrans %}
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/tags.html">Tags</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="border-b-2 border-zinc-800 dark:border-zinc-300">
|
||||
{{ tag }}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% elif page %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-3 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
{% trans %}Home{% endtrans %}
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="border-b-2 border-zinc-800 dark:border-zinc-300">
|
||||
{{page.title}}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% elif category %}
|
||||
<nav class="text-zinc-800 dark:text-zinc-300 mt-12 pb-3 md:mt-16" aria-label="Breadcrumb">
|
||||
<ul class="p-0 inline-flex">
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/" class="text-zinc-800 dark:text-zinc-300 inline-flex items-center">
|
||||
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
|
||||
</path>
|
||||
</svg>
|
||||
{% trans %}Home{% endtrans %}
|
||||
</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a href="{{ SITEURL }}/categories.html">Categories</a>
|
||||
<svg class="fill-current w-3 h-3 mr-2 ml-1" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512">
|
||||
<path
|
||||
d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
|
||||
</svg>
|
||||
</li>
|
||||
<li class="border-b-2 border-zinc-800 dark:border-zinc-300">
|
||||
{{ category }}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
{% set education = page.resume.education %}
|
||||
{% if education %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>{{ language.titles.education }} <span class="item-count">({{ education | length }})</span></h2>
|
||||
</header>
|
||||
|
||||
<section id="education">
|
||||
{% for education_item in education %}
|
||||
<section class="education-item">
|
||||
{% if education_item.summary %}
|
||||
{% if loop.first %}
|
||||
<input id="education-item-{{ loop.index }}" type="checkbox" class="toggle-item" checked="checked" />
|
||||
{% else %}
|
||||
<input id="education-item-{{ loop.index }}" type="checkbox" class="toggle-item" />
|
||||
{% endif %}
|
||||
<label for="education-item-{{ loop.index }}"></label>
|
||||
{% endif %}
|
||||
<header class="clear">
|
||||
<div class="header-left">
|
||||
{% if education_item.studyType %}
|
||||
<div class="studyType">
|
||||
{{ education_item.studyType }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if education_item.area %}
|
||||
<div class="area">
|
||||
{{ education_item.area }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if education_item.institution %}
|
||||
<div class="institution">
|
||||
{{ education_item.institution }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="date">
|
||||
{% if education_item.startDate %}
|
||||
<span class="startDate">
|
||||
{{ education_item.startDate }}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if education_item.endDate %}
|
||||
<span class="endDate">
|
||||
- {{ education_item.endDate }}
|
||||
</span>
|
||||
{% else %}
|
||||
<span class="endDate">
|
||||
- {{ language.phrases.present }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% if education_item.location %}
|
||||
<span class="location">
|
||||
<span class="fas fa-map-marker-alt"></span>
|
||||
{% if education_item.city %}
|
||||
<span class="city">{{ education_item.city }}, </span>
|
||||
{% endif %}
|
||||
{% if education_item.countryCode %}
|
||||
<span class="countryCode">({{ education_item.countryCode }})</span>
|
||||
{% endif %}
|
||||
{% if education_item.region %}
|
||||
<span class="region">{{ education_item.region }}</span>
|
||||
{% endif %}
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
{% if education_item.courses %}
|
||||
<ul class="courses">
|
||||
{% for course in education_item.courses %}
|
||||
<li>{{ course }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
<div class="item">
|
||||
{% if education_item.score %}
|
||||
<div class='gpa'>
|
||||
<strong> Grade:</strong> <span>{{ education_item.score }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if education_item.summary %}
|
||||
<div class="summary">{{ education_item.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,29 @@
|
|||
{% set interests = page.resume.interests %}
|
||||
{% if interests %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title' class='section-title'>{{ language.titles.interests }}</h2>
|
||||
</header>
|
||||
<section id="interests">
|
||||
{% for interest in interests %}
|
||||
<div class="item">
|
||||
{% if interest.name %}
|
||||
<h3 class="name">
|
||||
{{ interest.name }}
|
||||
</h3>
|
||||
{% endif %}
|
||||
{% if interest.keywords %}
|
||||
<ul class="keywords">
|
||||
{% for keyword in interest.keywords %}
|
||||
<li>{{ keyword }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% if interest.summary %}
|
||||
<div class="summary">{{ interest.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,31 @@
|
|||
{% set languages = page.resume.languages %}
|
||||
{% if languages %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>{{ language.titles.languages }}</h2>
|
||||
</header>
|
||||
<section id="languages">
|
||||
{% for language in languages %}
|
||||
<div class="display">
|
||||
{% if language.language %}
|
||||
<h3 class="language">
|
||||
{{ language.language }}
|
||||
</h3>
|
||||
{% endif %}
|
||||
<div class="item">
|
||||
{% if language.fluency %}
|
||||
<div class="level fluency {{ language.fluency | lower }}">
|
||||
{% if language.fluencyDisplay %}
|
||||
<em>{{ language.fluencyDisplay }}</em>
|
||||
{% else %}
|
||||
<em>{{ language.fluency }}</em>
|
||||
{% endif %}
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,42 @@
|
|||
<nav class="sm:flex sm:justify-between xl:ml-32 pl-4 items-center">
|
||||
<div class="flex pt-4">
|
||||
<h1 class="font-semibold text-2xl"><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
|
||||
<button id="theme-toggle" type="button"
|
||||
class="text-zinc-700 dark:text-zinc-400 rounded-full focus:outline-none text-sm ml-2 p-1">
|
||||
<svg id="theme-toggle-dark-icon" class="w-5 h-5 hidden" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
|
||||
</svg>
|
||||
<svg id="theme-toggle-light-icon" class="w-5 h-5 hidden" fill="currentColor" viewBox="0 0 20 20"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
|
||||
fill-rule="evenodd" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<ul class="flex flex-wrap lg:mr-24 md:pt-0">
|
||||
{% if DISPLAY_PAGES_ON_MENU %}
|
||||
{% for p in pages %}
|
||||
<li class="mr-4 pt-6"><a {% if p==page %} class="border-b-2 border-zinc-800 dark:border-zinc-300"
|
||||
{% endif %} href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<li class="mr-4 pt-6"><a {% if current=="archive" %} class="border-b-2 border-zinc-800 dark:border-zinc-300"
|
||||
{% endif %} href="{{ SITEURL }}/archives.html">Archive</a></li>
|
||||
<li class="mr-4 pt-6"><a {% if current=="categories" %}
|
||||
class="border-b-2 border-zinc-800 dark:border-zinc-300" {% endif %}
|
||||
href="{{ SITEURL }}/categories.html">Categories</a></li>
|
||||
<li class="mr-4 pt-6"><a {% if current=="tags" %} class="border-b-2 border-zinc-800 dark:border-zinc-300"
|
||||
{% endif %} href="{{ SITEURL }}/tags.html">Tags</a></li>
|
||||
|
||||
<li class="mr-4 pt-6">
|
||||
<ul>
|
||||
{% for lang, baseurl in lang_siteurls.items() %}
|
||||
<li><a href="{{ baseurl }}{{ url }}">{{ lang }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
{% set projects = page.resume.projects %}
|
||||
{% if projects %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>{{ language.titles.projects }} <span class="item-count">({{ projects | length }})</span></h2>
|
||||
</header>
|
||||
<section id="projects">
|
||||
{% for project in projects %}
|
||||
<section class="project-item">
|
||||
{% if project.summary %}
|
||||
{% if loop.first %}
|
||||
<input id="project-item-{{ loop.index }}" type="checkbox" class="toggle-item" checked="checked" />
|
||||
{% else %}
|
||||
<input id="project-item-{{ loop.index }}" type="checkbox" class="toggle-item" />
|
||||
{% endif %}
|
||||
<label for="project-item-{{ loop.index }}"></label>
|
||||
{% endif %}
|
||||
|
||||
{% if project.name %}
|
||||
<header class="clear">
|
||||
{% if project.name %}
|
||||
<div class="position">{{ project.name }}</div>
|
||||
{% endif %}
|
||||
{% if project.startDate %}
|
||||
<div class="date">
|
||||
<span class="startDate">{{ project.startDate }}</span>
|
||||
{% if project.endDate %}
|
||||
<span class="endDate">- {{ project.endDate }}</span>
|
||||
{% else %}
|
||||
<span class="endDate">- {{ language.phrases.present }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</header>
|
||||
{% endif %}
|
||||
{% if project.location %}
|
||||
<span class="location">
|
||||
<span class="fas fa-map-marker-alt"></span>
|
||||
{% if project.city %}
|
||||
<span class="city">{{ project.city }},</span>
|
||||
{% endif %}
|
||||
{% if project.countryCode %}
|
||||
<span class="countryCode">({{ project.countryCode }})</span>
|
||||
{% endif %}
|
||||
{% if project.region %}
|
||||
<span class="region">
|
||||
{{ project.region }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if project.url %}
|
||||
<span class="website">
|
||||
<a href="{{ project.url }}">{{ project.url }}</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if project.keywords %}
|
||||
<ul class="keywords">
|
||||
{% for keyword in project.keywords %}
|
||||
<li>{{ keyword }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<div class="item">
|
||||
{% if project.summary %}
|
||||
<div class="summary">{{ project.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
{% endif %}
|
||||
{% if project.highlights %}
|
||||
<ul class="highlights">
|
||||
{% for highlight in project.highlights %}
|
||||
<li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,61 @@
|
|||
{% set publications = page.resume.publications %}
|
||||
{% if publications %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>{{ language.titles.publications }}</h2>
|
||||
</header>
|
||||
<section id="publications">
|
||||
{% for publication in publications %}
|
||||
<section class="publication-item">
|
||||
{% if publication.summary %}
|
||||
{% if loop.first %}
|
||||
<input id="publication-item-{{ loop.index }}" type="checkbox" class="toggle-item" checked="checked" />
|
||||
{% else %}
|
||||
<input id="publication-item-{{ loop.index }}" type="checkbox" class="toggle-item" />
|
||||
{% endif %}
|
||||
<label for="publication-item-{{ loop.index }}"></label>
|
||||
{% endif %}
|
||||
|
||||
<header class="clear">
|
||||
<div class="header-left">
|
||||
{% if publication.name %}
|
||||
<span class="name">
|
||||
{% if publication.url %}
|
||||
<span class="website">
|
||||
<a href="{{ publication.url }}">{{ publication.name }}</a>
|
||||
</span>
|
||||
{% else %}
|
||||
{{ publication.name }}
|
||||
{% endif %}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if publication.publisher %}
|
||||
<span class="publisher">
|
||||
in {{ publication.publisher }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if publication.releaseDate %}
|
||||
<span class="date">
|
||||
{{ publication.releaseDate }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</header>
|
||||
{% if publication.keywords %}
|
||||
<ul class="keywords">
|
||||
{% for keyword in publication.keywords %}
|
||||
<li>{{ keyword }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
<div class="item">
|
||||
{% if publication.summary %}
|
||||
<div class="summary">{{ publication.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,24 @@
|
|||
{% set references = page.resume.references %}
|
||||
{% if references %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>{{ language.titles.references }}</h2>
|
||||
</header>
|
||||
<section id="references">
|
||||
{% for reference in references %}
|
||||
<div class="item">
|
||||
{% if reference.reference %}
|
||||
<blockquote class="reference">
|
||||
“ {{ reference.reference }} ”
|
||||
</blockquote>
|
||||
{% endif %}
|
||||
{% if reference.name %}
|
||||
<div class="name">
|
||||
{{ reference.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1 @@
|
|||
<h2>skills</h2>
|
|
@ -0,0 +1,35 @@
|
|||
{% set skills = page.resume.skills %}
|
||||
{% if skills %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>{{ language.titles.skills }}</h2>
|
||||
</header>
|
||||
<section id="skills">
|
||||
{% for skill in skills %}
|
||||
<div class="item">
|
||||
{% if skill.name %}
|
||||
<h3 class="name">
|
||||
{{ skill.name }}
|
||||
</h3>
|
||||
{% endif %} {% if skill.level %}
|
||||
<div class="level {{ skill.level | lower }}">
|
||||
{% if skill.levelDisplay %}
|
||||
<em>{{ skill.levelDisplay }}</em>
|
||||
{% else %}
|
||||
<em>{{ skill.level }}</em>
|
||||
{% endif %}
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if skill.keywords %}
|
||||
<ul class="keywords">
|
||||
{% for keyword in skill.keywords %}
|
||||
<li>{{ keyword }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,98 @@
|
|||
{% set volunteer = page.resume.volunteer %}
|
||||
{% if volunteer %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>Volunteer</h2>
|
||||
</header>
|
||||
<section id="volunteer">
|
||||
{% for volunteer_item in volunteer %}
|
||||
<section class="volunteer-item">
|
||||
{% if volunteer_item.organization %}
|
||||
|
||||
{% if volunteer_item.summary %}
|
||||
{% if loop.first %}
|
||||
<input id="volunteer-item-{{ loop.index }}" type="checkbox" class="toggle-item" checked="checked" />
|
||||
{% else %}
|
||||
<input id="volunteer-item-{{ loop.index }}" type="checkbox" class="toggle-item" />
|
||||
{% endif %}
|
||||
<label for="volunteer-item-{{ loop.index }}"></label>
|
||||
{% endif %}
|
||||
|
||||
<header class="clear">
|
||||
<div class="header-left">
|
||||
{% if volunteer_item.position %}
|
||||
<div class="position">
|
||||
{{ volunteer_item.position }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="organization">
|
||||
{{ volunteer_item.organization }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="date">
|
||||
{% if volunteer_item.startDate %}
|
||||
<span class="startDate">
|
||||
{{ volunteer_item.startDate }}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if volunteer_item.endDate %}
|
||||
<span class="endDate">
|
||||
- {{ volunteer_item.endDate }}
|
||||
</span>
|
||||
{% else %}
|
||||
<span class="endDate">
|
||||
- {{ language.phrases.present }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
{% endif %}
|
||||
{% if volunteer_item.url %}
|
||||
<div class="website">
|
||||
<a href="{{ volunteer_item.url }}">{{ volunteer_item.url }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if volunteer_item.location %}
|
||||
<span class="location">
|
||||
<span class="fas fa-map-marker-alt"></span>
|
||||
{% if volunteer_item.city %}
|
||||
<span class="city">
|
||||
{{ volunteer_item.city }},
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if volunteer_item.countryCode %}
|
||||
<span class="countryCode">
|
||||
({{ volunteer_item.countryCode }})
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if volunteer_item.region %}
|
||||
<span class="region">
|
||||
{{ volunteer_item.region }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if volunteer_item.keywords %}
|
||||
<ul class="keywords">
|
||||
{% for keyword in volunteer_item.keywords %}
|
||||
<li>{{ keyword }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<div class="item">
|
||||
{% if volunteer_item.summary %}
|
||||
<div class="summary">{{ volunteer_item.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
{% endif %}
|
||||
{% if volunteer_item.highlights %}
|
||||
<ul class="highlights">
|
||||
{% for highlight in volunteer_item.highlights %}
|
||||
<li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,74 @@
|
|||
{% set work = page.resume.work %}
|
||||
{% if work %}
|
||||
<section class="section">
|
||||
<header>
|
||||
<h2 class='section-title'>Work Experience <span class="item-count">({{ work | length }})</span></h2>
|
||||
</header>
|
||||
|
||||
<section id="work">
|
||||
{% for work_item in work %}
|
||||
<section class="work-item">
|
||||
{% if work_item.name %}
|
||||
|
||||
{% if work_item.summary %}
|
||||
{% if loop.first %}
|
||||
<input id="work-item-{{ loop.index }}" type="checkbox" class="toggle-item" checked="checked" />
|
||||
{% else %}
|
||||
<input id="work-item-{{ loop.index }}" type="checkbox" class="toggle-item" />
|
||||
{% endif %}
|
||||
<label for="work-item-{{ loop.index }}"></label>
|
||||
{% endif %}
|
||||
|
||||
<header class="clear">
|
||||
{% if work_item.position %}
|
||||
<div class="position">{{ work_item.position }}</div>
|
||||
{% endif %}
|
||||
<div class="company">{{ work_item.name }}</div>
|
||||
<div class="date">
|
||||
{% if work_item.startDate %}
|
||||
<span class="startDate">{{ utils.format_date_short(work_item.startDate) }}</span>
|
||||
{% endif %}
|
||||
{{ locale }}
|
||||
{% if not utils.isinfinite(work_item.endDate) %}
|
||||
<span class="endDate">- {{ utils.format_date_short(work_item.endDate) }}</span>
|
||||
{% else %}
|
||||
<span class="endDate">- {{ language.phrases.present }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
{% endif %}
|
||||
|
||||
{% if work_item.location %}
|
||||
<span class="location">
|
||||
<span class="fas fa-map-marker-alt"></span>
|
||||
<span class="city">{{ work_item.location }},</span>
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
{% if work_item.url %}
|
||||
<span class="website">
|
||||
<a href="{{ work_item.url }}">{{ work_item.url }}</a>
|
||||
</span> {% endif %} {% if work_item.keywords %}
|
||||
<ul class="keywords">
|
||||
{% for keyword in keywords %}
|
||||
<li>{{ keyword }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<div class="item" id="work-item">
|
||||
{% if work_item.summary %}
|
||||
<div class="summary">{{ work_item.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||
{% endif %}
|
||||
{% if work_item.highlights %}
|
||||
<ul class="highlights">
|
||||
{% for highlight in work_item.highlights %}
|
||||
<li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</section>
|
||||
</section>
|
||||
{% endif %}
|
|
@ -0,0 +1,63 @@
|
|||
{% extends "base.html" %}
|
||||
{% block html_lang %}{{ page.lang }}{% endblock %}
|
||||
{% set url = page.url %}
|
||||
|
||||
{% block title %}{{ SITENAME }} | {{ page.title }}{%endblock%}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<main class="text-zinc-800 dark:text-zinc-300">
|
||||
<div class="max-w-7xl container mx-auto my-2 text-zinc-800 dark:text-zinc-300
|
||||
prose lg:max-w-none prose-headings:text-zinc-800 prose-headings:dark:text-zinc-300
|
||||
prose-h1:text-3xl lg:prose-h1:text-3xl prose-headings:font-semibold
|
||||
prose-pre:bg-zinc-200 prose-pre:text-zinc-800
|
||||
dark:prose-pre:bg-zinc-800 dark:prose-pre:text-zinc-200
|
||||
prose-blockquote:text-zinc-800
|
||||
dark:prose-blockquote:text-zinc-200
|
||||
prose-a:text-gray-500
|
||||
dark:prose-a:text-gray-400
|
||||
dark:prose-strong:text-zinc-200
|
||||
dark:prose-code:text-zinc-200
|
||||
dark:prose-code:bg-zinc-800
|
||||
prose-code:bg-zinc-200
|
||||
prose-code:font-light
|
||||
prose-img:rounded-md
|
||||
">
|
||||
<!-- <div class="aspect-w-16 aspect-h-9 mx-auto"></div> CSS placeholder -->
|
||||
{% set language = page.language %}
|
||||
{% set utils = page.utils %}
|
||||
{% trans %}Home{% endtrans %}
|
||||
|
||||
{% include 'partials/basics.html' %}
|
||||
{% include 'partials/skills.html' %}
|
||||
{% include 'partials/work.html' %}
|
||||
{% include 'partials/projects.html' %}
|
||||
{% include 'partials/volunteer.html' %}
|
||||
{% include 'partials/education.html' %}
|
||||
{% include 'partials/awards.html' %}
|
||||
{% include 'partials/publications.html' %}
|
||||
{% include 'partials/languages.html' %}
|
||||
{% include 'partials/interests.html' %}
|
||||
{% include 'partials/references.html' %}
|
||||
</div>
|
||||
<footer class="flex bg-zinc-200 dark:bg-zinc-700 mt-10 py-2 rounded-lg justify-center space-x-2 text-xs">
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{{ translations.translations_for(page) }}
|
||||
|
||||
{% for name, link in SHARE %}
|
||||
<ul>
|
||||
<a target="_blank" rel="noopener noreferrer" title="{{ name }}" aria-label="share Features on {{ name }}"
|
||||
href="{{ link }}{{ SITEURL }}/{{ page.url }}">
|
||||
<li class="bg-gray-900 p-1 text-white rounded-md">
|
||||
<i class="fab fa-{{ name }} fa-2x" aria-hidden="true"></i>
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
{% endfor %}
|
||||
</footer>
|
||||
<div>
|
||||
{% include 'disqus_script.html' %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock %}
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
{% block title %}Search | {{ SITENAME }}{% endblock %}
|
||||
{% set current = "search" %}
|
||||
{% set url = "search.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
@ -21,4 +22,4 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
|
@ -4,4 +4,4 @@
|
|||
|
||||
{% block content_title %}
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
{% block title %}{{ SITENAME }} | Tags{% endblock %}
|
||||
{% set current = "tags" %}
|
||||
{% set url = "tags.html" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
|
@ -19,4 +20,4 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in New Issue