This repository has been archived on 2023-04-23. You can view files and clone it, but cannot push or open issues or pull requests.

57 lines
1.4 KiB

{% include master/head.html %}
{% include master/header.html %}
<img src="/assets/images/Teaser_1.png">
<div class="content">
<section id="hero-fullscreen">
<div class="grid-40auto vertical-center">
<img style="height: 50%;object-fit: contain;" src="/assets/images/blue.png">
<p>I am a 3D artist who primarily works with Minecraft-style creations and renders! You can find out more about me on my FAQ page.</p>
<a href="/contact/"><button style="font-weight: bold">Contact Me</button></a>
{% include master/footer.html %}
#Home {background: var(--blue-light);}
body {
background: var(--blue);
color: white;
banner img {
background-image: url('/assets/images/Exploration (0;00;00;00).png');
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.1;
filter: saturate(0);
z-index: -1;
animation: 2s bigBanner ease-in-out;
#footer {
position: fixed;
bottom: 0px;
width: 100%;
max-width: var(--max-width);
background: var(--blue);
padding: 0px 100%;
left: 50%;
transform: translate(-50%);
.content {
position: fixed;
top: 50%;
transform: translate(-50%, -50%);