cobra.vern.cc/avatar.html

38 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="//gcdn.vern.cc/users/cobra/website/style.css">
<title>My avatar | Cobra's Webpage</title>
</head>
<body>
<a id=avatar></a>
<!--#include file="/nav" -->
<div class=h><h1>My avatar</h1> <a aria-hidden=true href=#avatar>#avatar</a></div>
<a id=zero></a>
<p>My profile picture is a photo of a cobra holding a Tux plush and my ThinkPad.</p>
<p>There have been many iterations over time. The ones that I still have are listed here. All of my contributions are licensed under CC BY-SA 4.0 International.</p>
<div class=h><h2>Zeroth iteration (XCF file unavailable)</h2> <a aria-hidden=true href=#zero>#zero</a></div>
<img src=//gcdn.vern.cc/users/cobra/website/pfp/zero.jpeg alt="The zeroth iteration of my cobra profile picture" width=40% />
<p>This<a id=one></a> version was created by a few people on Matrix, namely AIM and Ulfnic.</p>
<br />
<div class=h><h2>First iteration (XCF file unavailable)</h2> <a aria-hidden=true href=#one>#one</a></div>
<img src=//gcdn.vern.cc/users/cobra/website/pfp/one.jpeg alt="The first iteration of my cobra profile picture" width=40% />
<p><a id=two></a>This version is a modified version of the zeroth iteration, using my ThinkPad.</p>
<br />
<div class=h><h2>Second iteration (<a href=//gcdn.vern.cc/users/cobra/website/pfp/two.xcf>XCF file</a>)</h2> <a aria-hidden=true href=#two>#two</a></div>
<img src=//gcdn.vern.cc/users/cobra/website/pfp/two.png alt="The second iteration of my cobra profile picture" width=40% />
<p>This version is completely redone, using the original cobra photo from Wikimedia, and a picture of my ThinkPad and Tux plush. To make the shadows, I copied the Tux and ThinkPad layers, made them black, and turned them slightly transparent.<a id=three></a> I also used the dodge and burn tool to adjust the lighting on them. I added a little shadow on the Tux plush to make it feel like it was really touching the cobra.</p>
<br />
<div class=h><h2>Third iteration (<a href=//gcdn.vern.cc/users/cobra/website/pfp/three.xcf>XCF file</a>)</h2> <a aria-hidden=true href=#three>#three</a></div>
<img src=//gcdn.vern.cc/users/cobra/website/pfp/three.png alt="The third iteration of my cobra profile picture" width=40% />
<p>In this version, I added a trans flag to celebrate my coming out. I used the paintbrush tool in HSL Color mode to get it just right. I might go back and make it actually look like each scale has the color, because currently the color goes over into other scales.</p>
<!--#include file="/footer" -->
</body>
</html>