andras/sdf-2d-demo
andras/sdf-2d-demo
Watch
1
0
Fork
You've already forked sdf-2d-demo
 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Add favicons

Browse source
This commit is contained in:
schmelczerandras 2020-09-20 11:24:51 +02:00
commit ace4779004
6 changed files with 10 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
static/favicons/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/favicons/favicon-16x16.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 440 B

BIN
static/favicons/favicon-32x32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 978 B

BIN
static/favicons/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

51
static/logo-colored.svg Normal file
View file

@ -0,0 +1,51 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bg">
<stop offset="0%" stop-color="#103783" />
<stop offset="100%" stop-color="#9bafd9" />
</linearGradient>
<g id="ray-a">
<rect x="18" y="-3" height="6" rx="3">
<animate attributeName="width" values="20;25;20" dur="4s" repeatCount="indefinite" />
</rect>
<circle cy="0" r="3">
<animate attributeName="cx" values="47;40;47" dur="4s" repeatCount="indefinite" />
</circle>
</g>
<g id="ray-b">
<rect x="18" y="-3" height="6" rx="3">
<animate attributeName="width" values="25;20;25" dur="4s" repeatCount="indefinite" />
</rect>
<circle cy="0" r="3">
<animate attributeName="cx" values="40;47;40" dur="4s" repeatCount="indefinite" />
</circle>
</g>
</defs>
<mask fill="white" id="mask">
<g transform-origin="50 50">
<circle cx="50" cy="50" r="14" />
<use href="#ray-a" transform="translate(50 50) rotate(0 0 0)" />
<use href="#ray-a" transform="translate(50 50) rotate(90 0 0)" />
<use href="#ray-a" transform="translate(50 50) rotate(180 0 0)" />
<use href="#ray-a" transform="translate(50 50) rotate(270 0 0)" />
<use href="#ray-b" transform="translate(50 50) rotate(45 0 0)" />
<use href="#ray-b" transform="translate(50 50) rotate(135 0 0)" />
<use href="#ray-b" transform="translate(50 50) rotate(225 0 0) " />
<use href="#ray-b" transform="translate(50 50) rotate(315 0 0)" />
<animateTransform
attributeName="transform"
type="rotate"
values="0;90"
dur="6s"
repeatCount="indefinite"
/>
</g>
</mask>
<rect width="100%" height="100%" fill="url(#bg)" mask="url(#mask)">
</rect>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

15
static/logo-white.svg
View file

@ -2,18 +2,18 @@
<defs>
<g id="ray-a">
<rect x="18" y="-3" height="6" rx="3">
<animate attributeName="width" values="20;25;20" dur="3s" repeatCount="indefinite" />
<animate attributeName="width" values="20;25;20" dur="4s" repeatCount="indefinite" />
</rect>
<circle cy="0" r="3">
<animate attributeName="cx" values="45;40;45" dur="3s" repeatCount="indefinite" />
<animate attributeName="cx" values="47;40;47" dur="4s" repeatCount="indefinite" />
</circle>
</g>
<g id="ray-b">
<rect x="18" y="-3" height="6" rx="3">
<animate attributeName="width" values="25;20;25" dur="3s" repeatCount="indefinite" />
<animate attributeName="width" values="25;20;25" dur="4s" repeatCount="indefinite" />
</rect>
<circle cy="0" r="3">
<animate attributeName="cx" values="40;45;40" dur="3s" repeatCount="indefinite" />
<animate attributeName="cx" values="40;47;40" dur="4s" repeatCount="indefinite" />
</circle>
</g>
</defs>
@ -33,14 +33,11 @@
attributeName="transform"
type="rotate"
values="0;90"
dur="6s"
dur="8s"
repeatCount="indefinite"
/>
</g>
</mask>
<rect width="100%" height="100%" fill="white" mask="url(#mask)">
</rect>
<rect width="100%" height="100%" fill="white" mask="url(#mask)"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Before After
Before After