Added bg pattern, updated greeting text

New dot matrix pattern multiplied with the pattern.gif image.

Added a more colorful greeting text.

Removed redundant indentation of JS
This commit is contained in:
Victor Westerlund 2021-02-09 07:54:00 +01:00
parent 471dc0d8da
commit ea94b7768c
2 changed files with 21 additions and 17 deletions

View file

@ -83,12 +83,15 @@ h2 span {
/* Layout */ /* Layout */
main { main {
--grid-spacing: 30px;
margin: auto; margin: auto;
max-width: 200vh; max-width: 200vh;
background: url("../img/pattern.gif"); background: radial-gradient(circle, rgba(0,0,0,.2) 1px, rgba(0,0,0,0) 1px), url("../img/pattern.gif");
background-size: auto 90%; background-size: var(--grid-spacing) var(--grid-spacing), auto 90%;
background-position: 100% 100%; background-position: 100% 100%;
background-repeat: no-repeat; background-repeat: repeat,no-repeat;
background-blend-mode: multiply;
image-rendering: pixelated; image-rendering: pixelated;
image-rendering: -moz-crisp-edges; image-rendering: -moz-crisp-edges;
} }

View file

@ -19,7 +19,8 @@
<h2><span>full-stack web developer</span></h2> <h2><span>full-stack web developer</span></h2>
</div> </div>
<div class="block"> <div class="block">
<p><span>I create things with code, and usually design things for humans to interact with my code. I'm also a true wannabe jack of all trades; and a coffee-loving non-coffee snob.</span></p> <p><span>I create things with code. The things I've created for the public reside as open-source repositories on <a href="https://github.com/VictorWesterlund" target="_blank">GitHub</a>, the rest you'll be lucky to hear about some day.</span></p>
<p><span>Other topics (seemingly irrelevant to programming) I find facinating include but is in no way limited to astronomy, psychology, sociology, economics, ...</span></p>
<p><span><strong>hello@victorwesterlund.com</strong></span>&#8203;(<a href="https://storage.googleapis.com/public.victorwesterlund.com/publickey.gpg" target="_blank">PGP&nbsp;Key</a>)</p> <p><span><strong>hello@victorwesterlund.com</strong></span>&#8203;(<a href="https://storage.googleapis.com/public.victorwesterlund.com/publickey.gpg" target="_blank">PGP&nbsp;Key</a>)</p>
</div> </div>
<div class="block"> <div class="block">