{% extends "base.html" %}
{% block html_lang %}{{ page.lang }}{% endblock %}
{% set url = page.url %}

{% block title %}{{ SITENAME }} | {{ page.title }}{%endblock%}

{% block content %}

<div class="sidebar fixed start-32">
  <span class="text-sm">
  {% trans %}Shortcuts{% endtrans %}
  </span>
  <ul class="list-inside list-disc">
    <li>
      <a href="#header">
        {% trans %}resume header title {% endtrans %}
      </a>
    </li>
    {% if page.resume.skills %}
    <li>
      <a href="#skills-section">
        {% trans %}resume skills title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.work %}
    <li>
      <a href="#work-section">
        {% trans %}resume work title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.projects %}
    <li>
      <a href="#projects-section">
        {% trans %}resume projects title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.volunteer %}
    <li>
      <a href="#volunteer-section">
        {% trans %}resume volunteer title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.education %}
    <li>
      <a href="#education-section">
        {% trans %}resume education title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.awards %}
    <li>
      <a href="#awards-section">
        {% trans %}resume awards title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.publications %}
    <li>
      <a href="#publication-section">
        {% trans %}resume publication title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.languages %}
    <li>
      <a href="#languages-section">
        {% trans %}resume languages title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.interests %}
    <li>
      <a href="#interests-section">
        {% trans %}resume interests title {% endtrans %}
      </a>
    </li>
    {% endif %}
    {% if page.resume.references %}
    <li>
      <a href="#references-section">
        {% trans %}resume references title {% endtrans %}
      </a>
    </li>
    {% endif %}
  </ul>
</div>
<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 utils = page.utils %}

	{% 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 %}