This commit is contained in:
falsycat 2022-12-01 16:18:33 +09:00
parent cbd31a0fc1
commit 20f9d9daa8
3 changed files with 33 additions and 18 deletions

View File

@ -126,7 +126,7 @@ h1, h2, h3, h4 {
} }
#header .role { #header .role {
font-size: 1rem; font-size: 1rem;
letter-spacing: 2rem; letter-spacing: 1rem;
text-indent: 1em; text-indent: 1em;
line-height: 1em; line-height: 1em;
} }
@ -147,10 +147,15 @@ h1, h2, h3, h4 {
border-radius: 50%; border-radius: 50%;
border: .5em solid var(--color2); border: .5em solid var(--color2);
} }
#header .icons img.icon { #header .icons .icon, #header .icons a {
display: block;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
} }
#header .icons .icon-bg {
border-radius: 50%;
background-color: var(--color1);
}
#works p a { #works p a {
text-decoration: underline; text-decoration: underline;
@ -574,12 +579,31 @@ style="position: absolute; right: 0; top: 40vh; color: var(--color3); opacity: .
<div id="header"> <div id="header">
<h1>falsycat</h1> <h1>falsycat</h1>
<div class="role">PROGRAMMER</div> <div class="role">CREATIVE PROGRAMMER</div>
<div class="icons"> <div class="icons">
<ul> <ul>
<li><a href="https://github.com/falsycat" target="_blank"><img class="icon" src="/pf/img/icon/github.svg"></a></li> <li>
<li><a href="https://twitter.com/falsycat" target="_blank"><img class="icon" src="pf/img/icon/twitter.svg"></a></li> <a href="https://github.com/falsycat" target="_blank">
<svg class ="icon" viewBox="0 0 160 160" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path style="fill-rule:evenodd;stroke:none;stroke-width:.13333" d="M80.515 0C36.054 0 0 36.046 0 80.514c0 35.574 23.07 65.754 55.061 76.401 4.024.745 5.501-1.747 5.501-3.873 0-1.92-.074-8.263-.109-14.99-22.4 4.87-27.126-9.5-27.126-9.5-3.662-9.307-8.94-11.782-8.94-11.782-7.305-4.997.551-4.894.551-4.894 8.085.567 12.342 8.297 12.342 8.297 7.182 12.309 18.836 8.75 23.43 6.693.723-5.202 2.81-8.757 5.112-10.766-17.883-2.036-36.683-8.94-36.683-39.791 0-8.79 3.146-15.973 8.296-21.612-.836-2.029-3.592-10.217.78-21.307 0 0 6.761-2.164 22.147 8.253 6.423-1.784 13.31-2.679 20.153-2.71 6.843.031 13.736.926 20.17 2.71 15.368-10.417 22.12-8.253 22.12-8.253 4.382 11.09 1.625 19.278.79 21.307 5.162 5.639 8.286 12.821 8.286 21.612 0 30.924-18.836 37.733-36.765 39.727 2.888 2.498 5.461 7.398 5.461 14.91 0 10.772-.093 19.442-.093 22.095 0 2.143 1.45 4.654 5.53 3.863 31.975-10.658 55.015-40.828 55.015-76.39C161.03 36.046 124.981 0 80.515 0" />
<path style="fill-rule:nonzero;stroke:none;stroke-width:.13333" d="M30.495 115.601c-.177.401-.806.52-1.38.245-.584-.262-.912-.808-.722-1.209.173-.412.804-.525 1.386-.252.586.264.919.815.716 1.216m3.261 3.637c-.384.356-1.134.191-1.643-.372-.527-.561-.626-1.312-.236-1.673.396-.356 1.124-.19 1.651.372.527.568.63 1.313.228 1.673m3.175 4.638c-.493.342-1.3.02-1.799-.695-.493-.716-.493-1.575.011-1.919.5-.344 1.295-.034 1.8.676.492.727.492 1.587-.012 1.938m4.35 4.48c-.442.486-1.382.355-2.07-.309-.704-.649-.9-1.57-.457-2.057.446-.488 1.392-.35 2.085.308.699.648.912 1.576.441 2.057m6 2.602c-.194.63-1.1.917-2.012.649-.91-.276-1.506-1.015-1.322-1.652.189-.635 1.098-.933 2.017-.647.91.275 1.507 1.008 1.317 1.65m6.59.482c.022.664-.751 1.215-1.709 1.226-.962.022-1.74-.515-1.752-1.168 0-.67.756-1.216 1.72-1.232.956-.019 1.74.514 1.74 1.174m6.132-1.044c.115.648-.55 1.314-1.501 1.49-.935.172-1.8-.228-1.919-.87-.116-.665.562-1.33 1.495-1.502.952-.166 1.804.224 1.925.882" />
</svg>
</a>
</li>
<li>
<a href="https://git.falsy.cat/explore" target="_blank">
<img class="icon icon-bg" style="padding: 0.2rem" src="/pf/img/icon/gitea.png">
</a>
</li>
<li>
<a href="https://twitter.com/falsycat" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 400 400">
<circle cx="200" cy="200" r="200" fill="#1da1f2"/>
<path d="M163.4 305.5c88.7 0 137.2-73.5 137.2-137.2 0-2.1 0-4.2-.1-6.2a98.79 98.79 0 0 0 24.1-25c-8.6 3.8-17.9 6.4-27.7 7.6 10-6 17.6-15.4 21.2-26.7-9.3 5.5-19.6 9.5-30.6 11.7-8.8-9.4-21.3-15.2-35.2-15.2-26.6 0-48.2 21.6-48.2 48.2 0 3.8.4 7.5 1.3 11-40.1-2-75.6-21.2-99.4-50.4-4.1 7.1-6.5 15.4-6.5 24.2 0 16.7 8.5 31.5 21.5 40.1-7.9-.2-15.3-2.4-21.8-6v.6c0 23.4 16.6 42.8 38.7 47.3a48.07 48.07 0 0 1-12.7 1.7 46.04 46.04 0 0 1-9.1-.9 48.15 48.15 0 0 0 45 33.5c-16.5 12.9-37.3 20.6-59.9 20.6-3.9 0-7.7-.2-11.5-.7 21.1 13.8 46.5 21.8 73.7 21.8" fill="#fff"/>
</svg>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -598,6 +622,9 @@ style="position: absolute; right: 0; top: 40vh; color: var(--color3); opacity: .
</ul> </ul>
</div></div> </div></div>
</li> </li>
<li>
<div><a href="https://nf7.falsy.cat/" target="_blank"><img class="thumb" src="/pf/img/thumb/nf7.apng"></a></div>
</li>
<li> <li>
<div><a href="/pf/rationalist"><img class="thumb" src="/pf/img/thumb/rationalist.webp"></a></div> <div><a href="/pf/rationalist"><img class="thumb" src="/pf/img/thumb/rationalist.webp"></a></div>
<div name="pf/rationalist" class="popup-wrapper"><div class="popup"> <div name="pf/rationalist" class="popup-wrapper"><div class="popup">
@ -620,18 +647,6 @@ style="position: absolute; right: 0; top: 40vh; color: var(--color3); opacity: .
</ul> </ul>
</div></div> </div></div>
</li> </li>
<li>
<div><a href="/pf/protodisco"><img class="thumb" src="/pf/img/thumb/mv-protodisco.webp"></a></div>
<div name="pf/protodisco" class="popup-wrapper"><div class="popup">
<h3>Protodisco MV</h3>
<figure class="thumb"><iframe class="youtube lazy" data-src="https://www.youtube.com/embed/ETHF5SLi1yw?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></figure>
<ul>
<li>borrowed music: <a href="https://youtu.be/rkkZYzXsxPA" target="_blank">Protodisco - flower / nulut (YouTube)</a></li>
<li>independent work</li>
<li><a href="https://drive.google.com/file/d/1QP2rHSZ6RF7QKgw9p-dQQGrde0h_mI-5/view?usp=sharing" target="_blank">PF download</a></li>
</ul>
</div></div>
</li>
<li> <li>
<div><a href="/pf/leftone"><img class="thumb" src="/pf/img/thumb/leftone.webp"></a></div> <div><a href="/pf/leftone"><img class="thumb" src="/pf/img/thumb/leftone.webp"></a></div>
<div name="pf/leftone" class="popup-wrapper"><div class="popup"> <div name="pf/leftone" class="popup-wrapper"><div class="popup">
@ -654,7 +669,7 @@ style="position: absolute; right: 0; top: 40vh; color: var(--color3); opacity: .
</div> </div>
<div id="footer"> <div id="footer">
<div>Copyright 2021 falsycat &lt;&#109;&#101;&commat;&#102;&#97;&#108;&#115;&#121;&period;&#99;&#97;&#116;&gt;</div> <div>Copyright 2022 falsycat &lt;&#109;&#101;&commat;&#102;&#97;&#108;&#115;&#121;&period;&#99;&#97;&#116;&gt;</div>
<div class="note">.CAT is a top level domain of <a href="https://domini.cat" target="_blank">Catalunya</a>.</div> <div class="note">.CAT is a top level domain of <a href="https://domini.cat" target="_blank">Catalunya</a>.</div>
</div> </div>

BIN
pf/img/icon/gitea.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
pf/img/thumb/nf7.apng Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB