1
2023-01-23 13:48:36 -05:00

51 lines
2.2 KiB
HTML

{% block component_styles %}
{{ super() }}
<link rel="stylesheet" href="/styles/components/about-card.css">
{% endblock component_styles %}
<div class="about-card">
<div class="profile-photo-container">
<img src="{{config.extra.profile_photo}}" alt="Profile Photo">
</div>
<div class="text-container">
<div class="intro-text">
<h1>{{config.extra.name}}</h1>
<p>{{config.extra.profession}}</p>
</div>
<div class="quick-links">
<ul>
<li>
<a class="about-quick-link" href="mailto:{{config.extra.email}}" rel="me">
<img src="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/svg/envelope.svg"
alt="email: " loading="lazy">
{{config.extra.email}}
</a>
</li>
<li>
<a class="about-quick-link" href="https://github.com/{{config.extra.github}}" rel="me">
<img src="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/svg/github.svg"
alt="github: " loading="lazy">
{{config.extra.github}}
</a>
</li>
<li>
<a class="about-quick-link" href="https://linkedin.com/in/{{config.extra.linkedin}}" rel="me">
<img src="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/svg/linkedin.svg"
alt="linkedin: " loading="lazy">
{{config.extra.linkedin}}
</a>
</li>
<li>
<a class="about-quick-link" href="/contact">
<img src="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/svg/ellipsis-h-solid.svg"
alt="... " loading="lazy">
contact me
</a>
</li>
</ul>
</div>
</div>
</div>
{# Mastodon requires this to exist somewhere, so why not here #}
<a rel="me" href="https://social.ewpratten.com/@evan" style="display:none;"></a>