bilingual-jekyll-resume-theme 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e359fbeac7130d5f797e0ae8e2c7f371a8a46b0033d9a08083044f084f03392c
-  data.tar.gz: b7b8aa97ce97ba070f1e21fe3da15c5bbb3074302ca5f245e8f8efabe83fb30c
+  metadata.gz: e95865459117ab43ae43114972d1ae82245a2d459b51e1d9980396400d18a79e
+  data.tar.gz: 470648d6f71bed91528b11cbefe960747741116c428b013e3f058fe1c5f00b48
 SHA512:
-  metadata.gz: ff59929e737d4036be4576680e38a2e56f21d3579b0de84df2aacaacc384d33e9313a997de86652ac85e885e0d25e454755a6166f45a878596282cc8593b0ade
-  data.tar.gz: 1f271a5d00af6df9fa618a899088c8b0c8170788eab65808c5f47d6c79d010afa3e5626bfd4c3e08c740c8545073743d9a9446f0dfa7d040708afb8ff3bf8831
+  metadata.gz: 94e77ff29daca018126fdc63b4e8a4445216ad52dafd895e5acd63bc65aa230350c6474254163fb11a9929cdfa900948d83c9dd4cef5d071b825e073abdd050b
+  data.tar.gz: 432b7ecb3b58cc6ef27bcb7d2c040dfda60cf0b3793e8a1d184b6602eac0856d83a369401251d7387f563253cfee877da96da8b88d7a5331d2bde4590bb996d2

data/_includes/analytics-body.html

@@ -0,0 +1,28 @@
+{%- if site.analytics.gtm -%}
+
+    <!-- Google Tag Manager (noscript) -->
+    <noscript>
+        <iframe
+            src="https://www.googletagmanager.com/ns.html?id={{ site.analytics.gtm }}"
+            height="0"
+            width="0"
+            style="display:none;visibility:hidden">
+        </iframe>
+    </noscript>
+    <!-- End Google Tag Manager (noscript) -->
+
+{%- else  -%}
+
+    {%- if site.analytics.ga  -%}
+
+        {%- comment -%}
+        No Google Analytics gtag.js exists for body so this section will return a blank.
+        {%- endcomment -%}
+
+    {%- endif -%}
+
+{%- else  -%}
+
+    <!-- No Analytics Added -->
+
+{%- endif -%}

data/_includes/analytics-head.html

@@ -0,0 +1,41 @@
+{%- if site.analytics.gtm -%}
+
+    <!-- Google Tag Manager -->
+    <script>
+        (function (w, d, s, l, i) {
+            w[l] = w[l] || [];
+            w[l].push({
+                'gtm.start': new Date().getTime(),
+                event: 'gtm.js'
+            });
+            var f = d.getElementsByTagName(s)[0],
+                j = d.createElement(s),
+                dl = l != 'dataLayer' ? '&l=' + l : '';
+            j.async = true;
+            j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+            f.parentNode.insertBefore(j, f);
+        })(window, document, 'script', 'dataLayer', '{{ site.analytics.gtm }}');
+    </script>
+
+    <!-- End Google Tag Manager -->
+
+{%- else -%}
+
+    {%- if site.analytics.ga -%}
+
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.gtag }}"></script>
+        <script>
+            window.dataLayer = window.dataLayer || [];
+
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+
+            gtag('js', new Date());
+            gtag('config', '{{ site.analytics.gtag }}');
+        </script>
+
+    {%- endif -%}
+
+{%- endif -%}

data/_includes/ar-date.html

@@ -0,0 +1,9 @@
+{% assign m = include.date | date: "%-m" %}
+{% assign d = include.date | date: "%-d" %}
+{% assign y = include.date | date: "%Y" %}
+{% assign month_name = site.data.ar.months[m] %}
+{% if include.style == "MDY" %}
+  {{ month_name }} {{ d }}, {{ y }}
+{% else %}
+  {{ month_name }} {{ y }}
+{% endif %}

data/_includes/hreflang.html

@@ -0,0 +1,45 @@
+{% comment %}
+==================================================================
+START: HREFLANG TAGS FOR MULTILINGUAL SEO
+This logic generates the <link rel="alternate"> tags that tell
+search engines about the different language versions of this page.
+It only runs if a 't_id' (Translation ID) is set in the page's front matter.
+==================================================================
+{% endcomment %}
+{% if page.t_id %}
+
+  {% comment %}
+    1. Find all pages on the site that share the *same* 't_id' as this
+       current page. Store them in a new list called 'translations'.
+  {% endcomment %}
+  {% assign translations = site.pages | where: "t_id", page.t_id %}
+
+  {% comment %}
+    2. Loop through every page found in the 'translations' list.
+       't' represents each individual page in the loop.
+  {% endcomment %}
+  {% for t in translations %}
+    {% comment %}
+      Print an 'alternate' tag for each page, using its
+      'lang' (e.g., "en", "ar") and its full 'url'.
+    {% endcomment %}
+    <link rel="alternate" hreflang="{{ t.lang }}" href="{{ t.url | absolute_url }}" />
+  {% endfor %}
+
+  {% comment %}
+    3. Find the English ('en') page from the 'translations' list
+       to use as the "default" version.
+  {% endcomment %}
+  {% assign default_page = translations | where: "lang", "en" | first %}
+  
+  {% comment %}
+    4. If an English version was found, print the 'x-default' tag.
+       This tells Google which page to show if the user's
+       language doesn't match any of our versions.
+  {% endcomment %}
+  {% if default_page %}
+    <link rel="alternate" hreflang="x-default" href="{{ default_page.url | absolute_url }}" />
+  {% endif %}
+
+{% endif %}
+{% comment %} ================= End HREFLANG logic ================= {% endcomment %}

data/_includes/main-head.html

@@ -0,0 +1,2 @@
+<!--Stylesheet-->
+<link rel="stylesheet" type="text/css" href="{{ 'assets/css/main.css' | relative_url }}">

data/_includes/print-social-links.html

@@ -0,0 +1,76 @@
+<!-- and guess where these are defined? Yup, you guessed it: the _config.yml file -->
+{% if site.resume_print_social_links %}
+<ul>
+
+    {% if site.social_links.github %}
+        <!-- GitHub link -->
+        <li><strong>Github</strong>: {{ site.social_links.github }}</li>
+    {% endif %}
+
+    {% if site.social_links.twitter %}
+        <!-- Twitter link -->
+        <li><strong>Twitter</strong>: {{ site.social_links.twitter }}</li>
+    {% endif %}
+
+    {% if site.social_links.medium %}
+        <!-- Medium link -->
+        <li><strong>Medium</strong>: {{ site.social_links.medium }}</li>
+    {% endif %}
+
+    {% if site.social_links.dribbble %}
+        <!-- Dribbble link -->
+        <li><strong>Dribbble</strong>: {{ site.social_links.dribbble }}</li>
+    {% endif %}
+
+    {% if site.social_links.facebook %}
+        <!-- Facebook link -->
+        <li><strong>Facebook</strong>: {{ site.social_links.facebook }}</li>
+    {% endif %}
+
+    {% if site.social_links.linkedin %}
+        <!-- LinkedIn link -->
+        <li><strong>LinkedIn</strong>: {{ site.social_links.linkedin }}</li>
+    {% endif %}
+
+    {% if site.social_links.instagram %}
+        <!-- Instagram link -->
+        <li><strong>Instagram</strong>: {{ site.social_links.instagram }}</li>
+    {% endif %}
+
+    {% if site.social_links.website %}
+        <!-- Website link -->
+        <li><strong>Website</strong>: {{ site.social_links.website }}</li>
+    {% endif %}
+
+    {% if site.social_links.whatsapp %}
+        <!-- Whatsapp link -->
+        <li><strong>Whatsapp</strong>: {{ site.social_links.whatsapp }}</li>
+    {% endif %}
+
+    {% if site.social_links.devto %}
+        <!-- Devto link -->
+        <li><strong>Devto</strong>: {{ site.social_links.devto }}</li>
+    {% endif %}
+
+    {% if site.social_links.flickr %}
+        <!-- Flickr link -->
+        <li><strong>Flickr</strong>: {{ site.social_links.flickr }}</li>
+    {% endif %}
+
+    {% if site.social_links.pinterest %}
+        <!-- Pinterest link -->
+        <li><strong>Pinterest</strong>: {{ site.social_links.pinterest }}</li>
+    {% endif %}
+
+    {% if site.social_links.telegram %}
+        <!-- Telegram link -->
+        <li><strong>Telegram</strong>: {{ site.social_links.telegram }}</li>
+    {% endif %}
+
+    {% if site.social_links.youtube %}
+        <!-- Youtube link -->
+        <li><strong>Youtube</strong>: {{ site.social_links.youtube }}</li>
+    {% endif %}
+
+</ul>
+{% endif %}

data/_includes/resume-head-ar.html

@@ -0,0 +1,14 @@
+{% if site.resume_theme == 'default' %}
+    <!-- Arabic-friendly font (Cairo) -->
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;900&display=swap" rel="stylesheet">
+{% endif %}
+
+<link rel="stylesheet" type="text/css" href="{{ 'assets/css/cv-ar.css' | relative_url }}">
+
+<!-- favicons generated by favicon.io -->
+<link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/favicon/resume/apple-touch-icon.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/favicon/resume/favicon-32x32.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/favicon/resume/favicon-16x16.png' | relative_url }}">
+<link rel="manifest" href="{{ 'assets/favicon/resume/site.webmanifest' | relative_url }}">
+
+{% include hreflang.html %}

data/_includes/resume-head-en.html

@@ -0,0 +1,13 @@
+<!-- Google font typography settings - defined in _config.yml -->
+<link href='https://fonts.googleapis.com/css?family=Lora:400,700%7COpen+Sans:400,300,800,700' rel='stylesheet' type='text/css'>
+
+
+<link rel="stylesheet" type="text/css" href="{{ 'assets/css/cv.css' | relative_url }}">
+
+<!-- favicons generated by favicon.io -->
+<link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/favicon/resume/apple-touch-icon.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/favicon/resume/favicon-32x32.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/favicon/resume/favicon-16x16.png' | relative_url }}">
+<link rel="manifest" href="{{ 'assets/favicon/resume/site.webmanifest' | relative_url }}">
+
+{% include hreflang.html %}

data/_includes/resume-section-ar.html

@@ -0,0 +1,366 @@
+{% comment %}
+  Arabic version of resume-section-en.html with Arabic section titles and "حتى الآن" for Present.
+  Usage: {% include resume-section-ar.html section_name="experience" %}
+{% endcomment %}
+
+{% if include.section_name == "experience" and site.resume_section.experience %}
+    <!-- begin Experience -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>الخبرات العملية</h2>
+        </header>
+
+        {%- assign active_jobs = resume_data.experience | where: "active", true -%}
+        {%- assign groups = active_jobs | group_by: "company" -%}
+
+        {%- for group in groups -%}
+            <div class="resume-item" itemscope itemprop="worksFor" itemtype="http://schema.org/Organization">
+                <h3 class="resume-item-title" itemprop="name">{{ group.name }}</h3>
+
+                {%- assign roles = group.items | sort: "startdate" | reverse -%}
+                {%- for role in roles -%}
+                    <h4 class="resume-item-details" itemprop="description">
+                        {{ role.position }} &bull;
+                        {%- if role.durations -%}
+                            {%- for time in role.durations -%} {{ time.duration }} {%- endfor -%}
+                        {%- else -%}
+                            {% include ar-date.html date=role.startdate style="MY" %} &mdash;
+                            {%- if role.enddate and role.enddate != 'Present' and role.enddate != 'حتى الآن' -%}
+                                {% include ar-date.html date=role.enddate style="MY" %}
+                            {%- else -%}
+                                حتى الآن
+                            {%- endif -%}
+                        {%- endif -%}
+                        {%- if role.location -%}
+                            &bull; {{ role.location }}
+                        {%- endif -%}
+                    </h4>
+
+                    {%- if site.enable_summary == true and role.summary -%}
+                        <div class="resume-item-copy">{{ role.summary }}</div>
+                    {%- endif -%}
+                {%- endfor -%}
+            </div><!-- end of grouped resume-item -->
+        {%- endfor -%}
+    </section>
+    <!-- end Experience -->
+
+
+{% elsif include.section_name == "education" and site.resume_section.education %}
+    <!-- begin Education -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>التعليم</h2>
+        </header>
+
+        {% for education in resume_data.education %}
+            {% if education.active == true %}
+                <div class="resume-item" itemscope itemprop="alumniOf" itemtype="http://schema.org/CollegeOrUniversity">
+                    <h3 class="resume-item-title" itemprop="name">{{ education.uni }}</h3>
+                    <h4 class="resume-item-details group" itemprop="description">{{ education.degree }} &bull; {{ education.year }} &bull; {{ education.location }}</h4>
+
+                    {% if education.award %}
+                        <h5 class="resume-item-details award-title" itemprop="description">{{ education.award }}</h5>
+                    {% endif %}
+
+                    <div class="resume-item-copy" itemprop="description">
+                        <ul class="resume-item-list">
+                            {% for award in education.awards %}
+                                <li>{{ award.award }}</li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+
+                    {% if education.summary %}
+                        <p class="resume-item-copy">{{ education.summary }}</p>
+                    {% endif %}
+                </div>
+            {% endif %}
+        {% endfor %}
+    </section>
+    <!-- end Education -->
+
+{% elsif include.section_name == "certifications" and site.resume_section.certifications %}
+    <!-- begin Licenses & Certifications -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>التراخيص والشهادات</h2>
+        </header>
+
+        {% for certification in resume_data.certifications %}
+            {% if certification.active == true %}
+                <div class="resume-item">
+                    <h3 class="resume-item-title" itemprop="award">{{ certification.name }}</h3>
+                    <h4 class="resume-item-details">
+                        {{ certification.issuing_organization }} &bull; {% include ar-date.html date=certification.issue_date style="MDY" %}
+                        {% if certification.expiration %} &mdash; {% include ar-date.html date=certification.expiration style="MDY" %} {% endif %}
+                        &bull;
+                        {% if certification.credential_id %}
+                            <span class="resume-item-copy-license-cert-id">معرّف الاعتماد:
+                            {% if certification.credential_url %}
+                                <a href="{{ certification.credential_url }}" target="_blank" rel="noopener nofollow noreferrer">{{ certification.credential_id }}</a>
+                                <span class="print-only-inline">&nbsp;({{ certification.credential_url }})</span>
+                            </span>
+                            {% else %}
+                                {{ certification.credential_id }}
+                            {% endif %}
+                        {% endif %}
+                    </h4>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </section>
+    <!-- end Licenses & Certifications -->
+
+{% elsif include.section_name == "courses" and site.resume_section.courses %}
+    <!-- begin Courses -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>الدورات</h2>
+        </header>
+
+        {% for course in resume_data.courses %}
+            {% if course.active == true %}
+                <div class="resume-item">
+                    <h3 class="resume-item-title" itemprop="award">{{ course.name }}</h3>
+                    <h4 class="resume-item-details">
+                        {{ course.issuing_organization }} &bull; {% include ar-date.html date=course.startdate style="MDY" %}
+                        {% if course.enddate %} &mdash; {% include ar-date.html date=course.enddate style="MDY" %} {% endif %}
+                    </h4>
+
+                    {% if site.enable_summary == true %}
+                        <p class="resume-item-copy">{{ course.summary }}</p>
+                    {% endif %}
+
+                    {% if course.credential_id %}
+                        <p class="resume-item-copy">معرّف الاعتماد:
+                            {% if course.credential_url %}
+                                <a href="{{ course.credential_url }}" target="_blank" rel="noopener nofollow noreferrer">{{ course.credential_id }}</a>
+                                <span class="print-only-inline">&nbsp;({{ course.credential_url }})</span>
+                            {% else %}
+                                {{ course.credential_id }}
+                            {% endif %}
+                        </p>
+                    {% endif %}
+                </div>
+            {% endif %}
+        {% endfor %}
+    </section>
+    <!-- end Courses -->
+
+{% elsif include.section_name == "volunteering" and site.resume_section.volunteering %}
+    <!-- begin Volunteering -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>الأعمال التطوعية</h2>
+        </header>
+
+        {%- assign active_vol = resume_data.volunteering | where: "active", true -%}
+        {%- assign vgroups = active_vol | group_by: "company" -%}
+
+        {%- for vgroup in vgroups -%}
+            <div class="resume-item" itemscope itemprop="worksFor" itemtype="http://schema.org/Organization">
+                <h3 class="resume-item-title" itemprop="name">{{ vgroup.name }}</h3>
+
+                {%- assign vroles = vgroup.items | sort: "startdate" | reverse -%}
+                {%- for v in vroles -%}
+                    <h4 class="resume-item-details" itemprop="description">
+                        {{ v.position }} &bull;
+                        {%- if v.durations -%}
+                            {%- for time in v.durations -%} {{ time.duration }} {%- endfor -%}
+                        {%- else -%}
+                            {% include ar-date.html date=v.startdate style="MY" %} &mdash;
+                            {%- if v.enddate and v.enddate != 'Present' and v.enddate != 'حتى الآن' -%}
+                                {% include ar-date.html date=v.enddate style="MY" %}
+                            {%- else -%}
+                                حتى الآن
+                            {%- endif -%}
+                        {%- endif -%}
+                        {%- if v.location -%}
+                            &bull; {{ v.location }}
+                        {%- endif -%}
+                    </h4>
+
+                    {%- if site.enable_summary == true and v.summary -%}
+                        <div class="resume-item-copy">{{ v.summary }}</div>
+                    {%- endif -%}
+                {%- endfor -%}
+            </div><!-- end of grouped volunteering item -->
+        {%- endfor -%}
+    </section>
+    <!-- end Volunteering -->
+
+{% elsif include.section_name == "projects" and site.resume_section.projects %}
+    <!-- begin Projects -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>المشاريع</h2>
+        </header>
+
+        {% for project in resume_data.projects %}
+            {% if project.active == true %}
+                <div class="resume-item" itemscope itemtype="http://schema.org/CreativeWork">
+                    <meta itemprop="creator" content="{{ site.name.first }} {{ site.name.middle }} {{ site.name.last }}" itemtype="http://schema.org/Person" />
+                    <h3 class="resume-item-title" itemprop="name" style="display: inline-block;">
+                        {% if project.url %}
+                            <a href="{{ project.url }}" target="_blank" rel="noopener nofollow noreferrer" itemprop="url">{{ project.project }}</a>
+                        {% else %}
+                            {{ project.project }}
+                        {% endif %}
+                    </h3>
+
+                    {% if project.url %}
+                        <span class="print-only-inline" style="display: inline;">&nbsp;{{ project.url }}</span>
+                    {% endif %}
+
+                    <h4 class="resume-item-details" itemprop="description">{{ project.role }} &bull; {{ project.duration }}</h4>
+                    <p class="resume-item-copy">{{ project.description }}</p>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </section>
+    <!-- end Projects -->
+
+{% elsif include.section_name == "skills" and site.resume_section.skills %}
+    <!-- begin Skills -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>المهارات</h2>
+        </header>
+
+        {% for skill in resume_data.skills %}
+            {% if skill.active == true %}
+                <div class="resume-item">
+                    <h4 class="resume-item-details">{{ skill.skill }}</h4>
+                    <p class="resume-item-copy">{{ skill.description }}</p>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </section>
+    <!-- end Skills -->
+
+{% elsif include.section_name == "recognition" and site.resume_section.recognition %}
+    <!-- begin Recognition -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>الجوائز والتكريم</h2>
+        </header>
+
+        {% for recognition in resume_data.recognitions %}
+            {% if recognition.active == true %}
+                <div class="resume-item">
+                    <h3 class="resume-item-title" itemprop="award">{{ recognition.award }}</h3>
+                    <h4 class="resume-item-details">{{ recognition.organization }} &bull; {{ recognition.year }}</h4>
+                    <p class="resume-item-copy">{{ recognition.summary }}</p>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </section>
+    <!-- end Recognition -->
+
+{% elsif include.section_name == "associations" and site.resume_section.associations %}
+    <!-- begin Associations -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>العضويات</h2>
+        </header>
+
+        {% for association in resume_data.associations %}
+            {% if association.active == true %}
+                <div class="resume-item" itemscope itemprop="memberOf" itemtype="http://schema.org/Organization">
+                    <h3 class="resume-item-title" itemprop="name" style="display: inline-block;">
+                        {% if association.url %}
+                            <a href="{{ association.url }}" target="_blank" rel="noopener nofollow noreferrer">{{ association.organization }}</a>
+                        {% else %}
+                            {{ association.organization }}
+                        {% endif %}
+                    </h3>
+
+                    {% if association.url %}
+                        <span class="print-only-inline" style="display: inline;">&nbsp;{{ association.url }}</span>
+                    {% endif %}
+
+                    <h4 class="resume-item-details" itemprop="description">{{ association.role }} &bull; {{ association.year }}</h4>
+                    <p class="resume-item-copy">{{ association.summary }}</p>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </section>
+    <!-- end Associations -->
+
+{% elsif include.section_name == "interests" and site.resume_section.interests %}
+    <!-- begin Interests -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>الاهتمامات الخارجية</h2>
+        </header>
+
+        <div class="resume-item">
+            <ul class="resume-item-list">
+                {% for interest in resume_data.interests %}
+                    <li>{{ interest.description }}</li>
+                {% endfor %}
+            </ul>
+        </div>
+    </section>
+    <!-- end Interests -->
+
+{% elsif include.section_name == "languages" and site.resume_section.languages and site.resume_section.lang_header == false %}
+    <!-- begin Languages -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>اللغات</h2>
+        </header>
+
+        {%- assign active_languages = resume_data.languages | where: "active", true -%}
+        <table class="languages-table">
+            <tbody>
+                {%- for lang in active_languages -%}
+                    {%- assign mod = forloop.index0 | modulo: 2 -%}
+                    {%- if mod == 0 -%}
+                        <tr>
+                    {%- endif -%}
+
+                    <td class="lang-cell">
+                        <p class="lang-entry">
+                            <span class="resume-item-details">{{ lang.language }}</span>
+                            &mdash;
+                            <span class="resume-item-copy">{{ lang.description }}</span>
+                        </p>
+                    </td>
+
+                    {%- if mod == 1 or forloop.last -%}
+                        {%- if forloop.last and mod == 0 -%}
+                            <td class="lang-cell"></td>
+                        {%- endif -%}
+                        </tr>
+                    {%- endif -%}
+                {%- endfor -%}
+            </tbody>
+        </table>
+    </section>
+    <!-- end Languages -->
+
+{% elsif include.section_name == "links" and site.resume_section.links %}
+    <!-- begin Links -->
+    <section class="content-section">
+        <header class="section-header">
+            <h2>روابط إضافية</h2>
+        </header>
+
+        <div class="resume-item">
+            <ul class="resume-item-list">
+                {% for link in resume_data.links %}
+                    {% if link.active == true %}
+                        <li>
+                            <a href={{ link.url }} target="_blank" rel="noopener nofollow noreferrer" itemprop="url">{{ link.description }}</a>
+                            <span class="print-only-inline">&nbsp;{{ link.url }}</span>
+                        </li>
+                    {% endif %}
+                {% endfor %}
+            </ul>
+        </div>
+    </section>
+    <!-- end Links -->
+
+{% endif %}