eado.github.io/index.html at master · eado/eado.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
---
layout: default
title: false
style: /assets/css/index.css
script: /assets/js/index.js
---

<section class="hero">
    <img loading="lazy" id="heropfp" src='{{ "/assets/other/pfp.jpg" | relative_url }}' />
    <h1 id="herotxt">Hi, I'm Omar!</h1>
    {% include links.html %}
    <p>{{ site.description }}</p>
    <p>
        Feel free to <a href="mailto:omar@omarelamri.me">email me</a> or send me a
        message on <a href="https://linkedin.com/in/omarelamri">my LinkedIn</a>!
        Always willing to chat!
    </p>
</section>
<section class="blog">
    <h1>Latest blog post</h1>
    <div class="hoverbox">
        <span>{{ site.posts[0].date | date: "%b %-d, %Y" }}&emsp;|&emsp;{% for cat in site.posts[0].categories %}{{
            cat }}&emsp;{% endfor %}</span>
        <h3>{{ site.posts[0].title }}</h3>
        <p>{{ site.posts[0].excerpt }}</p>
        <a href="{{ site.posts[0].url | relative_url }}">Read
            more...</a>
    </div>
    <a href='{{ "/blog" | relative_url }}'><button>View more posts</button></a>
</section>
<section class="tech">
    <div>
        <p id="techscroll">
            <i class="nf nf-dev-rust"></i>
            <i class="nf nf-seti-javascript"></i>
            <i class="nf nf-seti-typescript"></i>
            <i class="nf nf-dev-swift"></i>
            <i class="nf nf-md-language_python"></i>
            <i class="nf nf-dev-haskell"></i>
            <i class="nf nf-seti-ocaml"></i>
            <i class="nf nf-custom-c"></i>
            <i class="nf nf-custom-cpp"></i>
            <i class="nf nf-seti-c_sharp"></i>
            <i class="nf nf-dev-java"></i>
            <i class="nf nf-dev-react"></i>
            <i class="nf nf-md-tailwind"></i>
            <i class="nf nf-seti-svelte"></i>
            <i class="nf nf-dev-mongodb"></i>
            <i class="nf nf-cod-azure"></i>
            <i class="nf nf-md-google_cloud"></i>
            <i class="nf nf-fa-node_js"></i>
            <i class="nf nf-md-docker"></i>
            <i class="nf nf-md-kubernetes"></i>
            <i class="nf nf-cod-terminal_linux"></i>
            <i class="nf nf-custom-neovim"></i>
        </p>
    </div>
    <h1>Technologies I use</h1>
</section>
<section class="education">
    <ul class="selector">
        <li class="work" onclick="filter('work')">
            <ion-icon name="briefcase"></ion-icon>Work
        </li>
        <li class="projects" onclick="filter('projects')">
            <ion-icon name="brush"></ion-icon>Projects
        </li>
        <li class="edu" onclick="filter('edu')">
            <ion-icon name="school"></ion-icon>Education
        </li>
    </ul>

    {% for event in site.events reversed %}
    <a class="{{ event.type }}" href="#{{ event.experience }}">
        {% assign idx = forloop.index | modulo: 2 %}
        <div class='hoverbox {% if idx == 0  %} right {% else %} left {% endif %}'>
            {% if event.cover %}
            <img loading="lazy" class="cover" src="{{ event.cover | relative_url }}" />
            {% else %}
            <div class="cover sm"></div>
            {% endif %}
            {% if event.icon %}
            <img loading="lazy" class="icon" src="{{ event.icon | relative_url }}" />
            {% endif %}
            <div class="content">
                <h1>{{ event.title }}</h1>
                <span>{{ event.subtitle }} </span>
            </div>
            <hr>
            <span>{{ event.marker }}</span>
            {{ event.output }}
        </div>
    </a>
    {% endfor %}

    {% for e in site.experiences %}
    <div id="{{ e.link }}" class="modal">
        <a href="#f" class="overlay"></a>
        <div class="mcontent">
            <a class="close" href="#f">&times;</a>
            {% assign clen = e.covers | size %}
            {% assign elen = e.embeds | size %}
            {% if clen > 1 or elen > 1 or clen > 0 and elen > 0 %}
            <div class="leftarrow" onclick="sliderLeft()">
                &lt;
            </div>
            <div class="rightarrow" onclick="sliderRight()">
                &gt;
            </div>
            {% endif %}

            {% if clen != 0 or elen != 0 %}
            <div class="slider">
                <div class="slider-content">
                    {% for c in e.covers %}
                    <img loading="lazy" {% if forloop.index !=1 %} class="contain" {% endif %} src="{{ c | relative_url }}" />
                    {% endfor %}
                    {% for em in e.embeds %}
                    <iframe frameborder="0" src="{{ em }}"></iframe>
                    {% endfor %}
                </div>
            </div>
            {% endif %}
            {% if e.icon %}
            <img class="icon" src="{{ e.icon | relative_url }}" />
            {% else %}
            <div class="icon"></div>
            {% endif %}
            <div class="head">
                <h1>{{ e.title }}</h1>
                <span>{{ e.subtitle }}</span>
            </div>
            <div class="cont">
                {{ e.output }}
            </div>
        </div>
    </div>
    {% endfor %}
</section>