vlw/victorwesterlund.com
1
0
Fork 0
mirror of https://codeberg.org/vlw/victorwesterlund.com.git synced 2025-09-14 03:23:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added bg pattern, updated greeting text

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

9
public/assets/css/style.css
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;
} }

29
public/index.html
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">
@ -41,20 +42,20 @@
</div> </div>
</main> </main>
<script> <script>
// Promote IE to Edge // Promote IE to Edge
if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) { if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
window.location = 'microsoft-edge:' + window.location; window.location = 'microsoft-edge:' + window.location;
setTimeout(function() { setTimeout(function() {
window.location = 'https://go.microsoft.com/fwlink/?linkid=2135547'; window.location = 'https://go.microsoft.com/fwlink/?linkid=2135547';
},1); },1);
} }
// Register SW if supported by browser // Register SW if supported by browser
if(navigator.serviceWorker) { if(navigator.serviceWorker) {
navigator.serviceWorker.register("sw.js",{ navigator.serviceWorker.register("sw.js",{
scope: "/" scope: "/"
}); });
} }
</script> </script>
</body> </body>
</html> </html>