Skip to content

Commit

Permalink
Update logo, logo animation, and favicon
Browse files Browse the repository at this point in the history
  • Loading branch information
@CodeF53
CodeF53 committed Aug 24, 2023
1 parent 93f1675 commit e687abe
Show file tree
Hide file tree
Showing 8 changed files with 30 additions and 24 deletions.
52 changes: 29 additions & 23 deletions components/static/Logo.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,52 +5,58 @@ defineProps(['class'])
<template>
<svg id="logo" :class="$props.class" viewBox="0 0 320 320">
<defs>
<linearGradient id="darkGradient" x1="90" x2="90" y1="416" y2="96" gradientUnits="userSpaceOnUse">
<stop stop-color="#2a0000" offset="0" />
<stop stop-color="#360000" offset=".1" />
<stop stop-color="#3b0000" offset=".7" />
<linearGradient id="darkGradient" x1="-6" x2="-6" y1="320" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#2a0000" offset=".00621" />
<stop stop-color="#360000" offset=".11258" />
<stop stop-color="#3b0000" offset=".26037" />
<stop stop-color="#3b0000" offset=".44812" />
<stop stop-color="#350000" offset=".63355" />
<stop stop-color="#310000" offset=".7064" />
<stop stop-color="#3b0000" offset=".83307" />
<stop stop-color="#2a0000" offset="1" />
</linearGradient>
<linearGradient id="lightGradient" x1="-6" x2="160" y1="320" y2="32" gradientUnits="userSpaceOnUse">
<stop stop-color="#5c0000" offset=".31" />
<stop stop-color="#ae0606" offset=".35" />
<stop stop-color="#ff0d0d" offset=".5" />
<stop stop-color="#ff0d0d" offset=".8" />
<stop stop-color="#ff2525" offset=".9" />
<stop stop-color="#5c0000" offset=".30864" />
<stop stop-color="#ae0606" offset=".35809" />
<stop stop-color="#ff0d0d" offset=".51203" />
<stop stop-color="#ff0d0d" offset=".81762" />
<stop stop-color="#ff2525" offset=".9145" />
<stop stop-color="#ff7b7b" offset="1" />
</linearGradient>
</defs>
<g id="bottomLight">
<g id="bottomDark">
<path
d="m52.947 33.664c-3.7888 6.2045-3.7978 14.412-3.7977 31.203v127.13c0 32-2.64e-4 32 27.713 48l110.72 63.924 0.66146 0.076c6e-3 3e-3 0.0119 7e-3 0.0176 0.0103 1.7248 0.99584 3.3436 1.9305 4.8669 2.8024 1.5289 0.87511 2.9626 1.6877 4.315 2.4381 1.3524 0.75044 2.6235 1.4385 3.8261 2.0645 0.46939 0.24431 0.88386 0.43505 1.3332 0.66043 7.3169 3.0007 13.354 2.2293 13.354-11.531l5.1e-4 -44.445h-5.1e-4v5.1e-4l-0.52917-0.50591v0.50591l-110.85-64v-128l27.713 16v-0.52917z"
fill="url(#lightGradient)" stroke="url(#lightGradient)"
d="m267.05 33.66-79.34 45.807v0.52969l27.713-16v128l-110.85 64v-0.50592l-0.52917 0.50592v-5.2e-4h-5.1e-4l5.1e-4 44.445c-2.1e-4 13.76 6.0368 14.531 13.354 11.531 0.44939-0.22538 0.86386-0.41611 1.3332-0.66042 1.2026-0.62598 2.4737-1.314 3.8261-2.0645 1.3524-0.75043 2.7861-1.563 4.315-2.4381 1.5232-0.87188 3.142-1.8066 4.8669-2.8024 6e-3 -3e-3 0.0116-7e-3 0.0176-0.0103l0.66094-0.076 110.72-63.924c27.713-16 27.713-16 27.713-48v-127.13c1.3e-4 -16.791-9e-3 -24.999-3.7982-31.203z"
fill="url(#darkGradient)" stroke="url(#darkGradient)"
/>
<path
d="m52.613 222c0.2165 0.375 0.4465 0.742 0.6909 1.103s0.5032 0.715 0.7772 1.065c0.274 0.349 0.5634 0.695 0.8687 1.036s0.6265 0.679 0.9648 1.015 0.6936 0.67 1.0666 1.003c0.373 0.334 0.7637 0.667 1.1731 1.001 0.4093 0.334 0.8372 0.668 1.2846 1.006 0.4474 0.337 0.9144 0.677 1.4015 1.021 0.9743 0.688 2.0295 1.391 3.1729 2.121 1.1435 0.731 2.375 1.489 3.7011 2.285 1.3261 0.797 2.7467 1.633 4.269 2.52 1.4867 0.866 3.0775 1.784 4.764 2.758l110.97 64.066c6e-3 3e-3 0.012 7e-3 0.018 0.01 1.725 0.996 3.343 1.931 4.867 2.803 1.528 0.875 2.962 1.687 4.315 2.438 1.352 0.75 2.623 1.438 3.826 2.064 0.469 0.245 0.884 0.435 1.333 0.661 7.317 3 13.354 2.229 13.354-11.531v-44.445l-110.85-64z"
d="m263.24 38.603c-1.7495 0.04215-3.7061 0.588-5.764 1.432-0.44939 0.22538-0.86386 0.41612-1.3332 0.66042-1.2026 0.62598-2.4737 1.3141-3.8261 2.0645-1.3524 0.75043-2.7861 1.563-4.315 2.4381-1.5232 0.87188-3.142 1.8066-4.8669 2.8024-6e-3 0.0033-0.0116 0.0073-0.0176 0.01034l-27.695 15.99v128l-110.85 64.237-5.1e-4 -0.23719 5.1e-4 44.444c-2.1e-4 13.76 6.0365 14.531 13.353 11.531 3.9035-1.9578 8.4868-4.585 14.359-7.9752l110.85-64c13.856-8 20.785-12 24.249-18 3.4641-6 3.464-14 3.4639-30l-0.0176-95.989h5.1e-4l-5.1e-4 -44.445c1.5e-4 -9.8899-3.1186-13.07-7.5897-12.963z"
fill-opacity=".1"
/>
</g>
<g id="bottomDark">
<g id="bottomLight">
<path
d="m267.05 33.664-79.34 45.807v0.5297l27.713-16v128l-110.85 64v-0.506l-0.529 0.506v44.445c0 13.76 6.037 14.531 13.354 11.531 0.449-0.226 0.864-0.416 1.333-0.661 1.203-0.626 2.474-1.314 3.826-2.064 1.353-0.751 2.787-1.563 4.315-2.438 1.524-0.872 3.142-1.807 4.867-2.803 6e-3 -3e-3 0.012-7e-3 0.018-0.01l0.661-0.076 110.72-63.924c27.712-16 27.712-16 27.712-48v-127.13c0-16.791-9e-3 -24.999-3.798-31.203z"
fill="url(#darkGradient)" stroke="url(#darkGradient)"
d="m52.947 33.664c-3.7888 6.2045-3.7978 14.412-3.7977 31.203v127.13c0 32-2.64e-4 32 27.713 48l110.72 63.924 0.66146 0.076c6e-3 3e-3 0.0119 7e-3 0.0176 0.0103 1.7248 0.99584 3.3436 1.9305 4.8669 2.8024 1.5289 0.87511 2.9626 1.6877 4.315 2.4381 1.3524 0.75044 2.6235 1.4385 3.8261 2.0645 0.46939 0.24431 0.88386 0.43505 1.3332 0.66043 7.3169 3.0007 13.354 2.2293 13.354-11.531l5.1e-4 -44.445h-5.1e-4v5.1e-4l-0.52917-0.50591v0.50591l-110.85-64v-128l27.713 16v-0.52917z"
fill="url(#lightGradient)" stroke="url(#lightGradient)"
/>
<path
d="m215.43 192-110.85 64.237-5.1e-4 -0.2372 5.1e-4 44.444c-2.1e-4 13.76 6.0364 14.531 13.353 11.531 3.9035-1.9578 8.4868-4.585 14.359-7.9752l110.85-64c13.856-8 20.785-12 24.249-18z"
fill-opacity=".1"
d="m56.76 38.6c-4.4711-0.10771-7.5899 3.0726-7.5897 12.963l-5.2e-4 44.445h5.2e-4l-0.0176 95.989c-8e-5 16-2.1e-4 24 3.4639 30 3.4641 6 10.392 10 24.249 18l110.85 64c6e-3 3e-3 0.0119 7e-3 0.0176 0.0103 1.7248 0.99581 3.3436 1.9305 4.8669 2.8024 1.5289 0.87511 2.9626 1.6877 4.315 2.4381 1.3524 0.75044 2.6235 1.4385 3.8261 2.0645 0.46939 0.24431 0.88386 0.43504 1.3332 0.66042 7.3169 3.0007 13.354 2.2292 13.354-11.531l5.2e-4 -44.445h-5.2e-4v5.2e-4l-110.85-64v-128l-27.695-15.99c-6e-3 -3e-3 -0.0119-7e-3 -0.0176-0.0103-1.7248-0.99584-3.3436-1.9305-4.8669-2.8024-1.5289-0.87511-2.9626-1.6877-4.315-2.4381-1.3524-0.75041-2.6235-1.4385-3.8261-2.0645-0.46939-0.24431-0.88386-0.43504-1.3332-0.66042-2.0579-0.84395-4.0145-1.3898-5.764-1.432z"
fill-opacity=".22"
/>
</g>
<g id="box">
<path d="m21.436 240v-160l27.713-16 138.56 80v160l-27.713 16z" fill="#c87137" stroke="#c87137" />
<path d="m298.56 240v-160l-27.713-16-110.85 64v192z" fill="#a05a2c" stroke="#a05a2c" />
<path d="M 298.56,80 160,0 21.44,80 160,160 Z" fill="#f95" stroke="#f95" />
<path d="m298.56 80-138.56-80-138.56 80 138.56 80z" fill="#f95" stroke="#f95" />
</g>
<path
id="topDark" d="m215.34 3.9491c-6.841 0.05066-13.769 4.051-27.625 12.051l-110.85 64c-27.713 16-27.713 16-27.713 48v128.85c0 31.151-3e-4 31.151 28.484 47.596 21.231 12.258 25.776 14.812 40.292 7.532-7.315 2.999-13.35 2.225-13.35-11.532v-140.06c1e-3 -32.381 0-32.381 27.713-48.381l55.426-32v-5e-4l79.583-45.947c-3.552-6.1561-10.656-10.258-24.86-18.458-13.505-7.7973-20.258-11.696-27.098-11.646z"
id="topDark"
d="m215.34 3.949c-6.8404 0.05066-13.769 4.051-27.625 12.051l-110.85 64c-27.713 16-27.713 16-27.713 48v128.85c-2e-5 31.151-3.7e-4 31.15 28.484 47.596 21.231 12.258 25.776 14.812 40.292 7.5324-7.315 2.9987-13.35 2.2251-13.35-11.532l-5.2e-4 -44.445h5.2e-4v-95.618c5e-5 -32.381-2.6e-4 -32.382 27.713-48.382l55.426-32v-5.2e-4l79.584-45.947c-3.5528-6.1561-10.657-10.257-24.86-18.458-13.505-7.7973-20.258-11.696-27.099-11.646z"
fill="url(#darkGradient)" stroke="url(#darkGradient)"
/>
<path
id="topLight" d="m104.66 3.9491c-6.8404-0.050661-13.593 3.8485-27.099 11.646-14.203 8.2-21.307 12.302-24.859 18.457l135.01 77.948c27.713 16 27.713 16 27.713 48.382v95.618h5.2e-4l-5.2e-4 44.445c1e-5 0.85999-0.0238 1.669-0.0698 2.4298s-0.11394 1.4734-0.20361 2.1394c-0.0897 0.66604-0.20073 1.2856-0.33176 1.8614-0.13103 0.57583-0.2821 1.1077-0.45217 1.5978-0.085 0.24505-0.17488 0.47988-0.26923 0.70435-0.0944 0.22446-0.19324 0.43841-0.29663 0.64285s-0.21136 0.39948-0.32349 0.58446-0.22875 0.35999-0.34933 0.52607c-0.12059 0.16608-0.24539 0.32303-0.37414 0.47077s-0.26129 0.28654-0.39791 0.41651-0.27696 0.25105-0.42116 0.36381c-0.1442 0.11275-0.29241 0.21705-0.4439 0.31315s-0.3066 0.18405-0.46509 0.26407c-0.15849 0.08-0.32004 0.15203-0.48524 0.21653-0.3304 0.12899-0.6739 0.22789-1.0294 0.29817-0.3555 0.0703-0.72295 0.1121-1.1012 0.12816-0.37828 0.0161-0.76761 6e-3 -1.1663-0.0274-0.39873-0.0337-0.80684-0.0911-1.2237-0.17002-0.41685-0.0789-0.84219-0.1796-1.2748-0.2992-0.43267-0.11961-0.87264-0.25811-1.3188-0.41393-0.44514-0.15548-0.89663-0.32816-1.3529-0.51522 14.516 7.2798 19.061 4.7262 40.292-7.5318 28.484-16.445 28.484-16.445 28.484-47.596v-128.85c0-32-2.7e-4 -32-27.713-48l-110.85-64c-13.856-8-20.785-12-27.625-12.051z"
id="topLight"
d="m104.66 3.9491c-6.8404-0.050661-13.593 3.8485-27.099 11.646-14.203 8.2-21.307 12.302-24.859 18.457l135.01 77.948c27.713 16 27.713 16 27.713 48.382v95.618h5.2e-4l-5.2e-4 44.445c1e-5 0.85999-0.0238 1.669-0.0698 2.4298s-0.11394 1.4734-0.20361 2.1394c-0.0897 0.66604-0.20073 1.2856-0.33176 1.8614-0.13103 0.57583-0.2821 1.1077-0.45217 1.5978-0.085 0.24505-0.17488 0.47988-0.26923 0.70435-0.0944 0.22446-0.19324 0.43841-0.29663 0.64285s-0.21136 0.39948-0.32349 0.58446-0.22875 0.35999-0.34933 0.52607c-0.12059 0.16608-0.24539 0.32303-0.37414 0.47077s-0.26129 0.28654-0.39791 0.41651-0.27696 0.25105-0.42116 0.36381c-0.1442 0.11275-0.29241 0.21705-0.4439 0.31315s-0.3066 0.18405-0.46509 0.26407c-0.15849 0.08-0.32004 0.15203-0.48524 0.21653-0.3304 0.12899-0.6739 0.22789-1.0294 0.29817-0.3555 0.0703-0.72295 0.1121-1.1012 0.12816-0.37828 0.0161-0.76761 6e-3 -1.1663-0.0274-0.39873-0.0337-0.80684-0.0911-1.2237-0.17002-0.41685-0.0789-0.84219-0.1796-1.2748-0.2992-0.43267-0.11961-0.87264-0.25811-1.3188-0.41393-0.44514-0.15548-0.89663-0.32816-1.3529-0.51522 14.516 7.2798 19.061 4.7262 40.292-7.5318 28.484-16.445 28.484-16.445 28.484-47.596v-128.85c0-32-2.7e-4 -32-27.713-48l-110.85-64c-13.856-8-20.785-12-27.625-12.051z"
fill="url(#lightGradient)" stroke="url(#lightGradient)"
/>
</svg>
Expand All @@ -66,13 +72,13 @@ defineProps(['class'])
path {
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1;
stroke-width: .5;
}
// prevent a sliver of light from rendering to the left of dark when closed
#topDark, #bottomDark { stroke-width: 2; }
// smooth open/close for Mouse/File drop
path, g { transition: translate 0.5s ease-in-out; }
path, g { transition: translate 0.4s ease-out; }
&:not(.showBox):is(:hover, .fileDrag) {
#topLight, #bottomLight { translate: 1rem 0px; }
#topDark, #bottomDark { translate: -1rem 0px; }
Expand Down
Binary file modified public/android-chrome-192x192.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/android-chrome-512x512.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/apple-touch-icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/favicon-16x16.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/favicon-32x32.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/favicon.ico
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion public/site.webmanifest
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
"type": "image/png"
}
],
"theme_color": "#840404",
"theme_color": "#4b0000",
"background_color": "#180000",
"display": "standalone"
}

0 comments on commit e687abe

Please sign in to comment.