YousefMohamd.github.io/index.njk at main · YousefMohamd/YousefMohamd.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
---
layout: layouts/base.njk
eleventyNavigation:
  key: Home
  order: 1
hero:
  name: "Yousef Mohamed"
  role: "Environment & Prop Concept Artist"
  subrole: "Secondary: Graphic Designer | 2D Animator | Editor | VFX Generalist"
---

<!-- HERO SECTION -->
<section class="hero">
  <div class="hero-bg">
    <div class="hero-media" id="showreel">
      {% for item in showreel %}
        {% if item.type == "video" %}
          <div class="slide" data-type="video" data-src="{{ item.src | url }}">
            <video class="lazyload" playsinline muted preload="metadata">
              <source data-src="{{ item.src | url }}">
            </video>
          </div>
        {% else %}
          <div class="slide" data-type="image" data-src="{{ item.src | url }}" style="background-image:url('{{ item.src | url }}')"></div>
        {% endif %}
      {% endfor %}
    </div>
  </div>

  <div class="hero-copy">
    <h1 class="hero-title">{{ hero.name }}</h1>
    <p class="hero-role">{{ hero.role }}</p>
    <div class="hero-subrole">{{ hero.subrole }}</div>
  </div>
</section>

<!-- PROJECTS -->
{% include "home-projects-sections.html" %}

<!-- SOFTWARE EXPERIENCE -->
{% include "home-software-section.html" %}