mirror of
https://github.com/kristoferssolo/kristofersxyz.git
synced 2025-10-21 18:30:34 +00:00
56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
{% extends "layout.html" %}
|
|
{% load static %}
|
|
{% block title %}{{ title }}{% endblock %}
|
|
{% block meta %}
|
|
<link rel="stylesheet"
|
|
type="text/css"
|
|
href="{% static 'main/css/index.css' %}"/>
|
|
<link href="{% static 'fontawesomefree/css/all.min.css' %}"
|
|
rel="stylesheet"
|
|
type="text/css">
|
|
<script src="{% static 'main/js/typewriter.js' %}" defer></script>
|
|
<script src="{% static 'main/js/text_swap.js' %}" defer></script>
|
|
{% endblock %}
|
|
{% block content %}
|
|
<div id="landing">
|
|
<div class="landing-title">
|
|
<video autoplay
|
|
loop
|
|
src="{% static 'main/img/hello-there.webm' %}"
|
|
type="video/webm">
|
|
</video>
|
|
<h1 class="text">
|
|
I'm <span id="swap-text">Kristofers Solo</span>
|
|
</h1>
|
|
<h1 id="rotating-text" class="text"> </h1>
|
|
<!-- ICONS -->
|
|
<div class="landing-icons">
|
|
<a class="social-link email"
|
|
target="_blank"
|
|
href="mailto:kristians.cagulis@pm.me">
|
|
<i class="fa-sharp fa-solid fa-envelope"></i>
|
|
<span class="label">E-Mail</span>
|
|
</a>
|
|
<a class="social-link telegram"
|
|
target="_blank"
|
|
href="https://telegram.me/kristofers_solo">
|
|
<i class="fa-sharp fa-solid fa-paper-plane"></i>
|
|
<span class="label">Telegram</span>
|
|
</a>
|
|
<a class="social-link linkedin"
|
|
target="_blank"
|
|
href="https://www.linkedin.com/in/kristians-francis-cagulis">
|
|
<i class="fa-brands fa-linkedin-in"></i>
|
|
<span class="label">LinkedIn</span>
|
|
</a>
|
|
<a class="social-link github"
|
|
target="_blank"
|
|
href="https://github.com/kristoferssolo">
|
|
<i class="fa-brands fa-github "></i>
|
|
<span class="label">GitHub</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|