deviloric
/
piracy
Archived
3
0
Fork 0
Code Releases Activity

added dark mode logo 

and optimised the markup
This commit is contained in:
Maximous Black 2020-06-12 00:13:40 +05:30
parent ec4a526bf8
commit 5c89369fe6
3 changed files with 29 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docusaurus.config.js
View File

@ -13,7 +13,7 @@ module.exports = {
logo: {
alt: "Arrr!",
src: "img/logo.svg",
srcDark: "img/logo.svg",
srcDark: "img/darklogo.svg",
},
links: [
{ to: "blog", label: "Blog", position: "left" },

14
static/img/darklogo.svg Normal file
View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="1024">
<defs>
<clipPath id="b">
<use clip-rule="evenodd" xlink:href="#a"/>
</clipPath>
<path id="a" d="M0 0h1024v1024H0z"/>
</defs>
<g clip-path="url(#b)">
<use fill="#FFFFFF" fill-opacity="0" xlink:href="#a"/>
<path fill="#FFFFFF" d="M805 805c-28 0-52 15-64 37l-49-21-135 60 105 46c-2 8-4 16-4 24a73 73 0 10147 0 73 73 0 100-146z"/>
<path fill="#FFFFFF" d="M951 585a73 73 0 10-142 24L512 740 215 609a73 73 0 10-142-23 73 73 0 1064 108l240 107-94 41a73 73 0 00-137 36c0 40 33 73 73 73a73 73 0 10143-24l525-233a73 73 0 00137-36c0-40-33-73-73-73z"/>
<path fill="#FFFFFF" fill-rule="evenodd" d="M512 0a293 293 0 00-293 293v143c0 25 13 48 33 61l77 52v73h73v-73h73v73h74v-73h73v73h73v-73l77-52c20-13 33-36 33-61V293C805 131 674 0 512 0zM293 366a73 73 0 10146 0 73 73 0 00-146 0zm292 0a73 73 0 10146 0 73 73 0 00-146 0zM475 475c0-40 17-73 37-73s37 33 37 73h-74z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1016 B

69
static/img/logo.svg
View File

@ -1,55 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<svg
width="1024px"
height="1024px"
viewBox="0 0 1024 1024"
version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<rect width="1024" height="1024" id="artboard_1" />
<clipPath id="clip_1">
<use xlink:href="#artboard_1" clip-rule="evenodd" />
</clipPath>
</defs>
<g id="Logo" clip-path="url(#clip_1)">
<use
xlink:href="#artboard_1"
stroke="none"
fill="#FFFFFF"
fill-opacity="0"
/>
<g id="Bone" transform="translate(557.0194 804.5715)">
<g id="Group">
<path
d="M247.552 0C220.124 0 196.462 15.2868 183.954 37.6686L135.095 15.9452L0 75.9955L105.435 122.843C102.949 130.267 101.266 138.057 101.266 146.286C101.266 186.697 133.998 219.429 174.409 219.429C214.821 219.429 247.552 186.697 247.552 146.286C287.964 146.286 320.695 113.554 320.695 73.1428C320.695 32.7314 287.964 0 247.552 0L247.552 0Z"
id="Shape"
fill="#000000"
stroke="none"
/>
</g>
</g>
<g id="Bone" transform="translate(0 512)">
<g id="Group">
<path
d="M950.857 73.1429C950.857 32.7314 918.126 0 877.714 0C837.303 0 804.571 32.7314 804.571 73.1429C804.571 81.3714 806.254 89.1611 808.741 96.5852L512 228.462L215.259 96.5852C217.746 89.1611 219.429 81.3714 219.429 73.1429C219.429 32.7314 186.697 0 146.286 0C105.874 0 73.1429 32.7314 73.1429 73.1429C32.7314 73.1429 0 105.874 0 146.286C0 186.697 32.7314 219.429 73.1429 219.429C100.571 219.429 124.233 204.142 136.741 181.76L376.905 288.512L283.026 330.24C270.519 307.858 246.857 292.571 219.429 292.571C179.017 292.571 146.286 325.303 146.286 365.714C146.286 406.126 179.017 438.857 219.429 438.857C219.429 479.269 252.16 512 292.571 512C332.983 512 365.714 479.269 365.714 438.857C365.714 430.629 364.032 422.839 361.545 415.415L887.296 181.76C899.767 204.142 923.429 219.429 950.857 219.429C991.269 219.429 1024 186.697 1024 146.286C1024 105.874 991.269 73.1429 950.857 73.1429L950.857 73.1429Z"
id="Shape"
fill="#000000"
stroke="none"
/>
</g>
</g>
<g id="skull" transform="translate(219.4286 3.051758E-05)">
<g id="Group">
<path
d="M292.571 0C130.999 0 0 130.999 0 292.571L0 436.261C0 460.727 12.2149 483.584 32.5851 497.115L109.714 548.571L109.714 621.714L182.857 621.714L182.857 548.571L256 548.571L256 621.714L329.143 621.714L329.143 548.571L402.286 548.571L402.286 621.714L475.429 621.714L475.429 548.571L552.558 497.152C572.928 483.584 585.143 460.727 585.143 436.297L585.143 292.571C585.143 130.999 454.144 0 292.571 0ZM73.1429 365.714C73.1429 406.089 105.911 438.857 146.286 438.857C186.697 438.857 219.429 406.089 219.429 365.714C219.429 325.303 186.697 292.571 146.286 292.571C105.911 292.571 73.1429 325.303 73.1429 365.714ZM365.714 365.714C365.714 406.089 398.482 438.857 438.857 438.857C479.269 438.857 512 406.089 512 365.714C512 325.303 479.269 292.571 438.857 292.571C398.482 292.571 365.714 325.303 365.714 365.714ZM256 475.429C256 435.017 272.384 402.286 292.571 402.286C312.759 402.286 329.143 435.017 329.143 475.429L256 475.429Z"
id="Shape"
fill="#000000"
fill-rule="evenodd"
stroke="none"
/>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="1024">
<defs>
<clipPath id="b">
<use clip-rule="evenodd" xlink:href="#a"/>
</clipPath>
<path id="a" d="M0 0h1024v1024H0z"/>
</defs>
<g clip-path="url(#b)">
<use fill="#FFFFFF" fill-opacity="0" xlink:href="#a"/>
<path fill="#000000" d="M805 805c-28 0-52 15-64 37l-49-21-135 60 105 46c-2 8-4 16-4 24a73 73 0 10147 0 73 73 0 100-146z"/>
<path fill="#000000" d="M951 585a73 73 0 10-142 24L512 740 215 609a73 73 0 10-142-23 73 73 0 1064 108l240 107-94 41a73 73 0 00-137 36c0 40 33 73 73 73a73 73 0 10143-24l525-233a73 73 0 00137-36c0-40-33-73-73-73z"/>
<path fill="#000000" fill-rule="evenodd" d="M512 0a293 293 0 00-293 293v143c0 25 13 48 33 61l77 52v73h73v-73h73v73h74v-73h73v73h73v-73l77-52c20-13 33-36 33-61V293C805 131 674 0 512 0zM293 366a73 73 0 10146 0 73 73 0 00-146 0zm292 0a73 73 0 10146 0 73 73 0 00-146 0zM475 475c0-40 17-73 37-73s37 33 37 73h-74z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 1016 B