diff options
| -rw-r--r-- | CHANGELOG.md | 5 | ||||
| -rw-r--r-- | css/footer.scss | 12 | ||||
| -rw-r--r-- | index.php | 5 | ||||
| -rw-r--r-- | svg/logo/pollexSmall.svg | 15 |
4 files changed, 31 insertions, 6 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 5a91bc2..58c6964 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ # Changelog +## 11.17 + +* Add small Pollex logo (not glyph) +* Update socials links + ## 11.16 * Elaborate pages diff --git a/css/footer.scss b/css/footer.scss index 92813c3..e25726a 100644 --- a/css/footer.scss +++ b/css/footer.scss @@ -80,6 +80,10 @@ mask-size: cover; width: 2rem; + &.bluesky { + mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAVElEQVQoz5WQwQ3AMAgDz1X3X9n9RCoQUFMeKD6QgQAY08Xi5s25vLIToCjHwvByZ5uJxwbDnSYLA4ro4ig8008HhW4VRx2N2O8uv/DzCu9K7VpBPYElKOozRUDfAAAAAElFTkSuQmCC"); + } + &.instagram { mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAX0lEQVQ4y8VTQQ6AMAiDhfT/7+0FLy6ZBnWMLPYILYQCKicAuCRAUmVVfNFkxSMfgLcV8VjEZjr1mUkqAP+cPxW7J948ibhNivi/QNlEezrTaI0R16ZufasH1WfS6jsfuEMzS24xXK8AAAAASUVORK5CYII"); } @@ -88,12 +92,12 @@ mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAU0lEQVQ4y8VTQQ4AIAgS//9nu3QrFFctNk+iIk6zHDGDwu0Q3pm24zkhZMVUAYomseOiqWCpgSqV8SEa9+6MV1ZQ3A7VxOjmIE6mSrzhS5X79I0DeIAXDaPn+ZcAAAAASUVORK5CYII"); } - &.threads { - mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeElEQVQ4y6VTMQ4AIQgDcun/38viTRolRTEyGVtogaBCAkBj/+6usgsALUs+4qfkLa+azPhf1l8sOOPurgNnytFR5hBAk6r1rIDJYyiAxva7c7bwKzOIvPltJRWC9SK2rKSgGMMYqavPrTzfQWnIN/cw1nhzzmzAP95rU0FdYvnBAAAAAElFTkSuQmCC"); + &.mastodon { + mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAV0lEQVQoz4WRQRLAIAjENkz//2V6qBVpEffgwRCQET1x/cM8SjwoDZYkWPBbnKQo4OOOe0u2D+QhmA656saRYwfaJSXsoLcjyI+krrIJvN6G/i+18ZeBNwxoEhoY69ydAAAAAElFTkSuQmCC"); } - &.x { - mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAY0lEQVQ4y62SOw5AIQgEgWLvf14aX2WiPuQTpFOzm8kgAxhkjKoyObPlAIz14jxb4fkuVJwZ/BFmKCIyt+QWlhZ2laIkKltS3sJzCg5/2SLPkikt4xF2Sahn2iuRLjZnwze6D+xmTvrTiNc4AAAAAElFTkSuQmCC"); + &.reddit { + mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWUlEQVQoz42RwQ3AMAgDz1H3X9l9NYKCQngFHNBhBIDpQ6CDDCAVWftlgNV0OTe5K+7cZwLwCpAu09wzpHgafsUPq+D+jPt8UBJCFo1SN03DmvMWF8cazv0CbV0eA+jaPIYAAAAASUVORK5CYII"); } &.youTube { @@ -139,10 +139,11 @@ <div class="center" id="emailAddress" title="Obfuscated email address."></div> <br> <div id="socials"> + <a class="bluesky" href="https://bsky.app/profile/achernar.io/" title="Bluesky: @achernar.io"></a> <a class="instagram" href="https://www.instagram.com/primuseridani/" title="Instagram: primuseridani"></a> <a class="linktree" href="https://linktr.ee/PrimusEridani/" title="Linktree: @PrimusEridani"></a> - <a class="threads" href="https://www.threads.net/@primuseridani/" title="Threads: @primuseridani"></a> - <a class="x" href="https://x.com/PrimusEridani/" title="X: @PrimusEridani"></a> + <a class="mastodon" href="https://mastodon.social/@primuseridani/" title="Mastodon: @[email protected]"></a> + <a class="reddit" href="https://www.reddit.com/user/PrimusEridani/" title="Reddit: @PrimusEridani"></a> <a class="youTube" href="https://youtube.com/@primuseridani/" title="YouTube: @PrimusEridani"></a> </div> </footer> diff --git a/svg/logo/pollexSmall.svg b/svg/logo/pollexSmall.svg new file mode 100644 index 0000000..30b4e97 --- /dev/null +++ b/svg/logo/pollexSmall.svg @@ -0,0 +1,15 @@ +<svg height="96" width="96" xmlns="http://www.w3.org/2000/svg"> + <mask id="px"> + <polygon fill="white" points="16,16 71,16 71,34 32,34 32,16 32,40 16,40" /> + <circle cx="71" cy="25" fill="white" r="9" /> + + <polygon fill="black" points="32,22 61,22 61,28 32,28" /> + <circle cx="61" cy="25" fill="black" r="3" /> + + <polygon fill="white" points="16,56 32,56 80,80 64,80" /> + <polygon fill="white" points="64,56 80,56 32,80 16,80" /> + </mask> + + <rect fill="#4D4084" height="100%" width="100%" x="0" y="0" /> + <rect fill="#FFFFFF" height="100%" mask="url(#px)" width="100%" x="0" y="0" /> +</svg> |
