New logo, banner and metacrap

This commit is contained in:
Lim Chee Aun 2023-01-17 20:35:54 +08:00
parent a87b95ed18
commit 76e9e8d69d
16 changed files with 47 additions and 11 deletions

BIN
design/logo-4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

13
design/logo-4.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Logo-simple" serif:id="Logo simple" x="0" y="0" width="63.994" height="63.994" style="fill:none;"/>
<g id="Logo-simple1" serif:id="Logo simple">
<g>
<path d="M37.774,11.471c14.639,3.752 19.034,16.557 15.889,31.304c-0.696,3.261 -2.563,6.661 -6.356,8.693c-3.204,1.717 -8.07,2.537 -15.338,0.55c0,0 -9.634,-2.404 -9.634,-2.404c-10.684,-2.622 -13.957,-10.881 -12.308,-17.791c3.627,-15.201 15.543,-23.48 27.747,-20.352Z" style="fill:#a4bff7;"/>
<path d="M36.76,15.429c12.289,3.15 15.547,14.114 12.907,26.493c-0.947,4.44 -4.937,9.365 -16.664,6.143l-9.684,-2.417c-7.854,-1.923 -10.53,-7.8 -9.318,-12.877c3.016,-12.639 12.611,-19.943 22.759,-17.342Z" style="fill:#d8e7fe;"/>
<path d="M27.471,24.991c-1.457,-0.698 -7.229,3.213 -7.663,8.926c-0.182,2.39 4.55,3.237 5.071,-0.169c0.725,-4.743 3.715,-8.218 2.592,-8.757Z" style="fill:#6081e6;"/>
<path d="M38.217,26.996c-2.083,0.327 -0.382,5.901 -0.595,10.727c-0.123,2.8 4.388,3.464 4.703,2.011c1.098,-5.073 -2.066,-13.058 -4.108,-12.738Z" style="fill:#6081e6;"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
design/logo-bg-4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

17
design/logo-bg-4.svg Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Logo-simple" serif:id="Logo simple" x="0" y="0" width="63.994" height="63.994" style="fill:none;"/>
<clipPath id="_clip1">
<rect id="Logo-simple1" serif:id="Logo simple" x="0" y="0" width="63.994" height="63.994"/>
</clipPath>
<g clip-path="url(#_clip1)">
<rect x="0" y="0" width="64.247" height="63.994" style="fill:#b7cdf9;"/>
<g>
<path d="M37.774,11.471c14.639,3.752 19.034,16.557 15.889,31.304c-0.696,3.261 -2.563,6.661 -6.356,8.693c-3.204,1.717 -8.07,2.537 -15.338,0.55c0,0 -9.634,-2.404 -9.634,-2.404c-10.684,-2.622 -13.957,-10.881 -12.308,-17.791c3.627,-15.201 15.543,-23.48 27.747,-20.352Z" style="fill:#a4bff7;"/>
<path d="M36.76,15.429c12.289,3.15 15.547,14.114 12.907,26.493c-0.947,4.44 -4.937,9.365 -16.664,6.143l-9.684,-2.417c-7.854,-1.923 -10.53,-7.8 -9.318,-12.877c3.016,-12.639 12.611,-19.943 22.759,-17.342Z" style="fill:#d8e7fe;"/>
<path d="M27.471,24.991c-1.457,-0.698 -7.229,3.213 -7.663,8.926c-0.182,2.39 4.55,3.237 5.071,-0.169c0.725,-4.743 3.715,-8.218 2.592,-8.757Z" style="fill:#6081e6;"/>
<path d="M38.217,26.996c-2.083,0.327 -0.382,5.901 -0.595,10.727c-0.123,2.8 4.388,3.464 4.703,2.011c1.098,-5.073 -2.066,-13.058 -4.108,-12.738Z" style="fill:#6081e6;"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
design/logo-favicon-4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

BIN
design/profile-banner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View file

@ -12,7 +12,7 @@
content="Minimalistic opinionated Mastodon web client" content="Minimalistic opinionated Mastodon web client"
/> />
<meta name="color-scheme" content="dark light" /> <meta name="color-scheme" content="dark light" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="<{ VITE_CLIENT_NAME }>" /> <meta name="apple-mobile-web-app-title" content="<{ VITE_CLIENT_NAME }>" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
@ -29,6 +29,17 @@
media="(prefers-color-scheme: dark)" media="(prefers-color-scheme: dark)"
/> />
<meta name="google" content="notranslate" /> <meta name="google" content="notranslate" />
<link rel="me" href="https://hachyderm.io/@phanpy" />
<!-- Metacrap https://broken-links.com/2015/12/01/little-less-metacrap/ -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="og:url" content="<{ VITE_WEBSITE }>" />
<meta property="og:title" content="<{ VITE_CLIENT_NAME }>" />
<meta
property="og:description"
content="Minimalistic opinionated Mastodon web client"
/>
<meta property="og:image" content="<{ VITE_WEBSITE }>/og-image.png" />
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" clip-rule="evenodd" viewBox="0 0 8 8">
<path fill="none" d="M0 0h8v8H0z"/>
<path fill="#d8e7fe" stroke="#a4bff7" d="M7 2.5A2.49 2.49 0 0 0 5.5 1a6.1 6.1 0 0 0-3 0A2.5 2.5 0 0 0 1 2.5a6.1 6.1 0 0 0 0 3A2.5 2.5 0 0 0 2.5 7a6.1 6.1 0 0 0 3 0A2.49 2.49 0 0 0 7 5.5a6.1 6.1 0 0 0 0-3Z"/>
<path fill="none" stroke="#6892e2" d="M4.77 3c.15.52.29 1.28.3 2m-1.8-2c-.15.52-.3 1.28-.3 2"/>
</svg>

Before

Width:  |  Height:  |  Size: 543 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
public/og-image.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" clip-rule="evenodd" viewBox="0 0 128 128"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 64 64">
<g stroke-width="12"> <path fill="none" d="M0 0h63.994v63.994H0z"/>
<path fill="#d8e7fe" stroke="#a4bff7" d="M107.56 46.85c-2.3-9.75-10.07-18.83-19-22.72-10.12-4.4-30.97-6.26-41.71-3.7-9.47 2.24-18.72 9.81-22.72 19-4.4 10.11-6.26 30.97-3.7 41.7 2.3 9.76 10.07 18.84 19 22.72 10.11 4.4 30.97 6.26 41.7 3.71 9.48-2.24 18.73-9.81 22.72-19 4.4-10.12 6.26-30.97 3.71-41.71Z"/> <path fill="#a4bff7" d="M37.774 11.471c14.639 3.752 19.034 16.557 15.889 31.304-.696 3.261-2.563 6.661-6.356 8.693-3.204 1.717-8.07 2.537-15.338.55l-9.634-2.404C11.651 46.992 8.378 38.733 10.027 31.823c3.627-15.201 15.543-23.48 27.747-20.352Z"/>
<path fill="none" stroke="#6892e2" d="M75.89 51.04c1.5 7.44 2.47 18.16 1.8 28.19M55.08 49.19a113.84 113.84 0 0 0-6.75 27.43"/> <path fill="#d8e7fe" d="M36.76 15.429c12.289 3.15 15.547 14.114 12.907 26.493-.947 4.44-4.937 9.365-16.664 6.143l-9.684-2.417c-7.854-1.923-10.53-7.8-9.318-12.877 3.016-12.639 12.611-19.943 22.759-17.342Z"/>
</g> <path fill="#6081e6" d="M27.471 24.991c-1.457-.698-7.229 3.213-7.663 8.926-.182 2.39 4.55 3.237 5.071-.169.725-4.743 3.715-8.218 2.592-8.757Zm10.746 2.005c-2.083.327-.382 5.901-.595 10.727-.123 2.8 4.388 3.464 4.703 2.011 1.098-5.073-2.066-13.058-4.108-12.738Z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 672 B

After

Width:  |  Height:  |  Size: 946 B