Add new logos & asset generation script

This commit is contained in:
Laura Hausmann 2023-10-04 02:04:30 +02:00
parent 220b6f2011
commit 28259129e8
No known key found for this signature in database
GPG Key ID: D044E84C5BE01605
37 changed files with 85 additions and 69 deletions

3
.gitmodules vendored Normal file
View File

@ -0,0 +1,3 @@
[submodule "assets/branding"]
path = assets/branding
url = https://iceshrimp.dev/iceshrimp/branding.git

1
assets/branding Submodule

@ -0,0 +1 @@
Subproject commit 1c4e96bcfe61c981a1e8f23142082ac8ce7fc575

27
assets/generate.sh Executable file
View File

@ -0,0 +1,27 @@
#!/bin/bash
# Dependencies: imagick/convert, inkscape
# Be sure to check out the submodule before running this
crop=branding/prepared/svg-crop
svg=branding/prepared/svg
png=branding/prepared/png
cd "${0%/*}"
# General assets
convert -background "#3B364C" -resize 1600x "$svg/full-light.svg" "logo.png"
# Client assets
cp "$crop/wordmark-white.svg" "../packages/client/assets/welcome-logo.svg"
convert -background "#E7EDFF" -resize 1024x "$svg/full-dark.svg" "../packages/client/assets/about-icon-dark.png"
convert -background "#3B364C" -resize 1024x "$svg/full-light.svg" "../packages/client/assets/about-icon-light.png"
# Backend assets
convert -background "#E7EDFF" -resize 1024x "$svg/full-dark.svg" "../packages/backend/assets/api-doc.png"
convert -background "#E7EDFF" -resize 1024x "$svg/wordmark-dark.svg" "../packages/backend/assets/mail-wordmark.png"
convert -background "#3B364C" -resize x750 -gravity center -extent 1024x1024 "$crop/logo-light.svg" "../packages/backend/assets/apple-touch-icon.png"
convert -background "#3B364C" -resize x192 -gravity center -extent 192x192 "$svg/logo-light.svg" "../packages/backend/assets/icons/192.png"
convert -background "#3B364C" -resize x512 -gravity center -extent 512x512 "$svg/logo-light.svg" "../packages/backend/assets/icons/512.png"
convert -background "#3B364C" -resize x480 -gravity center -extent 512x512 "$svg/logo-light.svg" "../packages/backend/assets/icons/maskable.png"
convert -background none -resize x512 -gravity center -extent 512x512 "$crop/logo-black.svg" "../packages/backend/assets/icons/monochrome.png"
convert \( -background "#3B364C" -resize x750 -gravity center -extent 1024x1024 "$crop/logo-light.svg" \) \( -size 1024x1024 xc:black -fill white -draw "roundRectangle 0,0,1024,1024 128,128" \) -alpha Off -compose CopyOpacity -composite "../packages/backend/assets/splash.png"
convert \( -background "#3B364C" -resize x200 -gravity center -extent 256x256 "$crop/logo-light.svg" \) \( -size 256x256 xc:black -fill white -draw "roundRectangle 0,0,256,256 32,32" \) -alpha Off -compose CopyOpacity -composite "../packages/backend/assets/favicon.png"
convert \( -background "#3B364C" -resize x200 -gravity center -extent 256x256 "$crop/logo-light.svg" \) \( -size 256x256 xc:black -fill white -draw "roundRectangle 0,0,256,256 32,32" \) -alpha Off -compose CopyOpacity -composite "../packages/backend/assets/favicon.ico"

3
assets/logo.png Normal file
View File

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:30413bc6a5284ad4bf68f973b5787511130a83cb53003c686ba88f41935df3b2
size 55577

BIN
custom/assets/badges/error.png (Stored with Git LFS)

Binary file not shown.

BIN
custom/assets/badges/info.png (Stored with Git LFS)

Binary file not shown.

View File

@ -1,3 +0,0 @@
version https://git-lfs.github.com/spec/v1
oid sha256:eb357df23841d87e0cda813bcaffe6152929c71703f8250206819fb0ed8ef1d8
size 56874

View File

@ -1,3 +0,0 @@
version https://git-lfs.github.com/spec/v1
oid sha256:3fa8d2eb99e3cc78664783e5241400716b7fb623a1c0608ef0125fab3a845b97
size 7570

BIN
packages/backend/assets/api-doc.png (Stored with Git LFS)

Binary file not shown.

Binary file not shown.

BIN
packages/backend/assets/badges/error.png (Stored with Git LFS)

Binary file not shown.

BIN
packages/backend/assets/badges/info.png (Stored with Git LFS)

Binary file not shown.

View File

@ -1,3 +0,0 @@
version https://git-lfs.github.com/spec/v1
oid sha256:eb357df23841d87e0cda813bcaffe6152929c71703f8250206819fb0ed8ef1d8
size 56874

BIN
packages/backend/assets/favicon.ico (Stored with Git LFS)

Binary file not shown.

BIN
packages/backend/assets/favicon.png (Stored with Git LFS)

Binary file not shown.

View File

@ -1,3 +0,0 @@
version https://git-lfs.github.com/spec/v1
oid sha256:3fa8d2eb99e3cc78664783e5241400716b7fb623a1c0608ef0125fab3a845b97
size 7570

BIN
packages/backend/assets/icons/192.png (Stored with Git LFS)

Binary file not shown.

BIN
packages/backend/assets/icons/512.png (Stored with Git LFS)

Binary file not shown.

BIN
packages/backend/assets/icons/maskable.png (Stored with Git LFS)

Binary file not shown.

View File

@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:f113e3ef5671da9a5c63a0c6e602666d83d0b6214c7c4a8765821e1dae2c8b9e
size 9001
oid sha256:6a5149e416ce02d268a39d03963bed54fd3eb5079be874a04c87d9a9ac2e19fc
size 17971

View File

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:0d1828d70668ff03f0412fbd149323abad74320e3b4452322ca53b051a21cbd7
size 26995

BIN
packages/backend/assets/mi-white.png (Stored with Git LFS)

Binary file not shown.

BIN
packages/backend/assets/splash.png (Stored with Git LFS)

Binary file not shown.

BIN
packages/backend/assets/splash.svg (Stored with Git LFS)

Binary file not shown.

View File

@ -71,7 +71,7 @@ html
br
| Please turn on your JavaScript
div#splash
img#splashIcon(src= splashIcon || `/static-assets/splash.svg?${ timestamp }`)
img#splashIcon(src= splashIcon || `/static-assets/splash.png?${ timestamp }`)
span#splashText
block randomMOTD
= randomMOTD

View File

@ -13,7 +13,7 @@ export async function sendEmail(
) {
const meta = await fetchMeta(true);
const iconUrl = `${config.url}/static-assets/mi-white.png`;
const iconUrl = `${config.url}/static-assets/mail-wordmark.png`;
const emailSettingUrl = `${config.url}/settings/email`;
const enableAuth = meta.smtpUser != null && meta.smtpUser !== "";

BIN
packages/client/assets/about-icon-dark.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
packages/client/assets/about-icon-light.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
packages/client/assets/about-icon.png (Stored with Git LFS)

Binary file not shown.

View File

@ -1,3 +0,0 @@
version https://git-lfs.github.com/spec/v1
oid sha256:b706b7bc2b77a01be166d8295b962263bce583bc4c24a8905ff52b090dddd766
size 69675

BIN
packages/client/assets/misskey.svg (Stored with Git LFS)

Binary file not shown.

BIN
packages/client/assets/welcome-logo.svg (Stored with Git LFS) Normal file

Binary file not shown.

View File

@ -14,7 +14,17 @@
:class="{ playing: easterEggEngine != null }"
>
<img
src="/client-assets/about-icon.png"
src="/client-assets/about-icon-dark.png"
v-if="!darkMode"
alt=""
class="icon"
draggable="false"
@load="iconLoaded"
@click="gravity"
/>
<img
src="/client-assets/about-icon-light.png"
v-if="darkMode"
alt=""
class="icon"
draggable="false"
@ -77,7 +87,7 @@
</template>
<script lang="ts" setup>
import { nextTick, onBeforeUnmount } from "vue";
import { computed, nextTick, onBeforeUnmount } from "vue";
import { version } from "@/config";
import FormLink from "@/components/form/link.vue";
import FormSection from "@/components/form/section.vue";
@ -135,6 +145,8 @@ const headerActions = $computed(() => []);
const headerTabs = $computed(() => []);
const darkMode = computed(defaultStore.makeGetterSetter("darkMode"));
definePageMetadata({
title: i18n.ts.aboutIceshrimp,
icon: null,
@ -166,9 +178,9 @@ definePageMetadata({
> .icon {
display: block;
width: 100px;
width: 250px;
margin: 0 auto;
border-radius: 3px;
border-radius: 5px;
}
> .misskey {

View File

@ -5,7 +5,7 @@
<XTimeline class="tl" />
<div class="shape1"></div>
<div class="shape2"></div>
<img src="/client-assets/misskey.svg" class="misskey" />
<img src="/client-assets/welcome-logo.svg" class="misskey" />
<div class="emojis">
<MkEmoji :normal="true" :no-style="true" emoji="⭐" />
<MkEmoji :normal="true" :no-style="true" emoji="❤️" />

View File

@ -62,7 +62,7 @@
</I18n>
</div>
</div>
<img src="/client-assets/misskey.svg" class="misskey" />
<img src="/client-assets/welcome-logo.svg" class="misskey" />
</div>
</div>
</template>

View File

@ -11,7 +11,7 @@
<MkEmoji :normal="true" :no-style="true" emoji="🍮" />
</div>
<div class="main">
<img src="/client-assets/misskey.svg" class="misskey" />
<img src="/client-assets/welcome-logo.svg" class="misskey" />
<div class="form _panel">
<div class="bg">
<div class="fade"></div>

BIN
title.svg (Stored with Git LFS)

Binary file not shown.