Styles: big changes

Changes:
 - Add new fancy "maze" background
 - Add gif on front page
beep
Jae Lo Presti 2 months ago
parent 86ae3b628c
commit 1f36dfd6a8
Signed by: jae
SSH Key Fingerprint: SHA256:hmKix/+XG+9GEGHgDdiqXfmB2O7BU4CPVOoQoIYIQ2Y
  1. 2
      content/_index.md
  2. 1
      layouts/shortcodes/rightgif.html
  3. 8
      static/main.css

@ -12,6 +12,8 @@ I mainly do code and sysadmin but i also like to meddle in networking as I opera
I also happen to write a bunch of software that you can find on [my Gitea instance](https://g.jae.pm).
{{< rightgif "/img/jae/nobg.gif" "Jae the Synth posing with her gun" >}}
All the content in this website is under the CC BY-SA 4.0 Jae Lo Presti license (unless stated otherwise).
> Note: everything on this website + blog are my own doing and does not reflects the views of any previous, present or past employers. If you have a problem with the content, use the contacts below, I respond to **all** inquiries except abusive ones.

@ -0,0 +1 @@
<img class="rightgif" src="{{ index .Params 0 }}" alt="{{ index .Params 1 }}" />

@ -285,3 +285,11 @@ video {
width: 88px;
height: 31px;
}
.rightgif {
float: right;
max-width: 11em;
margin: var(--padsize);
border: 3px solid var(--blue);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3Cfilter id='grayscale'%3E%3CfeColorMatrix type='saturate' values='0.01'/%3E%3C/filter%3E%3C/defs%3E%3Cg opacity='0.3' filter='url(%23grayscale)'%3E%3Cpolygon fill='%23cc0000' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23aa0000' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23ca002c' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23a70022' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23c6004c' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23a3003c' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23c0006a' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%239d0055' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23b7008a' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%2394006e' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23aa00aa' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23880088' points='943 900 1210 900 971 687'/%3E%3C/g%3E%3C/svg%3E");
}