kristoferssolo/kristofersxyz
1
0
Fork 0
mirror of https://github.com/kristoferssolo/kristofersxyz.git synced 2025-10-21 18:30:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added different gif versions

Browse Source
This commit is contained in:
Kristofers Solo 2023-01-20 15:57:21 +02:00
parent e1a2ea2a8d
commit f7a7e1b3b7
5 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
static/main/css/index.css
View File

@ -20,6 +20,7 @@
top: 30%; top: 30%;
} }
img,
video { video {
width: clamp(20rem, 50%, 70rem); width: clamp(20rem, 50%, 70rem);
} }

BIN
static/main/img/hello-there/hello-there.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 MiB

0
static/main/img/hello-there.mp4 → static/main/img/hello-there/hello-there.mp4
View File

0
static/main/img/hello-there.webm → static/main/img/hello-there/hello-there.webm
View File

10
templates/main/index.html
View File

@ -14,11 +14,13 @@
{% block content %} {% block content %}
<div id="landing"> <div id="landing">
<div class="landing-title"> <div class="landing-title">
<video autoplay <video autoplay loop muted playsinline alt="Hello there.">
loop <source src="{% static 'main/img/hello-there/hello-there.mp4' %}"
src="{% static 'main/img/hello-there.mp4' %}" type="video/mp4">
<source src="{% static 'main/img/hello-there/hello-there.mp4' %}"
type="video/mp4" type="video/mp4"
alt="Hello there."> onerror="fallback(parentNode)">
<img src="{% static 'main/img/hello-there/hello-there.gif' %}">
</video> </video>
<h1 class="text"> <h1 class="text">
I&#39;m <span id="swap-text">Kristofers Solo</span> I&#39;m <span id="swap-text">Kristofers Solo</span>