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 gif to homepage

Browse Source
This commit is contained in:
Kristofers Solo 2023-01-17 23:25:57 +02:00
parent 16f7dbd235
commit cad16a254d
3 changed files with 35 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,25 +1,25 @@
/* h1, */
/* p { */
/* color: var(--text-color); */
/* font-size: 20px; */
/* text-align: center; */
/* margin-top: 10px; */
/* } */
/**/
/* a { */
/* text-decoration: none; */
/* color: var(--link-text-color); */
/* } */
/**/
/* a:hover { */
/* text-decoration: underline; */
/* } */
/**/
/* .center { */
/* margin: 0; */
/* position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* -ms-transform: translate(-50%, -50%); */
/* transform: translate(-50%, -50%); */
/* } */
h1,
p {
color: var(--text-color);
font-size: 20px;
text-align: center;
margin-top: 10px;
}
a {
text-decoration: none;
color: var(--link-text-color);
}
a:hover {
text-decoration: underline;
}
.center {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

2
static/main/css/layout.css
View File

@ -11,8 +11,6 @@
--text-color: #f0f6fc;
--code-bg-color: #393f48;
--ff-sans-normal: "Roboto", sans-serif;
--fs-16: 16px;
--fs-20: 20px;
}
html,

20
templates/main/index.html
View File

@ -7,14 +7,14 @@
href="{% static 'main/css/index.css' %}"/>
{% endblock %}
{% block content %}
<!-- <div class="center"> -->
<!-- <img src="https://media.giphy.com/media/xTiIzJSKB4l7xTouE8/giphy.gif" -->
<!-- alt="Hello there."> -->
<!-- <h1> -->
<!-- I&#39;m <span class="highlight">Kristofers Solo</span> -->
<!-- </h1> -->
<!-- <h1> -->
<!-- <span id="text-rotate">Jedi</span> -->
<!-- </h1> -->
<!-- </div> -->
<div class="center">
<img src="https://media.giphy.com/media/xTiIzJSKB4l7xTouE8/giphy.gif"
alt="Hello there.">
<h1>
I&#39;m <span class="highlight">Kristofers Solo</span>
</h1>
<h1>
<span id="text-rotate">Jedi</span>
</h1>
</div>
{% endblock %}