This commit is contained in:
andreyflat 2025-06-11 22:52:08 +08:00
parent 3b70e4337b
commit 571650f14b
2 changed files with 15 additions and 12 deletions

View file

@ -17,7 +17,7 @@
header {
background: #222;
padding: 1em;
padding: 0.25em;
text-align: center;
position: sticky;
top: 0;
@ -30,8 +30,8 @@
}
header h1:hover {
letter-spacing: 1em;
transform: scaleX(1.2);
letter-spacing: 1.1em;
transform: scaleX(1.0);
transition: letter-spacing 5s ease, transform 5s ease;
}
@ -83,7 +83,7 @@
overflow: hidden;
position: relative;
background: #000;
border-radius: 8px;
border-radius: 0;
}
.video-tile video {
@ -140,9 +140,9 @@
</header>
<main>
<section style="text-align: left;">
<section style="text-align: justify; max-width: 800px; margin: 0 auto;">
<p>Welcome to the personal space of CG artist Andrey Flat. This is a curated selection of works spanning the past 20 years.</p>
<p><em>Andrey began his creative journey in 2003 with machinima, experimenting with Sony Vegas, Daz 3D, and 3ds Max. By 2008, he was working as a television video editor, focusing on After Effects.</p>
<p>Andrey began his creative journey in 2003 with machinima, experimenting with Sony Vegas, Daz 3D, and 3ds Max. By 2008, he was working as a television video editor, focusing on After Effects.</p>
<p>In 2011, he joined a film studio, advancing to VFX supervisor while mastering tools like Final Cut, DaVinci Resolve, Cinema 4D, Naiad, and Houdini.</p>
<p>Since 2014, he has worked independently, specializing in procedural and generative effects with Houdini, Nuke, Touchdesigner and ComfyUI.</p>
</section>
@ -166,8 +166,7 @@
</section>
<section>
<h2>contacts</h2>
<p>andrey.flat.post@gmail.com</p>
<p><a href="mailto:andrey.flat.post@gmail.com">feel free to contact me</a></p>
</section>
</main>
@ -219,8 +218,8 @@
},
{
src: "videos/project_09.mp4",
title: "Stone Flow",
description: "RBD system driven by curves and noise"
title: "Coming Soon",
description: "database preparation"
}
];

View file

@ -13,7 +13,7 @@ header {
}
main {
max-width: 1000px;
max-width: 1280px;
margin: 2em auto;
padding: 0 1em;
}
@ -33,7 +33,7 @@ footer {
.video-container {
position: relative;
width: 100%;
max-width: 960px;
max-width: 1280px;
margin: 0 auto 2em;
aspect-ratio: 16 / 9; /* это заменяет padding-bottom */
}
@ -47,3 +47,7 @@ footer {
border: none;
display: block;
}
a {
color: inherit;
text-decoration: none;
}